From fe2628a05aa244d82b93e632ffe521f90b7d29f5 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Wed, 29 Jul 2020 18:03:12 -0400 Subject: [PATCH 01/96] fix(community-quiet-button): addresses issue 362, followup --- .all-contributorsrc | 9 + README.md | 2 +- packages/QuietButton/QuietButton.jsx | 75 ++++-- .../__snapshots__/QuietButton.spec.jsx.snap | 221 +++++++++++++----- packages/QuietButton/package.json | 3 + 5 files changed, 226 insertions(+), 84 deletions(-) diff --git a/.all-contributorsrc b/.all-contributorsrc index 2c33aea40..6f96a1aa0 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -248,6 +248,15 @@ "contributions": [ "tds" ] + }, + { + "login": "ashwanitelus", + "name": "ashwanitelus", + "avatar_url": "https://avatars1.githubusercontent.com/u/63233715?v=4", + "profile": "https://github.com/ashwanitelus", + "contributions": [ + "tds" + ] } ] } diff --git a/README.md b/README.md index 83289955c..4dedc6a9f 100644 --- a/README.md +++ b/README.md @@ -68,7 +68,7 @@ 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 "") | [circle-url]: https://circleci.com/gh/telus/tds-community diff --git a/packages/QuietButton/QuietButton.jsx b/packages/QuietButton/QuietButton.jsx index 882abeb9b..0bd966fac 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', + height: '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)': { @@ -40,15 +48,19 @@ const btnWrapper = { display: 'flex', flexDirection: 'row', alignItems: 'center', - padding: '3px 0px 5px 0px', '& 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,28 @@ 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('Edit'), + componentWithName('Print'), + componentWithName('Profile'), + componentWithName('Add'), + componentWithName('Close'), + componentWithName('Delete'), + componentWithName('PlayVideo'), + componentWithName('Subtract'), + componentWithName('Download'), + componentWithName('DownloadPDF'), + componentWithName('DownloadPDFs'), + componentWithName('Search'), + componentWithName('Settings'), + ]) + ), + 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..f9a014934 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; + 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; @@ -54,15 +67,14 @@ exports[`QuietButton renders 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; - padding: 3px 0px 5px 0px; } -.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;", + "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..ec8ef7072 100644 --- a/packages/QuietButton/package.json +++ b/packages/QuietButton/package.json @@ -26,9 +26,12 @@ "styled-components": "^4.1.3" }, "dependencies": { + "@tds/core-box": "^2.2.0", + "@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-prop-types": "^1.3.2", "prop-types": "^15.6.2" } } From 66bad7c3f55034b5758254a172bab78a259b6add Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Thu, 30 Jul 2020 09:46:38 -0400 Subject: [PATCH 02/96] fix(community-quiet-button): updates snapshot --- .../__snapshots__/QuietButton.spec.jsx.snap | 38 ++++++++- packages/QuietButton/package-lock.json | 84 +++++++++++++++++++ 2 files changed, 121 insertions(+), 1 deletion(-) create mode 100644 packages/QuietButton/package-lock.json diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index f9a014934..bdc906a40 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -168,9 +168,45 @@ exports[`QuietButton renders 1`] = ` }, "displayName": "QuietButton__StyledBox", "foldedComponentIds": Array [], + "propTypes": Object { + "below": [Function], + "between": [Function], + "children": [Function], + "className": [Function], + "horizontal": [Function], + "inline": [Function], + "inset": [Function], + "tag": [Function], + "vertical": [Function], + }, "render": [Function], "styledComponentId": "QuietButton__StyledBox-sc-1anctzy-0", - "target": [Function], + "target": Object { + "$$typeof": Symbol(react.forward_ref), + "defaultProps": Object { + "below": undefined, + "between": undefined, + "className": undefined, + "horizontal": undefined, + "inline": false, + "inset": undefined, + "tag": "div", + "vertical": undefined, + }, + "displayName": "Box", + "propTypes": Object { + "below": [Function], + "between": [Function], + "children": [Function], + "className": [Function], + "horizontal": [Function], + "inline": [Function], + "inset": [Function], + "tag": [Function], + "vertical": [Function], + }, + "render": [Function], + }, "toString": [Function], "warnTooManyClasses": [Function], "withComponent": [Function], diff --git a/packages/QuietButton/package-lock.json b/packages/QuietButton/package-lock.json new file mode 100644 index 000000000..77eb830fd --- /dev/null +++ b/packages/QuietButton/package-lock.json @@ -0,0 +1,84 @@ +{ + "name": "@tds/community-quiet-button", + "version": "0.1.1", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "@tds/core-box": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.2.1.tgz", + "integrity": "sha512-XdoFieCxWixYZhXAvMj3dOKoqfUeaxDHNO2CaRC2J84nCuom7ZMlyxBMAph6J3e4IYS7FUkwvhLJGH3r0DsoTQ==", + "requires": { + "@tds/core-responsive": "^1.3.3", + "@tds/util-helpers": "^1.4.2", + "@tds/util-prop-types": "^1.4.0", + "prop-types": "^15.5.10" + }, + "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-helpers": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.4.2.tgz", + "integrity": "sha512-MiRzz5tsKQCO23yk0UBng8lHIDmT2D4fqtdA4JKc/JEXWNRKILt21rdXE0UqQIDM71yK2EMGeh84qlfEFjI9Xg==", + "requires": { + "@tds/core-responsive": "^1.3.3" + } + }, + "@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==", + "requires": { + "prop-types": "^15.5.10" + } + }, + "js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + }, + "prop-types": { + "version": "15.7.2", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", + "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", + "requires": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.8.1" + } + }, + "react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, + "sass-mq": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/sass-mq/-/sass-mq-5.0.1.tgz", + "integrity": "sha512-ugSVZO5fzasSFrGfKCtY02spnkOOfo9U9sXuzCuSXoCl1CgcoqdJRdNmigZkhvRVph1GKM6o0pgI00Jjc445CA==" + } + } + } + } +} From e55acad11213fb3517878ddb8a5dd9ec2bac66eb Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Thu, 30 Jul 2020 09:57:38 -0400 Subject: [PATCH 03/96] fix(community-quiet-button): updates snapshot --- .../__snapshots__/QuietButton.spec.jsx.snap | 38 +-------- packages/QuietButton/package-lock.json | 84 ------------------- 2 files changed, 1 insertion(+), 121 deletions(-) delete mode 100644 packages/QuietButton/package-lock.json diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index bdc906a40..f9a014934 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -168,45 +168,9 @@ exports[`QuietButton renders 1`] = ` }, "displayName": "QuietButton__StyledBox", "foldedComponentIds": Array [], - "propTypes": Object { - "below": [Function], - "between": [Function], - "children": [Function], - "className": [Function], - "horizontal": [Function], - "inline": [Function], - "inset": [Function], - "tag": [Function], - "vertical": [Function], - }, "render": [Function], "styledComponentId": "QuietButton__StyledBox-sc-1anctzy-0", - "target": Object { - "$$typeof": Symbol(react.forward_ref), - "defaultProps": Object { - "below": undefined, - "between": undefined, - "className": undefined, - "horizontal": undefined, - "inline": false, - "inset": undefined, - "tag": "div", - "vertical": undefined, - }, - "displayName": "Box", - "propTypes": Object { - "below": [Function], - "between": [Function], - "children": [Function], - "className": [Function], - "horizontal": [Function], - "inline": [Function], - "inset": [Function], - "tag": [Function], - "vertical": [Function], - }, - "render": [Function], - }, + "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], "withComponent": [Function], diff --git a/packages/QuietButton/package-lock.json b/packages/QuietButton/package-lock.json deleted file mode 100644 index 77eb830fd..000000000 --- a/packages/QuietButton/package-lock.json +++ /dev/null @@ -1,84 +0,0 @@ -{ - "name": "@tds/community-quiet-button", - "version": "0.1.1", - "lockfileVersion": 1, - "requires": true, - "dependencies": { - "@tds/core-box": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.2.1.tgz", - "integrity": "sha512-XdoFieCxWixYZhXAvMj3dOKoqfUeaxDHNO2CaRC2J84nCuom7ZMlyxBMAph6J3e4IYS7FUkwvhLJGH3r0DsoTQ==", - "requires": { - "@tds/core-responsive": "^1.3.3", - "@tds/util-helpers": "^1.4.2", - "@tds/util-prop-types": "^1.4.0", - "prop-types": "^15.5.10" - }, - "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-helpers": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.4.2.tgz", - "integrity": "sha512-MiRzz5tsKQCO23yk0UBng8lHIDmT2D4fqtdA4JKc/JEXWNRKILt21rdXE0UqQIDM71yK2EMGeh84qlfEFjI9Xg==", - "requires": { - "@tds/core-responsive": "^1.3.3" - } - }, - "@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==", - "requires": { - "prop-types": "^15.5.10" - } - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "loose-envify": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", - "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "requires": { - "js-tokens": "^3.0.0 || ^4.0.0" - } - }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" - }, - "prop-types": { - "version": "15.7.2", - "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", - "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", - "requires": { - "loose-envify": "^1.4.0", - "object-assign": "^4.1.1", - "react-is": "^16.8.1" - } - }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "sass-mq": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/sass-mq/-/sass-mq-5.0.1.tgz", - "integrity": "sha512-ugSVZO5fzasSFrGfKCtY02spnkOOfo9U9sXuzCuSXoCl1CgcoqdJRdNmigZkhvRVph1GKM6o0pgI00Jjc445CA==" - } - } - } - } -} From 0d8e003fb285d1ad27a16409a0fa8d7d0946076f Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Thu, 30 Jul 2020 12:00:24 -0400 Subject: [PATCH 04/96] fix(community-quiet-button): updates snapshot --- .../__snapshots__/QuietButton.spec.jsx.snap | 38 ++++++++++++++++++- packages/QuietButton/package.json | 2 +- 2 files changed, 38 insertions(+), 2 deletions(-) diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index f9a014934..bdc906a40 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -168,9 +168,45 @@ exports[`QuietButton renders 1`] = ` }, "displayName": "QuietButton__StyledBox", "foldedComponentIds": Array [], + "propTypes": Object { + "below": [Function], + "between": [Function], + "children": [Function], + "className": [Function], + "horizontal": [Function], + "inline": [Function], + "inset": [Function], + "tag": [Function], + "vertical": [Function], + }, "render": [Function], "styledComponentId": "QuietButton__StyledBox-sc-1anctzy-0", - "target": [Function], + "target": Object { + "$$typeof": Symbol(react.forward_ref), + "defaultProps": Object { + "below": undefined, + "between": undefined, + "className": undefined, + "horizontal": undefined, + "inline": false, + "inset": undefined, + "tag": "div", + "vertical": undefined, + }, + "displayName": "Box", + "propTypes": Object { + "below": [Function], + "between": [Function], + "children": [Function], + "className": [Function], + "horizontal": [Function], + "inline": [Function], + "inset": [Function], + "tag": [Function], + "vertical": [Function], + }, + "render": [Function], + }, "toString": [Function], "warnTooManyClasses": [Function], "withComponent": [Function], diff --git a/packages/QuietButton/package.json b/packages/QuietButton/package.json index ec8ef7072..a1accfd83 100644 --- a/packages/QuietButton/package.json +++ b/packages/QuietButton/package.json @@ -26,7 +26,7 @@ "styled-components": "^4.1.3" }, "dependencies": { - "@tds/core-box": "^2.2.0", + "@tds/core-box": "^2.1.3", "@tds/core-colours": "^2.2.1", "@tds/shared-styles": "^1.5.2", "@tds/shared-typography": "^1.3.5", From db8637f090ee4db78c206dddb2a5a1b1396c1933 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Thu, 30 Jul 2020 12:07:40 -0400 Subject: [PATCH 05/96] fix(community-quiet-button): updates snapshot --- .../__snapshots__/QuietButton.spec.jsx.snap | 38 +------------------ 1 file changed, 1 insertion(+), 37 deletions(-) diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index bdc906a40..f9a014934 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -168,45 +168,9 @@ exports[`QuietButton renders 1`] = ` }, "displayName": "QuietButton__StyledBox", "foldedComponentIds": Array [], - "propTypes": Object { - "below": [Function], - "between": [Function], - "children": [Function], - "className": [Function], - "horizontal": [Function], - "inline": [Function], - "inset": [Function], - "tag": [Function], - "vertical": [Function], - }, "render": [Function], "styledComponentId": "QuietButton__StyledBox-sc-1anctzy-0", - "target": Object { - "$$typeof": Symbol(react.forward_ref), - "defaultProps": Object { - "below": undefined, - "between": undefined, - "className": undefined, - "horizontal": undefined, - "inline": false, - "inset": undefined, - "tag": "div", - "vertical": undefined, - }, - "displayName": "Box", - "propTypes": Object { - "below": [Function], - "between": [Function], - "children": [Function], - "className": [Function], - "horizontal": [Function], - "inline": [Function], - "inset": [Function], - "tag": [Function], - "vertical": [Function], - }, - "render": [Function], - }, + "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], "withComponent": [Function], From edd30c47be89fdfbc75eeb42bc6c62fff37740c4 Mon Sep 17 00:00:00 2001 From: Ruchi Jain Date: Tue, 14 Jul 2020 16:38:16 -0400 Subject: [PATCH 06/96] feat(community-toast): add new toast component --- packages/Toast/README.md | 1 + packages/Toast/Toast.jsx | 160 ++++++++++++++++++ packages/Toast/Toast.md | 15 ++ packages/Toast/__tests__/Toast.spec.jsx | 72 ++++++++ .../__snapshots__/Toast.spec.jsx.snap | 142 ++++++++++++++++ packages/Toast/index.cjs.js | 3 + packages/Toast/index.es.js | 3 + packages/Toast/package.json | 32 ++++ packages/Toast/rollup.config.js | 7 + 9 files changed, 435 insertions(+) create mode 100644 packages/Toast/README.md create mode 100644 packages/Toast/Toast.jsx create mode 100644 packages/Toast/Toast.md create mode 100644 packages/Toast/__tests__/Toast.spec.jsx create mode 100644 packages/Toast/__tests__/__snapshots__/Toast.spec.jsx.snap create mode 100644 packages/Toast/index.cjs.js create mode 100644 packages/Toast/index.es.js create mode 100644 packages/Toast/package.json create mode 100644 packages/Toast/rollup.config.js 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..93c85f43d --- /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 taht will appear after the copy. + */ + link: PropTypes.shape({ + href: PropTypes.string, + text: PropTypes.string, + }), + /** + * Optional variant to decide what kind of compoennt 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..6ed08d36b --- /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..e3aee3325 --- /dev/null +++ b/packages/Toast/package.json @@ -0,0 +1,32 @@ +{ + "name": "@tds/community-toast", + "version": "0.1.0-0", + "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/util-helpers": "^1.2.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, +}) From 4efdb43bf3a53679aab6a1faa3290bc621cf4fc4 Mon Sep 17 00:00:00 2001 From: Ruchi Jain Date: Fri, 17 Jul 2020 14:24:33 -0400 Subject: [PATCH 07/96] chore(packages): resolve dependency --- packages/InputGroup/package.json | 2 +- packages/PreviewCard/package.json | 2 +- packages/Ribbon/package.json | 2 +- packages/SideNavigation/package.json | 2 +- packages/Toast/package.json | 4 ++++ packages/ToggleSwitch/package.json | 2 +- 6 files changed, 9 insertions(+), 5 deletions(-) diff --git a/packages/InputGroup/package.json b/packages/InputGroup/package.json index b70e2ff59..f3140cbcd 100644 --- a/packages/InputGroup/package.json +++ b/packages/InputGroup/package.json @@ -31,7 +31,7 @@ "@tds/core-decorative-icon": "^2.6.4", "@tds/core-interactive-icon": "^2.0.0", "@tds/core-strong": "^2.1.10", - "@tds/core-text": "^3.0.4", + "@tds/core-text": "^3.1.1", "@tds/util-helpers": "^1.2.0", "prop-types": "^15.6.2" } diff --git a/packages/PreviewCard/package.json b/packages/PreviewCard/package.json index 22e55ae60..27c52d85c 100644 --- a/packages/PreviewCard/package.json +++ b/packages/PreviewCard/package.json @@ -28,7 +28,7 @@ "dependencies": { "@tds/core-box": "^2.1.3", "@tds/core-colours": "^2.2.1", - "@tds/core-text": "^3.0.4", + "@tds/core-text": "^3.1.1", "@tds/util-helpers": "^1.2.0", "@tds/util-prop-types": "^1.3.2", "prop-types": "^15.6.2" diff --git a/packages/Ribbon/package.json b/packages/Ribbon/package.json index 91f722cc4..1428aeb15 100644 --- a/packages/Ribbon/package.json +++ b/packages/Ribbon/package.json @@ -27,7 +27,7 @@ }, "dependencies": { "@tds/core-colours": "^2.2.1", - "@tds/core-text": "^3.0.4", + "@tds/core-text": "^3.1.1", "@tds/util-helpers": "^1.2.0", "prop-types": "^15.6.2" } diff --git a/packages/SideNavigation/package.json b/packages/SideNavigation/package.json index c4357f178..0c5b28579 100644 --- a/packages/SideNavigation/package.json +++ b/packages/SideNavigation/package.json @@ -29,7 +29,7 @@ "@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", diff --git a/packages/Toast/package.json b/packages/Toast/package.json index e3aee3325..580ef35f6 100644 --- a/packages/Toast/package.json +++ b/packages/Toast/package.json @@ -26,6 +26,10 @@ "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.2.0", "prop-types": "^15.6.2" } diff --git a/packages/ToggleSwitch/package.json b/packages/ToggleSwitch/package.json index 5c658bca6..7327b8d23 100644 --- a/packages/ToggleSwitch/package.json +++ b/packages/ToggleSwitch/package.json @@ -29,7 +29,7 @@ "@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", "prop-types": "^15.6.2" From f060d19c9b6350438310abd52c54e1895686d638 Mon Sep 17 00:00:00 2001 From: Enrico Sacchetti Date: Thu, 30 Jul 2020 18:41:39 -0400 Subject: [PATCH 08/96] chore(deps): normalize dependencies --- .all-contributorsrc | 9 ++++++ README.md | 2 +- package-lock.json | 79 +++++++++++++++++++++------------------------ package.json | 4 +-- 4 files changed, 48 insertions(+), 46 deletions(-) diff --git a/.all-contributorsrc b/.all-contributorsrc index 2c33aea40..6f96a1aa0 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -248,6 +248,15 @@ "contributions": [ "tds" ] + }, + { + "login": "ashwanitelus", + "name": "ashwanitelus", + "avatar_url": "https://avatars1.githubusercontent.com/u/63233715?v=4", + "profile": "https://github.com/ashwanitelus", + "contributions": [ + "tds" + ] } ] } diff --git a/README.md b/README.md index 83289955c..4dedc6a9f 100644 --- a/README.md +++ b/README.md @@ -68,7 +68,7 @@ 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 "") | [circle-url]: https://circleci.com/gh/telus/tds-community diff --git a/package-lock.json b/package-lock.json index 97665e9d2..a428d7fe1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3187,40 +3187,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" } } @@ -3407,26 +3405,24 @@ } }, "@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.0.2", + "resolved": "https://registry.npmjs.org/@tds/core-interactive-icon/-/core-interactive-icon-2.0.2.tgz", + "integrity": "sha512-Q0R7dXh7N8TC4WMiNNYQK4BDpj8ydojqS3TNNAcyBOjMNGMlw2XFvm3oorr7YAuCNpbVHzwy4t0LfhY4I+2OcA==", "requires": { "@tds/core-a11y-content": "^2.1.5", "@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/util-prop-types": "^1.4.0", "prop-types": "^15.5.10" }, "dependencies": { - "@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==", + "@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==", "requires": { - "@tds/shared-typography": "^1.3.5", - "@tds/util-helpers": "^1.4.2", "prop-types": "^15.5.10" } } @@ -3544,10 +3540,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==", - "dev": true, + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.1.1.tgz", + "integrity": "sha512-e8qhJLnTiUNEShBL7G3xT9piPUCNCmyCQ0zCmfpMnQOTqKpBARcEn+Z4L4MTeG9x4pe0ytoJeyPLWzZSavztCg==", "requires": { "@tds/shared-typography": "^1.3.5", "@tds/util-helpers": "^1.4.2", @@ -3555,11 +3550,11 @@ } }, "@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==", + "version": "4.2.16", + "resolved": "https://registry.npmjs.org/@tds/core-tooltip/-/core-tooltip-4.2.16.tgz", + "integrity": "sha512-Harx6AeyUPMaSwhSLT7/pcSd4k6hks245KExhMS6UJeJOK/zPmtuA40lrMHjFyZEsTIJwStPibS+XG1fm/6Fdg==", "requires": { - "@tds/core-box": "^2.2.0", + "@tds/core-box": "^2.2.1", "@tds/core-responsive": "^1.3.3", "@tds/core-standalone-icon": "^2.1.13", "@tds/core-text": "^3.1.1", @@ -3570,23 +3565,21 @@ }, "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.2.1", + "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.2.1.tgz", + "integrity": "sha512-XdoFieCxWixYZhXAvMj3dOKoqfUeaxDHNO2CaRC2J84nCuom7ZMlyxBMAph6J3e4IYS7FUkwvhLJGH3r0DsoTQ==", "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-text": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.1.1.tgz", - "integrity": "sha512-e8qhJLnTiUNEShBL7G3xT9piPUCNCmyCQ0zCmfpMnQOTqKpBARcEn+Z4L4MTeG9x4pe0ytoJeyPLWzZSavztCg==", + "@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==", "requires": { - "@tds/shared-typography": "^1.3.5", - "@tds/util-helpers": "^1.4.2", "prop-types": "^15.5.10" } } diff --git a/package.json b/package.json index 07a4c7e24..87b442733 100644 --- a/package.json +++ b/package.json @@ -61,7 +61,7 @@ "@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", @@ -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", From 458927fe454526d547b4cf2e6b43a4aef3c9a4d5 Mon Sep 17 00:00:00 2001 From: Enrico Sacchetti Date: Thu, 30 Jul 2020 19:42:52 -0400 Subject: [PATCH 09/96] chore(community-toast): adjust documentation --- packages/Toast/Toast.jsx | 4 ++-- packages/Toast/Toast.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/Toast/Toast.jsx b/packages/Toast/Toast.jsx index 93c85f43d..e6d3b56c3 100644 --- a/packages/Toast/Toast.jsx +++ b/packages/Toast/Toast.jsx @@ -138,14 +138,14 @@ Toast.propTypes = { */ dataId: PropTypes.string, /** - * Optional link details taht will appear after the copy. + * 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 compoennt will be loaded. + * Optional variant to decide what kind of component will be loaded. */ variant: PropTypes.oneOf([TOAST, DEFAULT, LIGHT]), } diff --git a/packages/Toast/Toast.md b/packages/Toast/Toast.md index 6ed08d36b..32c43fbb2 100644 --- a/packages/Toast/Toast.md +++ b/packages/Toast/Toast.md @@ -8,7 +8,7 @@ copy="Shopping Smartphones?" variant="default" link={{ - href: 'wwww.google.com', + href: 'wwww.telus.com', text: 'Click here', }} /> From 47183dd1f17c19adadd360c89edd8fa450dea92d Mon Sep 17 00:00:00 2001 From: TDSBot Date: Fri, 31 Jul 2020 01:35:49 +0000 Subject: [PATCH 10/96] chore(publish): update packages - @tds/community-input-group@1.0.2 - @tds/community-preview-card@1.1.5 - @tds/community-ribbon@1.0.3 - @tds/community-side-navigation@3.0.9 - @tds/community-toast@0.1.0 - @tds/community-toggle-switch@3.0.4 --- packages/InputGroup/CHANGELOG.md | 8 ++++++++ packages/InputGroup/package.json | 2 +- packages/PreviewCard/CHANGELOG.md | 8 ++++++++ packages/PreviewCard/package.json | 2 +- packages/Ribbon/CHANGELOG.md | 8 ++++++++ packages/Ribbon/package.json | 2 +- packages/SideNavigation/CHANGELOG.md | 8 ++++++++ packages/SideNavigation/package.json | 2 +- packages/Toast/CHANGELOG.md | 11 +++++++++++ packages/Toast/package.json | 2 +- packages/ToggleSwitch/CHANGELOG.md | 8 ++++++++ packages/ToggleSwitch/package.json | 2 +- 12 files changed, 57 insertions(+), 6 deletions(-) create mode 100644 packages/Toast/CHANGELOG.md diff --git a/packages/InputGroup/CHANGELOG.md b/packages/InputGroup/CHANGELOG.md index 28f4175cc..023923a07 100644 --- a/packages/InputGroup/CHANGELOG.md +++ b/packages/InputGroup/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [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 f3140cbcd..f4f7f3ff9 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.2", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/PreviewCard/CHANGELOG.md b/packages/PreviewCard/CHANGELOG.md index 32f38fd6e..7cb84e494 100644 --- a/packages/PreviewCard/CHANGELOG.md +++ b/packages/PreviewCard/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [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 27c52d85c..3a7fdea52 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.5", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/Ribbon/CHANGELOG.md b/packages/Ribbon/CHANGELOG.md index 076cca872..33df69a94 100644 --- a/packages/Ribbon/CHANGELOG.md +++ b/packages/Ribbon/CHANGELOG.md @@ -3,6 +3,14 @@ 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-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 1428aeb15..ce39dbab9 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.3", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/SideNavigation/CHANGELOG.md b/packages/SideNavigation/CHANGELOG.md index 4a378cc78..29a306d74 100644 --- a/packages/SideNavigation/CHANGELOG.md +++ b/packages/SideNavigation/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [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 0c5b28579..0937e81d9 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.9", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/Toast/CHANGELOG.md b/packages/Toast/CHANGELOG.md new file mode 100644 index 000000000..2a086072d --- /dev/null +++ b/packages/Toast/CHANGELOG.md @@ -0,0 +1,11 @@ +# 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.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/package.json b/packages/Toast/package.json index 580ef35f6..24cb2cdc2 100644 --- a/packages/Toast/package.json +++ b/packages/Toast/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-toast", - "version": "0.1.0-0", + "version": "0.1.0", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/ToggleSwitch/CHANGELOG.md b/packages/ToggleSwitch/CHANGELOG.md index 1aa1b9d2a..233329009 100644 --- a/packages/ToggleSwitch/CHANGELOG.md +++ b/packages/ToggleSwitch/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [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 7327b8d23..d4177d513 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.4", "description": "", "main": "index.cjs.js", "module": "index.es.js", From fc22ed08686457f7a2013e7b102b44cb5e7b31c1 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Fri, 31 Jul 2020 10:13:50 -0400 Subject: [PATCH 11/96] fix: updates prop types --- .all-contributorsrc | 9 +++++++++ README.md | 2 +- packages/QuietButton/QuietButton.jsx | 14 +------------- 3 files changed, 11 insertions(+), 14 deletions(-) diff --git a/.all-contributorsrc b/.all-contributorsrc index 6f96a1aa0..adbcd2ac9 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -257,6 +257,15 @@ "contributions": [ "tds" ] + }, + { + "login": "ruchijn", + "name": "Ruchi Jain", + "avatar_url": "https://avatars2.githubusercontent.com/u/18288628?v=4", + "profile": "https://github.com/ruchijn", + "contributions": [ + "tds" + ] } ] } diff --git a/README.md b/README.md index 4dedc6a9f..39d119fa5 100644 --- a/README.md +++ b/README.md @@ -68,7 +68,7 @@ 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 "") | [
ashwanitelus](https://github.com/ashwanitelus)
[](#tds-ashwanitelus "") | +| [
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 "") | [circle-url]: https://circleci.com/gh/telus/tds-community diff --git a/packages/QuietButton/QuietButton.jsx b/packages/QuietButton/QuietButton.jsx index 0bd966fac..91dba98c8 100644 --- a/packages/QuietButton/QuietButton.jsx +++ b/packages/QuietButton/QuietButton.jsx @@ -101,19 +101,7 @@ QuietButton.propTypes = { PropTypes.oneOfType([ PropTypes.string, componentWithName('A11yContent'), - componentWithName('Edit'), - componentWithName('Print'), - componentWithName('Profile'), - componentWithName('Add'), - componentWithName('Close'), - componentWithName('Delete'), - componentWithName('PlayVideo'), - componentWithName('Subtract'), - componentWithName('Download'), - componentWithName('DownloadPDF'), - componentWithName('DownloadPDFs'), - componentWithName('Search'), - componentWithName('Settings'), + componentWithName('Dependent', true), ]) ), PropTypes.string, From b86cffc0570f1128ad896589f1805f37e0165a7d Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Fri, 31 Jul 2020 11:21:59 -0400 Subject: [PATCH 12/96] fix(community-quiet-button): uses minHeight to allow for wrapping --- packages/QuietButton/QuietButton.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/QuietButton/QuietButton.jsx b/packages/QuietButton/QuietButton.jsx index 91dba98c8..1376abb86 100644 --- a/packages/QuietButton/QuietButton.jsx +++ b/packages/QuietButton/QuietButton.jsx @@ -21,7 +21,7 @@ const baseButton = { background: colorWhite, transition: 'all 0.2s ease-in-out', minWidth: '2.75rem', - height: '1.75rem', + minHeight: '1.75rem', border: `0.0625rem solid ${colorGreyRaven}`, position: 'relative', borderRadius: '0.1875rem', @@ -47,7 +47,7 @@ const baseButton = { const btnWrapper = { display: 'flex', flexDirection: 'row', - alignItems: 'center', + alignItems: 'flex-start', '& svg': { margin: '-0.125rem 0rem -0.3125rem 0rem', }, From b2606cb2739f02ecd786211da8e3b345844d3dc7 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Fri, 31 Jul 2020 11:28:34 -0400 Subject: [PATCH 13/96] fix(community-quiet-button): uses minHeight to allow for wrapping --- .../__snapshots__/QuietButton.spec.jsx.snap | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index f9a014934..8f0b8c75c 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -23,7 +23,7 @@ exports[`QuietButton renders 1`] = ` -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; min-width: 2.75rem; - height: 1.75rem; + min-height: 1.75rem; border: 0.0625rem solid #71757b; position: relative; border-radius: 0.1875rem; @@ -63,10 +63,10 @@ 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; + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; } .c3 svg { @@ -104,7 +104,7 @@ exports[`QuietButton renders 1`] = ` "background: #fff;", "transition: all 0.2s ease-in-out;", "min-width: 2.75rem;", - "height: 1.75rem;", + "min-height: 1.75rem;", "border: 0.0625rem solid #71757b;", "position: relative;", "border-radius: 0.1875rem;", @@ -242,7 +242,7 @@ exports[`QuietButton renders 1`] = ` "rules": Array [ "display: flex;", "flex-direction: row;", - "align-items: center;", + "align-items: flex-start;", "& svg {", "margin: -0.125rem 0rem -0.3125rem 0rem;", "}", From ad01bb1d8b59d3a0d1af616241a8184513a68d33 Mon Sep 17 00:00:00 2001 From: Enrico Sacchetti Date: Fri, 31 Jul 2020 11:39:32 -0400 Subject: [PATCH 14/96] chore(other): move all-contributors step to the pipeline --- .all-contributorsrc | 9 ++++++ README.md | 2 +- circle.yml | 78 +++++++++++++++++++++++++-------------------- package.json | 4 +-- 4 files changed, 56 insertions(+), 37 deletions(-) diff --git a/.all-contributorsrc b/.all-contributorsrc index 6f96a1aa0..adbcd2ac9 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -257,6 +257,15 @@ "contributions": [ "tds" ] + }, + { + "login": "ruchijn", + "name": "Ruchi Jain", + "avatar_url": "https://avatars2.githubusercontent.com/u/18288628?v=4", + "profile": "https://github.com/ruchijn", + "contributions": [ + "tds" + ] } ] } diff --git a/README.md b/README.md index 4dedc6a9f..39d119fa5 100644 --- a/README.md +++ b/README.md @@ -68,7 +68,7 @@ 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 "") | [
ashwanitelus](https://github.com/ashwanitelus)
[](#tds-ashwanitelus "") | +| [
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 "") | [circle-url]: https://circleci.com/gh/telus/tds-community diff --git a/circle.yml b/circle.yml index 7fad38258..b50c3f699 100644 --- a/circle.yml +++ b/circle.yml @@ -133,45 +133,58 @@ 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" + git add .all-contributorsrc README.md + git commit -m "chore(other): update contributors" 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 +222,3 @@ workflows: - release: context: npm-library requires: [approve-release] - - - screenshots: - requires: [release] diff --git a/package.json b/package.json index 87b442733..0481f17da 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", @@ -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:*" } } From 8601968eed8d6932fd1383d1564fe77ee538e3fe Mon Sep 17 00:00:00 2001 From: Enrico Sacchetti Date: Fri, 31 Jul 2020 11:40:21 -0400 Subject: [PATCH 15/96] chore(scripts): remove git step from update-contributors.js --- scripts/update-contributors.js | 2 -- 1 file changed, 2 deletions(-) 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']) From 883d9f1955bf616de7301284eb3278098a8ba6d1 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Fri, 31 Jul 2020 13:22:09 -0400 Subject: [PATCH 16/96] chore(other): fix bash error in update contributors --- circle.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/circle.yml b/circle.yml index b50c3f699..3adbdb0e3 100644 --- a/circle.yml +++ b/circle.yml @@ -140,6 +140,7 @@ jobs: name: Commit updated contributors command: | if [[ $(git diff --name-only) ]] + then git add .all-contributorsrc README.md git commit -m "chore(other): update contributors" git push From 9b6f332e9bd614a8a76ee8c0f5ef939f3307cf58 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Mon, 10 Aug 2020 16:33:52 -0400 Subject: [PATCH 17/96] test(community-callout-paragraph): fix proptype warnings in test --- .../__tests__/CalloutParagraph.spec.jsx | 4 +++- .../__snapshots__/CalloutParagraph.spec.jsx.snap | 16 ++++++++++++---- 2 files changed, 15 insertions(+), 5 deletions(-) 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 + `; From 0a29f1f654bf1566d1079cf0298b0efab43c2ce2 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Wed, 2 Sep 2020 13:52:57 -0400 Subject: [PATCH 18/96] chore(openshift): update cpu usage --- openshift/openshift-template.yml | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/openshift/openshift-template.yml b/openshift/openshift-template.yml index 18ae1ff98..0bdc1e2ab 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: 1Gi 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: 1Gi strategy: type: Docker dockerStrategy: From 7ad1a52e6759086d44727957e140f6ef028898d8 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Thu, 3 Sep 2020 13:51:55 -0400 Subject: [PATCH 19/96] Revert "chore(openshift): update cpu usage" This reverts commit 0a29f1f654bf1566d1079cf0298b0efab43c2ce2. --- openshift/openshift-template.yml | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/openshift/openshift-template.yml b/openshift/openshift-template.yml index 0bdc1e2ab..18ae1ff98 100644 --- a/openshift/openshift-template.yml +++ b/openshift/openshift-template.yml @@ -48,13 +48,6 @@ items: - type: GitHub github: secret: tisk - resources: - requests: - cpu: 200m - memory: 512Mi - limits: - cpu: '1' - memory: 1Gi runPolicy: SerialLatestOnly strategy: type: JenkinsPipeline @@ -81,13 +74,6 @@ items: - secret: name: npmrc-secret runPolicy: Parallel - resources: - requests: - cpu: 200m - memory: 512Mi - limits: - cpu: '1' - memory: 1Gi strategy: type: Docker dockerStrategy: From dcf2d5aa4ac6978d96a209b207c529a5eb79158e Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Thu, 3 Sep 2020 14:49:19 -0400 Subject: [PATCH 20/96] chore(openshift): update cpu usage --- openshift/openshift-template.yml | 14 ++++++++++++++ 1 file changed, 14 insertions(+) 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: From 72dc7abe9b0ce58dd932cd1ac545660eddbb3b7c Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Mon, 24 Aug 2020 13:12:36 -0400 Subject: [PATCH 21/96] fix(docs): add invert style --- docs/components/overrides/StyleGuide/StyleGuideRenderer.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) 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 ( <> +
  From 78e9d46d049b669d03c763524dc0e959b7f3c79d Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 16:54:42 -0400 Subject: [PATCH 22/96] fix(community-modal): update util-helpers version --- packages/Modal/package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/Modal/package.json b/packages/Modal/package.json index 8029dea5c..c3f7215c5 100644 --- a/packages/Modal/package.json +++ b/packages/Modal/package.json @@ -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" } } From 5608ead0196621e3114300129c769721cdcbcab6 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 16:55:34 -0400 Subject: [PATCH 23/96] fix(community-pagination): update util-helpers version --- packages/Pagination/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Pagination/package.json b/packages/Pagination/package.json index 0dc1d9932..1e86a5891 100644 --- a/packages/Pagination/package.json +++ b/packages/Pagination/package.json @@ -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" } From 35205b11cd77a13339403f74cbc7809074fc2ff7 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 16:56:27 -0400 Subject: [PATCH 24/96] fix(community-preview-card): update util-helpers version --- packages/PreviewCard/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/PreviewCard/package.json b/packages/PreviewCard/package.json index 3a7fdea52..5bbc04337 100644 --- a/packages/PreviewCard/package.json +++ b/packages/PreviewCard/package.json @@ -29,7 +29,7 @@ "@tds/core-box": "^2.1.3", "@tds/core-colours": "^2.2.1", "@tds/core-text": "^3.1.1", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "@tds/util-prop-types": "^1.3.2", "prop-types": "^15.6.2" } From c87783cfee95f1774a6afec938af5dc8161ac4f4 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 16:57:08 -0400 Subject: [PATCH 25/96] fix(community-progress): update util-helpers version :skio --- packages/Progress/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Progress/package.json b/packages/Progress/package.json index b1cf7fa5f..eed655ced 100644 --- a/packages/Progress/package.json +++ b/packages/Progress/package.json @@ -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" } } From 4789296c77ce434c129c41b5f227bf3410b14f4c Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 16:58:04 -0400 Subject: [PATCH 26/96] fix(community-quiet-button): update util-helpers version --- packages/QuietButton/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/QuietButton/package.json b/packages/QuietButton/package.json index 6c0ae7b43..b2f9007c2 100644 --- a/packages/QuietButton/package.json +++ b/packages/QuietButton/package.json @@ -28,7 +28,7 @@ "dependencies": { "@tds/shared-styles": "^1.5.2", "@tds/shared-typography": "^1.3.5", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } From 16c5df252080f0010b76a26841e3ed197e69b303 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 16:58:39 -0400 Subject: [PATCH 27/96] fix(community-tags): update util-helpers version --- packages/Tags/package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/Tags/package.json b/packages/Tags/package.json index cb1b6fb34..7591d8ea6 100644 --- a/packages/Tags/package.json +++ b/packages/Tags/package.json @@ -30,8 +30,8 @@ "@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/core-interactive-icon": "^2.1.0", + "@tds/util-helpers": "^1.5.0", "@tds/util-prop-types": "^1.3.2", "prop-types": "^15.6.2" } From ec0fbeade8d4877789ac0809ad05cbf473bb0942 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 16:59:19 -0400 Subject: [PATCH 28/96] fix(community-ribbon): update util-helpers version --- packages/Ribbon/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Ribbon/package.json b/packages/Ribbon/package.json index ce39dbab9..c0246d0f1 100644 --- a/packages/Ribbon/package.json +++ b/packages/Ribbon/package.json @@ -28,7 +28,7 @@ "dependencies": { "@tds/core-colours": "^2.2.1", "@tds/core-text": "^3.1.1", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } From 7fcc82a87d82895ed6882a7f6677f009f796abf5 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:00:02 -0400 Subject: [PATCH 29/96] fix(community-side-navigation): update util-helpers version --- packages/SideNavigation/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/SideNavigation/package.json b/packages/SideNavigation/package.json index 0937e81d9..549361c54 100644 --- a/packages/SideNavigation/package.json +++ b/packages/SideNavigation/package.json @@ -32,7 +32,7 @@ "@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-helpers": "^1.5.0", "@tds/util-prop-types": "^1.3.2", "prop-types": "^15.6.2" } From 316c7d08cacb2a459c102661881c875d047dce98 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:01:37 -0400 Subject: [PATCH 30/96] fix(community-toast): update util-helpers version --- packages/Toast/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Toast/package.json b/packages/Toast/package.json index 24cb2cdc2..d5a79efab 100644 --- a/packages/Toast/package.json +++ b/packages/Toast/package.json @@ -30,7 +30,7 @@ "@tds/core-colours": "^2.2.1", "@tds/core-strong": "^2.1.10", "@tds/core-text": "^3.1.1", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } From 4d7f67ff65561b0972bd53259c450e8198611697 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:05:48 -0400 Subject: [PATCH 31/96] fix(community-skeleton): update util-helpers version --- packages/Skeleton/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Skeleton/package.json b/packages/Skeleton/package.json index 47bff7051..d707b8046 100644 --- a/packages/Skeleton/package.json +++ b/packages/Skeleton/package.json @@ -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" } } From c7d23dc4b03dc5964a0d4940ed8b5729129a175a Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:06:39 -0400 Subject: [PATCH 32/96] fix(community-skeleton-provider): update util-helpers version --- packages/SkeletonProvider/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/SkeletonProvider/package.json b/packages/SkeletonProvider/package.json index 073fcdd38..8796ecd9e 100644 --- a/packages/SkeletonProvider/package.json +++ b/packages/SkeletonProvider/package.json @@ -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" From 10b8c5a3461cc916f1a90799eb7ef593835b7421 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:08:17 -0400 Subject: [PATCH 33/96] fix(community-testimonial): update util-helpers version --- packages/Testimonial/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Testimonial/package.json b/packages/Testimonial/package.json index 95b476111..bb57a17b3 100644 --- a/packages/Testimonial/package.json +++ b/packages/Testimonial/package.json @@ -30,7 +30,7 @@ "@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-helpers": "^1.5.0", "@tds/util-prop-types": "^1.3.2", "prop-types": "^15.6.2" } From f0ee4cb34205373061f3d19839d8a2929e70d351 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:09:34 -0400 Subject: [PATCH 34/96] fix(community-toggle-switch): update util-helpers version --- packages/ToggleSwitch/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ToggleSwitch/package.json b/packages/ToggleSwitch/package.json index d4177d513..76309cfec 100644 --- a/packages/ToggleSwitch/package.json +++ b/packages/ToggleSwitch/package.json @@ -31,7 +31,7 @@ "@tds/core-spinner": "^3.1.11", "@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" } } From c1b9cd8d588d99bef82278924b86a73809600b94 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:10:20 -0400 Subject: [PATCH 35/96] fix(community-waffle-grid): update util-helpers version --- packages/WaffleGrid/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/WaffleGrid/package.json b/packages/WaffleGrid/package.json index eecf9cfda..f696d08d2 100644 --- a/packages/WaffleGrid/package.json +++ b/packages/WaffleGrid/package.json @@ -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" } } From eb29f6add6f6095384e92f7c9ae315e42d257c3f Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:11:23 -0400 Subject: [PATCH 36/96] fix(community-blockquote): update util-helpers version --- packages/Blockquote/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Blockquote/package.json b/packages/Blockquote/package.json index f58126828..1c08f2316 100644 --- a/packages/Blockquote/package.json +++ b/packages/Blockquote/package.json @@ -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" } } From 8767507941b0fe8b14bc01ef9d8025068fa8da81 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:12:07 -0400 Subject: [PATCH 37/96] fix(community-callout-paragraph): update util-helpers version --- packages/CalloutParagraph/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/CalloutParagraph/package.json b/packages/CalloutParagraph/package.json index bd0c2fb4d..c0dde844b 100644 --- a/packages/CalloutParagraph/package.json +++ b/packages/CalloutParagraph/package.json @@ -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" } } From e042fbe0b37a3d423b5f4115f28b069d3726485d Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:13:22 -0400 Subject: [PATCH 38/96] fix(community-date-picker): update util-helpers version --- packages/DatePicker/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/DatePicker/package.json b/packages/DatePicker/package.json index a88edd513..57f837649 100644 --- a/packages/DatePicker/package.json +++ b/packages/DatePicker/package.json @@ -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" From 3a73655fe834d07c982e00147e3f2ea6baa52f05 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:13:58 -0400 Subject: [PATCH 39/96] fix(community-input-group): update util-helpers version --- packages/InputGroup/package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/InputGroup/package.json b/packages/InputGroup/package.json index f4f7f3ff9..34229dae7 100644 --- a/packages/InputGroup/package.json +++ b/packages/InputGroup/package.json @@ -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.1.1", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } From deb3a07f78ea4d56cdcea49a41eb09da90605991 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:34:29 -0400 Subject: [PATCH 40/96] feat(community-mini-expand-collapse): mini expand collapse --- packages/MiniExpandCollapse/Link/Link.jsx | 122 ++++++++++++++++++ .../MiniExpandCollapse/MiniExpandCollapse.jsx | 77 +++++++++++ .../MiniExpandCollapse/MiniExpandCollapse.md | 116 +++++++++++++++++ packages/MiniExpandCollapse/README.md | 1 + .../__tests__/MiniExpandCollapse.spec.jsx | 67 ++++++++++ .../MiniExpandCollapse.spec.jsx.snap | 22 ++++ .../MiniExpandCollapse/createIconSizeProp.js | 17 +++ packages/MiniExpandCollapse/index.cjs.js | 3 + packages/MiniExpandCollapse/index.es.js | 3 + packages/MiniExpandCollapse/package.json | 39 ++++++ packages/MiniExpandCollapse/rollup.config.js | 7 + 11 files changed, 474 insertions(+) create mode 100644 packages/MiniExpandCollapse/Link/Link.jsx create mode 100644 packages/MiniExpandCollapse/MiniExpandCollapse.jsx create mode 100644 packages/MiniExpandCollapse/MiniExpandCollapse.md create mode 100644 packages/MiniExpandCollapse/README.md create mode 100644 packages/MiniExpandCollapse/__tests__/MiniExpandCollapse.spec.jsx create mode 100644 packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap create mode 100644 packages/MiniExpandCollapse/createIconSizeProp.js create mode 100644 packages/MiniExpandCollapse/index.cjs.js create mode 100644 packages/MiniExpandCollapse/index.es.js create mode 100644 packages/MiniExpandCollapse/package.json create mode 100644 packages/MiniExpandCollapse/rollup.config.js diff --git a/packages/MiniExpandCollapse/Link/Link.jsx b/packages/MiniExpandCollapse/Link/Link.jsx new file mode 100644 index 000000000..82cf2f538 --- /dev/null +++ b/packages/MiniExpandCollapse/Link/Link.jsx @@ -0,0 +1,122 @@ +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 handleResponsiveStyles from '../handleResponsiveStyles' +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: undefined, + a11yLabel: undefined, +} + +export default Link diff --git a/packages/MiniExpandCollapse/MiniExpandCollapse.jsx b/packages/MiniExpandCollapse/MiniExpandCollapse.jsx new file mode 100644 index 000000000..6c9294bf8 --- /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: undefined, + a11yLabel: undefined, +} + +export default MiniExpandCollapse diff --git a/packages/MiniExpandCollapse/MiniExpandCollapse.md b/packages/MiniExpandCollapse/MiniExpandCollapse.md new file mode 100644 index 000000000..bf589cd67 --- /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..d0dffba7b --- /dev/null +++ b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap @@ -0,0 +1,22 @@ +// 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..016edfb57 --- /dev/null +++ b/packages/MiniExpandCollapse/package.json @@ -0,0 +1,39 @@ +{ + "name": "@tds/community-mini-expand-collapse", + "version": "0.1.0-0", + "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, +}) From 7dc42eef5c1a25e67ca042cc841809d444aa00b9 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 17:53:30 -0400 Subject: [PATCH 41/96] chore(community-mini-expand-collapse): update snapshot --- .../__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap index d0dffba7b..04f86cdec 100644 --- a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap +++ b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap @@ -10,7 +10,6 @@ exports[`MiniExpandCollapse renders correctly 1`] = ` togglePanel={[Function]} /> Date: Tue, 8 Sep 2020 18:13:33 -0400 Subject: [PATCH 42/96] chore(community-mini-expand-collapse): remove commented out code --- packages/MiniExpandCollapse/Link/Link.jsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/MiniExpandCollapse/Link/Link.jsx b/packages/MiniExpandCollapse/Link/Link.jsx index 82cf2f538..734932dc2 100644 --- a/packages/MiniExpandCollapse/Link/Link.jsx +++ b/packages/MiniExpandCollapse/Link/Link.jsx @@ -8,8 +8,6 @@ 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 handleResponsiveStyles from '../handleResponsiveStyles' import createIconSizeProp from '../createIconSizeProp' const states = ({ invert }) => { From 912784c144495afefa9c0d9f7e0e19b27f3d206a Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Tue, 8 Sep 2020 20:30:08 -0400 Subject: [PATCH 43/96] chore(community-mini-expand-collapse): update markdown --- packages/MiniExpandCollapse/MiniExpandCollapse.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/MiniExpandCollapse/MiniExpandCollapse.md b/packages/MiniExpandCollapse/MiniExpandCollapse.md index bf589cd67..e17d18b32 100644 --- a/packages/MiniExpandCollapse/MiniExpandCollapse.md +++ b/packages/MiniExpandCollapse/MiniExpandCollapse.md @@ -2,11 +2,11 @@ Similar to ExpandCollapse. Clicking on the hyperlink triggers target content to ### 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. +- 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 Date: Wed, 9 Sep 2020 12:32:06 -0400 Subject: [PATCH 44/96] fix(community-mini-expand-collapse): update prop types --- packages/MiniExpandCollapse/MiniExpandCollapse.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/MiniExpandCollapse/MiniExpandCollapse.jsx b/packages/MiniExpandCollapse/MiniExpandCollapse.jsx index 6c9294bf8..462529504 100644 --- a/packages/MiniExpandCollapse/MiniExpandCollapse.jsx +++ b/packages/MiniExpandCollapse/MiniExpandCollapse.jsx @@ -70,7 +70,7 @@ MiniExpandCollapse.propTypes = { MiniExpandCollapse.defaultProps = { expandTitle: null, - invert: undefined, + invert: false, a11yLabel: undefined, } From cb82a38e68f2f92e7558a2831230b7d29810fc43 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Wed, 9 Sep 2020 12:56:15 -0400 Subject: [PATCH 45/96] chore(community-mini-expand-collapse): update snapshot --- .../__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap index 04f86cdec..8fcd52039 100644 --- a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap +++ b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap @@ -5,6 +5,7 @@ exports[`MiniExpandCollapse renders correctly 1`] = ` Date: Wed, 9 Sep 2020 13:01:20 -0400 Subject: [PATCH 46/96] fix(community-mini-expand-collapse): update proptype --- packages/MiniExpandCollapse/Link/Link.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/MiniExpandCollapse/Link/Link.jsx b/packages/MiniExpandCollapse/Link/Link.jsx index 734932dc2..146fadfbc 100644 --- a/packages/MiniExpandCollapse/Link/Link.jsx +++ b/packages/MiniExpandCollapse/Link/Link.jsx @@ -113,7 +113,7 @@ Link.propTypes = { Link.defaultProps = { expandTitle: null, - invert: undefined, + invert: false, a11yLabel: undefined, } From 69b5d1eecdee90810b63ad236aee6fa76d0f7ecb Mon Sep 17 00:00:00 2001 From: TDSBot Date: Wed, 9 Sep 2020 18:39:32 +0000 Subject: [PATCH 47/96] chore(publish): update packages - @tds/community-blockquote@1.0.4 - @tds/community-callout-paragraph@0.1.1 - @tds/community-date-picker@1.0.4 - @tds/community-input-group@1.0.3 - @tds/community-mini-expand-collapse@0.1.0 - @tds/community-modal@1.1.1 - @tds/community-pagination@2.0.4 - @tds/community-preview-card@1.1.6 - @tds/community-progress@2.0.1 - @tds/community-quiet-button@0.1.2 - @tds/community-ribbon@1.0.4 - @tds/community-side-navigation@3.0.10 - @tds/community-skeleton@3.0.3 - @tds/community-skeleton-provider@2.0.6 - @tds/community-tags@1.0.3 - @tds/community-testimonial@3.0.4 - @tds/community-toast@0.1.1 - @tds/community-toggle-switch@3.0.5 - @tds/community-waffle-grid@0.1.1 --- packages/Blockquote/CHANGELOG.md | 11 +++++++++++ packages/Blockquote/package.json | 2 +- packages/CalloutParagraph/CHANGELOG.md | 11 +++++++++++ packages/CalloutParagraph/package.json | 2 +- packages/DatePicker/CHANGELOG.md | 11 +++++++++++ packages/DatePicker/package.json | 2 +- packages/InputGroup/CHANGELOG.md | 11 +++++++++++ packages/InputGroup/package.json | 2 +- packages/MiniExpandCollapse/CHANGELOG.md | 17 +++++++++++++++++ packages/MiniExpandCollapse/package.json | 2 +- packages/Modal/CHANGELOG.md | 11 +++++++++++ packages/Modal/package.json | 2 +- packages/Pagination/CHANGELOG.md | 11 +++++++++++ packages/Pagination/package.json | 2 +- packages/PreviewCard/CHANGELOG.md | 11 +++++++++++ packages/PreviewCard/package.json | 2 +- packages/Progress/CHANGELOG.md | 11 +++++++++++ packages/Progress/package.json | 2 +- packages/QuietButton/CHANGELOG.md | 11 +++++++++++ packages/QuietButton/package.json | 2 +- packages/Ribbon/CHANGELOG.md | 11 +++++++++++ packages/Ribbon/package.json | 2 +- packages/SideNavigation/CHANGELOG.md | 11 +++++++++++ packages/SideNavigation/package.json | 2 +- packages/Skeleton/CHANGELOG.md | 11 +++++++++++ packages/Skeleton/package.json | 2 +- packages/SkeletonProvider/CHANGELOG.md | 11 +++++++++++ packages/SkeletonProvider/package.json | 2 +- packages/Tags/CHANGELOG.md | 11 +++++++++++ packages/Tags/package.json | 2 +- packages/Testimonial/CHANGELOG.md | 11 +++++++++++ packages/Testimonial/package.json | 2 +- packages/Toast/CHANGELOG.md | 11 +++++++++++ packages/Toast/package.json | 2 +- packages/ToggleSwitch/CHANGELOG.md | 11 +++++++++++ packages/ToggleSwitch/package.json | 2 +- packages/WaffleGrid/CHANGELOG.md | 11 +++++++++++ packages/WaffleGrid/package.json | 2 +- 38 files changed, 234 insertions(+), 19 deletions(-) create mode 100644 packages/MiniExpandCollapse/CHANGELOG.md 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 1c08f2316..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", 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/package.json b/packages/CalloutParagraph/package.json index c0dde844b..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", 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 57f837649..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", diff --git a/packages/InputGroup/CHANGELOG.md b/packages/InputGroup/CHANGELOG.md index 023923a07..971b79276 100644 --- a/packages/InputGroup/CHANGELOG.md +++ b/packages/InputGroup/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.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 diff --git a/packages/InputGroup/package.json b/packages/InputGroup/package.json index 34229dae7..ae94d148a 100644 --- a/packages/InputGroup/package.json +++ b/packages/InputGroup/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-input-group", - "version": "1.0.2", + "version": "1.0.3", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/MiniExpandCollapse/CHANGELOG.md b/packages/MiniExpandCollapse/CHANGELOG.md new file mode 100644 index 000000000..5c981ae9a --- /dev/null +++ b/packages/MiniExpandCollapse/CHANGELOG.md @@ -0,0 +1,17 @@ +# 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.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/package.json b/packages/MiniExpandCollapse/package.json index 016edfb57..f465b2985 100644 --- a/packages/MiniExpandCollapse/package.json +++ b/packages/MiniExpandCollapse/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-mini-expand-collapse", - "version": "0.1.0-0", + "version": "0.1.0", "description": "", "main": "index.cjs.js", "module": "index.es.js", 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 c3f7215c5..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", 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 1e86a5891..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", diff --git a/packages/PreviewCard/CHANGELOG.md b/packages/PreviewCard/CHANGELOG.md index 7cb84e494..f4b5d9bd3 100644 --- a/packages/PreviewCard/CHANGELOG.md +++ b/packages/PreviewCard/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.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 diff --git a/packages/PreviewCard/package.json b/packages/PreviewCard/package.json index 5bbc04337..dd2a527a9 100644 --- a/packages/PreviewCard/package.json +++ b/packages/PreviewCard/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-preview-card", - "version": "1.1.5", + "version": "1.1.6", "description": "", "main": "index.cjs.js", "module": "index.es.js", 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 eed655ced..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", 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/package.json b/packages/QuietButton/package.json index b2f9007c2..87cb96c21 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", diff --git a/packages/Ribbon/CHANGELOG.md b/packages/Ribbon/CHANGELOG.md index 33df69a94..e1352252b 100644 --- a/packages/Ribbon/CHANGELOG.md +++ b/packages/Ribbon/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-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 diff --git a/packages/Ribbon/package.json b/packages/Ribbon/package.json index c0246d0f1..a91cf61f9 100644 --- a/packages/Ribbon/package.json +++ b/packages/Ribbon/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-ribbon", - "version": "1.0.3", + "version": "1.0.4", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/SideNavigation/CHANGELOG.md b/packages/SideNavigation/CHANGELOG.md index 29a306d74..6b16ebc14 100644 --- a/packages/SideNavigation/CHANGELOG.md +++ b/packages/SideNavigation/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.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 diff --git a/packages/SideNavigation/package.json b/packages/SideNavigation/package.json index 549361c54..0db79e398 100644 --- a/packages/SideNavigation/package.json +++ b/packages/SideNavigation/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-side-navigation", - "version": "3.0.9", + "version": "3.0.10", "description": "", "main": "index.cjs.js", "module": "index.es.js", 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 d707b8046..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", 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 8796ecd9e..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", diff --git a/packages/Tags/CHANGELOG.md b/packages/Tags/CHANGELOG.md index c16fae84b..7d71bea83 100644 --- a/packages/Tags/CHANGELOG.md +++ b/packages/Tags/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.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 7591d8ea6..d8012673d 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.3", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/Testimonial/CHANGELOG.md b/packages/Testimonial/CHANGELOG.md index 693f2c45f..d5fa95149 100644 --- a/packages/Testimonial/CHANGELOG.md +++ b/packages/Testimonial/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.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 bb57a17b3..0fc2420ca 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.4", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/Toast/CHANGELOG.md b/packages/Toast/CHANGELOG.md index 2a086072d..3db829a70 100644 --- a/packages/Toast/CHANGELOG.md +++ b/packages/Toast/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-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) diff --git a/packages/Toast/package.json b/packages/Toast/package.json index d5a79efab..69f600622 100644 --- a/packages/Toast/package.json +++ b/packages/Toast/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-toast", - "version": "0.1.0", + "version": "0.1.1", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/ToggleSwitch/CHANGELOG.md b/packages/ToggleSwitch/CHANGELOG.md index 233329009..45bc462ff 100644 --- a/packages/ToggleSwitch/CHANGELOG.md +++ b/packages/ToggleSwitch/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.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 diff --git a/packages/ToggleSwitch/package.json b/packages/ToggleSwitch/package.json index 76309cfec..ded22fdc1 100644 --- a/packages/ToggleSwitch/package.json +++ b/packages/ToggleSwitch/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-toggle-switch", - "version": "3.0.4", + "version": "3.0.5", "description": "", "main": "index.cjs.js", "module": "index.es.js", 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 f696d08d2..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", From 82b16131bda6dfba673a3c762c7d6e0a0969bf10 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Wed, 9 Sep 2020 16:29:41 -0400 Subject: [PATCH 48/96] chore(community-preview-card): update util-prop-types --- packages/PreviewCard/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/PreviewCard/package.json b/packages/PreviewCard/package.json index dd2a527a9..7dc98bd5b 100644 --- a/packages/PreviewCard/package.json +++ b/packages/PreviewCard/package.json @@ -30,7 +30,7 @@ "@tds/core-colours": "^2.2.1", "@tds/core-text": "^3.1.1", "@tds/util-helpers": "^1.5.0", - "@tds/util-prop-types": "^1.3.2", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.6.2" } } From 0a27f09abf24b276924b31b0111336a829cb6323 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Wed, 9 Sep 2020 16:30:03 -0400 Subject: [PATCH 49/96] chore(community-side-navigation): update util-prop-types --- packages/SideNavigation/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/SideNavigation/package.json b/packages/SideNavigation/package.json index 0db79e398..1be2a450d 100644 --- a/packages/SideNavigation/package.json +++ b/packages/SideNavigation/package.json @@ -33,7 +33,7 @@ "@tds/shared-animation": "^2.0.1", "@tds/shared-typography": "^1.3.5", "@tds/util-helpers": "^1.5.0", - "@tds/util-prop-types": "^1.3.2", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.6.2" } } From 14ccfb5885b20b55f89b32ced2ed86283f95fa02 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Wed, 9 Sep 2020 16:30:15 -0400 Subject: [PATCH 50/96] chore(community-tags): update util-prop-types --- packages/Tags/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Tags/package.json b/packages/Tags/package.json index d8012673d..9bb44aa55 100644 --- a/packages/Tags/package.json +++ b/packages/Tags/package.json @@ -32,7 +32,7 @@ "@tds/core-heading": "^3.0.4", "@tds/core-interactive-icon": "^2.1.0", "@tds/util-helpers": "^1.5.0", - "@tds/util-prop-types": "^1.3.2", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.6.2" } } From 8dccde2c9d7883a8ecc463b15108d967010779d6 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Wed, 9 Sep 2020 16:30:30 -0400 Subject: [PATCH 51/96] chore(community-testimonial): update util-prop-types --- packages/Testimonial/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Testimonial/package.json b/packages/Testimonial/package.json index 0fc2420ca..de05e5d6b 100644 --- a/packages/Testimonial/package.json +++ b/packages/Testimonial/package.json @@ -31,7 +31,7 @@ "@tds/core-paragraph": "^2.0.12", "@tds/core-responsive": "^1.3.3", "@tds/util-helpers": "^1.5.0", - "@tds/util-prop-types": "^1.3.2", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.6.2" } } From 7e0ba081ebdec91cbdf785fb79df90ba2e9d2a8c Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Wed, 9 Sep 2020 16:31:04 -0400 Subject: [PATCH 52/96] chore(other): update package-lock.json --- package-lock.json | 67 ++++++++++++++++++++++++++++++----------------- 1 file changed, 43 insertions(+), 24 deletions(-) diff --git a/package-lock.json b/package-lock.json index a428d7fe1..4c318ed99 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3405,19 +3405,49 @@ } }, "@tds/core-interactive-icon": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@tds/core-interactive-icon/-/core-interactive-icon-2.0.2.tgz", - "integrity": "sha512-Q0R7dXh7N8TC4WMiNNYQK4BDpj8ydojqS3TNNAcyBOjMNGMlw2XFvm3oorr7YAuCNpbVHzwy4t0LfhY4I+2OcA==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@tds/core-interactive-icon/-/core-interactive-icon-2.1.0.tgz", + "integrity": "sha512-Regu2/YeLElYxCWYtVuWV2mCVABGGOtZdnadlax8ZAAXfU2JIFTahAaQIr+/ZMZ727v5rSYWacT4X7o/eMca+w==", "requires": { - "@tds/core-a11y-content": "^2.1.5", + "@tds/core-a11y-content": "^2.2.2", "@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/core-text": "^3.1.3", + "@tds/shared-styles": "^2.0.0", + "@tds/util-helpers": "^1.5.0", "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.5.10" }, "dependencies": { + "@tds/core-a11y-content": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/@tds/core-a11y-content/-/core-a11y-content-2.2.2.tgz", + "integrity": "sha512-SbB+9t5e4Sw7/0htD4hC9IZ+59jOJevMhYzAD48yZXIBnQgev4R/Cu5Rhv37YWEJbxJs26b4NjXvWMMjtFNEsA==", + "requires": { + "@tds/util-helpers": "^1.5.0", + "@tds/util-prop-types": "^1.4.0", + "prop-types": "^15.5.10" + } + }, + "@tds/core-text": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.1.3.tgz", + "integrity": "sha512-alenNcmiyvQqlJrJsn+mqgxUF937XONhRies/taTNfPGE9/ctBeAzFgFucq7a91oSZ6qSw9n+HqV4XlhUP/pJg==", + "requires": { + "@tds/shared-typography": "^1.3.5", + "@tds/util-helpers": "^1.5.0", + "prop-types": "^15.5.10" + } + }, + "@tds/shared-styles": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@tds/shared-styles/-/shared-styles-2.0.0.tgz", + "integrity": "sha512-Pj9c4HPbNRminpt5tRkRScEfP66JwCezIcBXyiwGVGjAG3mQNgD5SRMEPAIAOaj/Lhy9xbcqSioJHRwK65AeYA==", + "requires": { + "@tds/core-colours": "^2.2.1", + "@tds/core-responsive": "^1.3.3", + "@tds/shared-typography": "^1.3.5" + } + }, "@tds/util-prop-types": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/@tds/util-prop-types/-/util-prop-types-1.4.0.tgz", @@ -3670,28 +3700,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" } From 9d901a107e754065f1d09cec59429024ebf33a3e Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Wed, 9 Sep 2020 16:31:37 -0400 Subject: [PATCH 53/96] chore(community-mini-expand-collapse): revert package version --- packages/MiniExpandCollapse/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/MiniExpandCollapse/package.json b/packages/MiniExpandCollapse/package.json index f465b2985..016edfb57 100644 --- a/packages/MiniExpandCollapse/package.json +++ b/packages/MiniExpandCollapse/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-mini-expand-collapse", - "version": "0.1.0", + "version": "0.1.0-0", "description": "", "main": "index.cjs.js", "module": "index.es.js", From f2378f56e32df9cc0b7041b694f654a98f7a2aaa Mon Sep 17 00:00:00 2001 From: TDSBot Date: Wed, 9 Sep 2020 21:08:11 +0000 Subject: [PATCH 54/96] chore(publish): update packages - @tds/community-mini-expand-collapse@0.1.0 - @tds/community-preview-card@1.1.7 - @tds/community-side-navigation@3.0.11 - @tds/community-tags@1.0.4 - @tds/community-testimonial@3.0.5 --- packages/MiniExpandCollapse/CHANGELOG.md | 17 +++++++++++++++++ packages/MiniExpandCollapse/package.json | 2 +- packages/PreviewCard/CHANGELOG.md | 8 ++++++++ packages/PreviewCard/package.json | 2 +- packages/SideNavigation/CHANGELOG.md | 8 ++++++++ packages/SideNavigation/package.json | 2 +- packages/Tags/CHANGELOG.md | 8 ++++++++ packages/Tags/package.json | 2 +- packages/Testimonial/CHANGELOG.md | 8 ++++++++ packages/Testimonial/package.json | 2 +- 10 files changed, 54 insertions(+), 5 deletions(-) diff --git a/packages/MiniExpandCollapse/CHANGELOG.md b/packages/MiniExpandCollapse/CHANGELOG.md index 5c981ae9a..115d48dba 100644 --- a/packages/MiniExpandCollapse/CHANGELOG.md +++ b/packages/MiniExpandCollapse/CHANGELOG.md @@ -15,3 +15,20 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### 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/package.json b/packages/MiniExpandCollapse/package.json index 016edfb57..f465b2985 100644 --- a/packages/MiniExpandCollapse/package.json +++ b/packages/MiniExpandCollapse/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-mini-expand-collapse", - "version": "0.1.0-0", + "version": "0.1.0", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/PreviewCard/CHANGELOG.md b/packages/PreviewCard/CHANGELOG.md index f4b5d9bd3..f4e76570c 100644 --- a/packages/PreviewCard/CHANGELOG.md +++ b/packages/PreviewCard/CHANGELOG.md @@ -3,6 +3,14 @@ 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) diff --git a/packages/PreviewCard/package.json b/packages/PreviewCard/package.json index 7dc98bd5b..90acb6707 100644 --- a/packages/PreviewCard/package.json +++ b/packages/PreviewCard/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-preview-card", - "version": "1.1.6", + "version": "1.1.7", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/SideNavigation/CHANGELOG.md b/packages/SideNavigation/CHANGELOG.md index 6b16ebc14..b0db57ec0 100644 --- a/packages/SideNavigation/CHANGELOG.md +++ b/packages/SideNavigation/CHANGELOG.md @@ -3,6 +3,14 @@ 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) diff --git a/packages/SideNavigation/package.json b/packages/SideNavigation/package.json index 1be2a450d..1275e82bc 100644 --- a/packages/SideNavigation/package.json +++ b/packages/SideNavigation/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-side-navigation", - "version": "3.0.10", + "version": "3.0.11", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/Tags/CHANGELOG.md b/packages/Tags/CHANGELOG.md index 7d71bea83..a7d6e1e88 100644 --- a/packages/Tags/CHANGELOG.md +++ b/packages/Tags/CHANGELOG.md @@ -3,6 +3,14 @@ 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) diff --git a/packages/Tags/package.json b/packages/Tags/package.json index 9bb44aa55..cb5ec62cb 100644 --- a/packages/Tags/package.json +++ b/packages/Tags/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-tags", - "version": "1.0.3", + "version": "1.0.4", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/Testimonial/CHANGELOG.md b/packages/Testimonial/CHANGELOG.md index d5fa95149..bbc91cd17 100644 --- a/packages/Testimonial/CHANGELOG.md +++ b/packages/Testimonial/CHANGELOG.md @@ -3,6 +3,14 @@ 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) diff --git a/packages/Testimonial/package.json b/packages/Testimonial/package.json index de05e5d6b..f213b4749 100644 --- a/packages/Testimonial/package.json +++ b/packages/Testimonial/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-testimonial", - "version": "3.0.4", + "version": "3.0.5", "description": "", "main": "index.cjs.js", "module": "index.es.js", From ab2a5fca61e3fe4d00fd843835f9da0fce4ac292 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Wed, 9 Sep 2020 17:15:18 -0400 Subject: [PATCH 55/96] chore(other): update contributor script --- circle.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/circle.yml b/circle.yml index 3adbdb0e3..f2d5f045d 100644 --- a/circle.yml +++ b/circle.yml @@ -142,7 +142,7 @@ jobs: if [[ $(git diff --name-only) ]] then git add .all-contributorsrc README.md - git commit -m "chore(other): update contributors" + git commit -m "chore(other): update contributors" --no-verify git push else echo 'No contributor changes.' From d46de3e9deef1775d53c37be2f49aa858ac5cf18 Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Wed, 9 Sep 2020 17:27:05 -0400 Subject: [PATCH 56/96] chore(other): update contributors --- .all-contributorsrc | 9 +++++++++ README.md | 1 + 2 files changed, 10 insertions(+) diff --git a/.all-contributorsrc b/.all-contributorsrc index adbcd2ac9..747e41e76 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -266,6 +266,15 @@ "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 39d119fa5..a02270122 100644 --- a/README.md +++ b/README.md @@ -69,6 +69,7 @@ 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 "") | [
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 From d465ce81e997986ffed46c28452fca4e074ac404 Mon Sep 17 00:00:00 2001 From: Sudhir Rai Date: Tue, 18 Aug 2020 03:19:37 -0700 Subject: [PATCH 57/96] feat(community-tabs): created new tabs component --- packages/Tabs/README.md | 1 + packages/Tabs/Tabs.jsx | 42 +++++ packages/Tabs/Tabs.md | 44 ++++++ packages/Tabs/TabsWrapper.jsx | 143 ++++++++++++++++++ packages/Tabs/__tests__/Tabs.spec.jsx | 31 ++++ .../__snapshots__/Tabs.spec.jsx.snap | 9 ++ packages/Tabs/hash.js | 26 ++++ packages/Tabs/index.cjs.js | 3 + packages/Tabs/index.es.js | 3 + packages/Tabs/package.json | 33 ++++ packages/Tabs/rollup.config.js | 7 + packages/Tabs/styles.jsx | 115 ++++++++++++++ 12 files changed, 457 insertions(+) create mode 100644 packages/Tabs/README.md create mode 100644 packages/Tabs/Tabs.jsx create mode 100644 packages/Tabs/Tabs.md create mode 100644 packages/Tabs/TabsWrapper.jsx create mode 100644 packages/Tabs/__tests__/Tabs.spec.jsx create mode 100644 packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap create mode 100644 packages/Tabs/hash.js create mode 100644 packages/Tabs/index.cjs.js create mode 100644 packages/Tabs/index.es.js create mode 100644 packages/Tabs/package.json create mode 100644 packages/Tabs/rollup.config.js create mode 100644 packages/Tabs/styles.jsx 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..77991d8bc --- /dev/null +++ b/packages/Tabs/Tabs.jsx @@ -0,0 +1,42 @@ +import React from 'react' +import PropTypes from 'prop-types' +import { safeRest } from '@tds/util-helpers' +import TabsWrapper from './TabsWrapper' + +/** + * @version ./package.json + * @visibleName Tabs (beta) + */ +const Tabs = ({ dataLayerEventName, tabsEntries, tabIndex, ...rest }) => { + return ( + + ) +} + +Tabs.propTypes = { + /** + * tabsEntries is array data set for use list of Tab name and tab data. + */ + tabsEntries: PropTypes.array, + /** + * You can use tabIndex="0" to set first tab is active. + */ + tabIndex: PropTypes.number, + /** + * dataLayerEventName. + */ + dataLayerEventName: PropTypes.string, +} + +Tabs.defaultProps = { + tabsEntries: [], + tabIndex: 0, + dataLayerEventName: '', +} + +export default Tabs diff --git a/packages/Tabs/Tabs.md b/packages/Tabs/Tabs.md new file mode 100644 index 000000000..2bf3c6e68 --- /dev/null +++ b/packages/Tabs/Tabs.md @@ -0,0 +1,44 @@ +### Usage criteria + +- Use `Tabs` according to props data + +```jsx + +``` diff --git a/packages/Tabs/TabsWrapper.jsx b/packages/Tabs/TabsWrapper.jsx new file mode 100644 index 000000000..f133062cc --- /dev/null +++ b/packages/Tabs/TabsWrapper.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 { ChevronRight, ChevronLeft } from '@tds/core-interactive-icon' +import { Tab, Tabs, TabList, TabPanel } from 'react-tabs' +import { TabsContainer, TabListContainer, TabLabel, TabArrows } from './styles' +import hash from './hash' +/** + * @version ./package.json + * @visibleName Tabs (beta) + */ + +const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { + 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 fullWithRef = useRef(0) + + const recordNavigationDataLayer = tabTitle => { + if (typeof window !== 'undefined' && dataLayerEventName) { + window.dataLayer.event = { + name: dataLayerEventName, + action: 'click', + details: `navigated to tab: ${tabTitle}`, + } + } + } + + const getTabsWidth = () => { + const tabsArray = document.querySelectorAll('.react-tabs__tab') + let totalTabsWidth = 0 + tabsArray.forEach(tab => { + totalTabsWidth += tab.offsetWidth + }) + if (tabsRoot.current.offsetWidth < totalTabsWidth) { + setTabsContainerWidth(`${totalTabsWidth}px`) + fullWithRef.current = totalTabsWidth + setIsRightArrow(true) + return setScrollEnabled(true) + } + return setScrollEnabled(false) + } + + const mapTabs = () => { + if (tabsEntries.length > 0) { + return tabsEntries.map(tab => { + return ( + recordNavigationDataLayer(tab.tabTitle)}> + {tab.tabTitle} + + ) + }) + } + return '' + } + + const mapTabContent = () => { + if (tabsEntries.length > 0) { + return tabsEntries.map(tab => { + return ( + + + + {tab && tab.tabContent[0].entryTitle} + + + + ) + }) + } + 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(), 10) + } + }, []) + return ( + + + + + {isLeftArrow && ( + scrollTabs('left')}> + + + )} + + + {mapTabs()} + + {mapTabContent()} + + {isRightArrow && ( + scrollTabs('right')}> + + + )} + + + + + ) +} + +TabsWrapper.propTypes = { + tabsEntries: PropTypes.array, + tabIndex: PropTypes.number, + dataLayerEventName: PropTypes.string, +} + +TabsWrapper.defaultProps = { + tabsEntries: [], + tabIndex: PropTypes.any, + dataLayerEventName: '', +} + +export default TabsWrapper diff --git a/packages/Tabs/__tests__/Tabs.spec.jsx b/packages/Tabs/__tests__/Tabs.spec.jsx new file mode 100644 index 000000000..097ccbac9 --- /dev/null +++ b/packages/Tabs/__tests__/Tabs.spec.jsx @@ -0,0 +1,31 @@ +import React from 'react' +import { shallow } from 'enzyme' + +import Tabs from '../Tabs' + +describe('Tabs', () => { + const doShallow = (props = {}) => shallow() + + it('renders', () => { + const tabs = doShallow() + + expect(tabs).toMatchSnapshot() + }) + + it('passes additional attributes to the element', () => { + const tabs = doShallow({ id: 'the-id', 'data-some-attr': 'some value' }) + + expect(tabs).toHaveProp('id', 'the-id') + expect(tabs).toHaveProp('data-some-attr', 'some value') + }) + + it('does not allow custom CSS', () => { + const tabs = doShallow({ + 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..42bcbb8e9 --- /dev/null +++ b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap @@ -0,0 +1,9 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Tabs renders 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..a87520246 --- /dev/null +++ b/packages/Tabs/package.json @@ -0,0 +1,33 @@ +{ + "name": "@tds/community-tabs", + "version": "0.1.0-0", + "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/util-helpers": "^1.2.0", + "prop-types": "^15.6.2", + "react-tabs": "^3.1.1" + } +} 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..e7afd7cf9 --- /dev/null +++ b/packages/Tabs/styles.jsx @@ -0,0 +1,115 @@ +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 25px; + 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; + + &: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: 7px; + 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; + } +` From 10028f0a32c401b27f03350a78adec3d63b5c517 Mon Sep 17 00:00:00 2001 From: Sudhir Rai Date: Thu, 20 Aug 2020 00:17:56 -0700 Subject: [PATCH 58/96] feat(community-tabs): updated package.json version --- packages/Tabs/Tabs.jsx | 16 ++-------------- packages/Tabs/TabsWrapper.jsx | 17 +++-------------- .../__tests__/__snapshots__/Tabs.spec.jsx.snap | 1 - packages/Tabs/package.json | 2 +- 4 files changed, 6 insertions(+), 30 deletions(-) diff --git a/packages/Tabs/Tabs.jsx b/packages/Tabs/Tabs.jsx index 77991d8bc..cfe640c8c 100644 --- a/packages/Tabs/Tabs.jsx +++ b/packages/Tabs/Tabs.jsx @@ -7,15 +7,8 @@ import TabsWrapper from './TabsWrapper' * @version ./package.json * @visibleName Tabs (beta) */ -const Tabs = ({ dataLayerEventName, tabsEntries, tabIndex, ...rest }) => { - return ( - - ) +const Tabs = ({ tabsEntries, tabIndex, ...rest }) => { + return } Tabs.propTypes = { @@ -27,16 +20,11 @@ Tabs.propTypes = { * You can use tabIndex="0" to set first tab is active. */ tabIndex: PropTypes.number, - /** - * dataLayerEventName. - */ - dataLayerEventName: PropTypes.string, } Tabs.defaultProps = { tabsEntries: [], tabIndex: 0, - dataLayerEventName: '', } export default Tabs diff --git a/packages/Tabs/TabsWrapper.jsx b/packages/Tabs/TabsWrapper.jsx index f133062cc..094835a8f 100644 --- a/packages/Tabs/TabsWrapper.jsx +++ b/packages/Tabs/TabsWrapper.jsx @@ -5,12 +5,13 @@ import { ChevronRight, ChevronLeft } from '@tds/core-interactive-icon' import { Tab, Tabs, TabList, TabPanel } from 'react-tabs' import { TabsContainer, TabListContainer, TabLabel, TabArrows } from './styles' import hash from './hash' +// import TabsElement from './TabsElement' /** * @version ./package.json * @visibleName Tabs (beta) */ -const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { +const TabsWrapper = ({ tabsEntries, tabIndex }) => { const tabsRoot = useRef() const [tabsContainerWidth, setTabsContainerWidth] = useState() const [tabsTranslatePosition, setTabsTranslatePosition] = useState(0) @@ -19,16 +20,6 @@ const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { const [isRightArrow, setIsRightArrow] = useState(false) const fullWithRef = useRef(0) - const recordNavigationDataLayer = tabTitle => { - if (typeof window !== 'undefined' && dataLayerEventName) { - window.dataLayer.event = { - name: dataLayerEventName, - action: 'click', - details: `navigated to tab: ${tabTitle}`, - } - } - } - const getTabsWidth = () => { const tabsArray = document.querySelectorAll('.react-tabs__tab') let totalTabsWidth = 0 @@ -48,7 +39,7 @@ const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { if (tabsEntries.length > 0) { return tabsEntries.map(tab => { return ( - recordNavigationDataLayer(tab.tabTitle)}> + {tab.tabTitle} ) @@ -131,13 +122,11 @@ const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { TabsWrapper.propTypes = { tabsEntries: PropTypes.array, tabIndex: PropTypes.number, - dataLayerEventName: PropTypes.string, } TabsWrapper.defaultProps = { tabsEntries: [], tabIndex: PropTypes.any, - dataLayerEventName: '', } export default TabsWrapper diff --git a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap index 42bcbb8e9..d51e954d7 100644 --- a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap +++ b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap @@ -2,7 +2,6 @@ exports[`Tabs renders 1`] = ` diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index a87520246..ec4b69b9d 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-tabs", - "version": "0.1.0-0", + "version": "0.1.0", "description": "", "main": "index.cjs.js", "module": "index.es.js", From 753d23caa1e5f4d057bf2511edab6652cc8d02e6 Mon Sep 17 00:00:00 2001 From: Sudhir Rai Date: Wed, 9 Sep 2020 02:15:26 -0700 Subject: [PATCH 59/96] feat(community-tabs): added tab panel in tabs component --- packages/Tabs/Panel/Panel.jsx | 19 + packages/Tabs/README.md | 2 +- packages/Tabs/Tabs.jsx | 152 ++- packages/Tabs/Tabs.md | 55 +- packages/Tabs/TabsWrapper.jsx | 132 --- packages/Tabs/__tests__/Tabs.spec.jsx | 31 +- .../__snapshots__/Tabs.spec.jsx.snap | 921 +++++++++++++++++- packages/Tabs/index.cjs.js | 4 +- packages/Tabs/index.es.js | 4 +- packages/Tabs/package.json | 7 +- packages/Tabs/styles.jsx | 3 +- 11 files changed, 1115 insertions(+), 215 deletions(-) create mode 100644 packages/Tabs/Panel/Panel.jsx delete mode 100644 packages/Tabs/TabsWrapper.jsx 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 index 7498979e7..f00e13d8e 100644 --- a/packages/Tabs/README.md +++ b/packages/Tabs/README.md @@ -1 +1 @@ -# TDS Community: Tabs +# TDS Community: AddTabs diff --git a/packages/Tabs/Tabs.jsx b/packages/Tabs/Tabs.jsx index cfe640c8c..9aeb96ae8 100644 --- a/packages/Tabs/Tabs.jsx +++ b/packages/Tabs/Tabs.jsx @@ -1,30 +1,150 @@ -import React from 'react' +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 TabsWrapper from './TabsWrapper' - +import { ChevronRight, ChevronLeft } from '@tds/core-interactive-icon' +import { Tab, Tabs, 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 = ({ tabsEntries, tabIndex, ...rest }) => { - return + +const AddTabs = 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.tabs.length > 0) { + return props.tabs.map((tab, i) => { + return ( + setRef(tabRef, i)} key={hash(tab)} onClick={() => currentIndex(i)}> + {tab} + + ) + }) + } + 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 = { +AddTabs.propTypes = { /** - * tabsEntries is array data set for use list of Tab name and tab data. + * The tab panels. Must be at least one ``. */ - tabsEntries: PropTypes.array, + children: PropTypes.node.isRequired, /** - * You can use tabIndex="0" to set first tab is active. + * The pagination panels. Must be at least one ``. */ - tabIndex: PropTypes.number, + tabs: PropTypes.array, } - -Tabs.defaultProps = { - tabsEntries: [], - tabIndex: 0, +AddTabs.defaultProps = { + tabs: [], } - -export default Tabs +AddTabs.Panel = Panel +export default AddTabs diff --git a/packages/Tabs/Tabs.md b/packages/Tabs/Tabs.md index 2bf3c6e68..627d0c34b 100644 --- a/packages/Tabs/Tabs.md +++ b/packages/Tabs/Tabs.md @@ -1,44 +1,21 @@ ### Usage criteria -- Use `Tabs` according to props data +Use `AddTabs` 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/TabsWrapper.jsx b/packages/Tabs/TabsWrapper.jsx deleted file mode 100644 index 094835a8f..000000000 --- a/packages/Tabs/TabsWrapper.jsx +++ /dev/null @@ -1,132 +0,0 @@ -import React, { useRef, useState, useEffect } from 'react' -import PropTypes from 'prop-types' -import FlexGrid from '@tds/core-flex-grid' -import { ChevronRight, ChevronLeft } from '@tds/core-interactive-icon' -import { Tab, Tabs, TabList, TabPanel } from 'react-tabs' -import { TabsContainer, TabListContainer, TabLabel, TabArrows } from './styles' -import hash from './hash' -// import TabsElement from './TabsElement' -/** - * @version ./package.json - * @visibleName Tabs (beta) - */ - -const TabsWrapper = ({ tabsEntries, tabIndex }) => { - 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 fullWithRef = useRef(0) - - const getTabsWidth = () => { - const tabsArray = document.querySelectorAll('.react-tabs__tab') - let totalTabsWidth = 0 - tabsArray.forEach(tab => { - totalTabsWidth += tab.offsetWidth - }) - if (tabsRoot.current.offsetWidth < totalTabsWidth) { - setTabsContainerWidth(`${totalTabsWidth}px`) - fullWithRef.current = totalTabsWidth - setIsRightArrow(true) - return setScrollEnabled(true) - } - return setScrollEnabled(false) - } - - const mapTabs = () => { - if (tabsEntries.length > 0) { - return tabsEntries.map(tab => { - return ( - - {tab.tabTitle} - - ) - }) - } - return '' - } - - const mapTabContent = () => { - if (tabsEntries.length > 0) { - return tabsEntries.map(tab => { - return ( - - - - {tab && tab.tabContent[0].entryTitle} - - - - ) - }) - } - 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(), 10) - } - }, []) - return ( - - - - - {isLeftArrow && ( - scrollTabs('left')}> - - - )} - - - {mapTabs()} - - {mapTabContent()} - - {isRightArrow && ( - scrollTabs('right')}> - - - )} - - - - - ) -} - -TabsWrapper.propTypes = { - tabsEntries: PropTypes.array, - tabIndex: PropTypes.number, -} - -TabsWrapper.defaultProps = { - tabsEntries: [], - tabIndex: PropTypes.any, -} - -export default TabsWrapper diff --git a/packages/Tabs/__tests__/Tabs.spec.jsx b/packages/Tabs/__tests__/Tabs.spec.jsx index 097ccbac9..a9eba6cc8 100644 --- a/packages/Tabs/__tests__/Tabs.spec.jsx +++ b/packages/Tabs/__tests__/Tabs.spec.jsx @@ -1,30 +1,31 @@ import React from 'react' -import { shallow } from 'enzyme' +import { mount } from 'enzyme' -import Tabs from '../Tabs' +import AddTabs from '../Tabs' -describe('Tabs', () => { - const doShallow = (props = {}) => shallow() +describe('AddTabs', () => { + const children = ( + + Content 1 + Content 2 + Content 3 + + ) + const doMount = () => mount(children) it('renders', () => { - const tabs = doShallow() - + const tabs = doMount() expect(tabs).toMatchSnapshot() }) - - it('passes additional attributes to the element', () => { - const tabs = doShallow({ id: 'the-id', 'data-some-attr': 'some value' }) - - expect(tabs).toHaveProp('id', 'the-id') - expect(tabs).toHaveProp('data-some-attr', 'some value') + it('does other things', () => { + const tabs = doMount() + expect(tabs).toExist() }) - it('does not allow custom CSS', () => { - const tabs = doShallow({ + 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 index d51e954d7..76fb6dfd1 100644 --- a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap +++ b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap @@ -1,8 +1,919 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Tabs renders 1`] = ` - +exports[`AddTabs 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; +} + +.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 25px; + 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: 10px; +} + +.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; +} + +@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) { + 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; + } +} + + + + +
+
+
+
+
+
    + +
+
+
+
+
+
+
+
+
+
, + } + } + positionToMove={0} + tabs={Array []} + > +
+ + + + + +
+ + + + + +
+ + + + + +
+ + +
+ + +
+ +
    + +
+ + + +
+ + +
+ + +
+ +
+ + +
+ + + + + +
+ + + + + +
+ + + + + +
+ + + `; diff --git a/packages/Tabs/index.cjs.js b/packages/Tabs/index.cjs.js index 6474b5a0c..d8a1523ae 100644 --- a/packages/Tabs/index.cjs.js +++ b/packages/Tabs/index.cjs.js @@ -1,3 +1,3 @@ -const Tabs = require('./dist/index.cjs') +const AddTabs = require('./dist/index.cjs') -module.exports = Tabs +module.exports = AddTabs diff --git a/packages/Tabs/index.es.js b/packages/Tabs/index.es.js index 5a4b1c2b6..69616910c 100644 --- a/packages/Tabs/index.es.js +++ b/packages/Tabs/index.es.js @@ -1,3 +1,3 @@ -import Tabs from './dist/index.es' +import AddTabs from './dist/index.es' -export default Tabs +export default AddTabs diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index ec4b69b9d..676e12beb 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -28,6 +28,11 @@ "dependencies": { "@tds/util-helpers": "^1.2.0", "prop-types": "^15.6.2", - "react-tabs": "^3.1.1" + "react-tabs": "^3.1.1", + "@tds/core-a11y-content": "^2.1.5", + "@tds/core-colours": "^2.2.1", + "@tds/core-decorative-icon": "^2.6.4", + "@tds/core-responsive": "^1.3.3", + "string-hash": "^1.1.3" } } diff --git a/packages/Tabs/styles.jsx b/packages/Tabs/styles.jsx index e7afd7cf9..f7bffc4e6 100644 --- a/packages/Tabs/styles.jsx +++ b/packages/Tabs/styles.jsx @@ -2,7 +2,6 @@ import styled, { css } from 'styled-components' export const TabsContainer = styled.div` position: relative; - .react-tabs { overflow-x: hidden; } @@ -56,7 +55,7 @@ export const TabsContainer = styled.div` export const TabListContainer = styled.div` border-bottom: 1px solid #d8d8d8; position: relative; - + margin-bottom: 10px; &:after { content: ''; position: absolute; From 57f3390430cc40635fc4f4cc27daeb0f0349f572 Mon Sep 17 00:00:00 2001 From: Sudhir Rai Date: Tue, 18 Aug 2020 03:19:37 -0700 Subject: [PATCH 60/96] feat(community-tabs): created new tabs component --- packages/Tabs/TabsWrapper.jsx | 143 ++++++++++++++++++++++++++++++++++ packages/Tabs/package.json | 4 + 2 files changed, 147 insertions(+) create mode 100644 packages/Tabs/TabsWrapper.jsx diff --git a/packages/Tabs/TabsWrapper.jsx b/packages/Tabs/TabsWrapper.jsx new file mode 100644 index 000000000..f133062cc --- /dev/null +++ b/packages/Tabs/TabsWrapper.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 { ChevronRight, ChevronLeft } from '@tds/core-interactive-icon' +import { Tab, Tabs, TabList, TabPanel } from 'react-tabs' +import { TabsContainer, TabListContainer, TabLabel, TabArrows } from './styles' +import hash from './hash' +/** + * @version ./package.json + * @visibleName Tabs (beta) + */ + +const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { + 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 fullWithRef = useRef(0) + + const recordNavigationDataLayer = tabTitle => { + if (typeof window !== 'undefined' && dataLayerEventName) { + window.dataLayer.event = { + name: dataLayerEventName, + action: 'click', + details: `navigated to tab: ${tabTitle}`, + } + } + } + + const getTabsWidth = () => { + const tabsArray = document.querySelectorAll('.react-tabs__tab') + let totalTabsWidth = 0 + tabsArray.forEach(tab => { + totalTabsWidth += tab.offsetWidth + }) + if (tabsRoot.current.offsetWidth < totalTabsWidth) { + setTabsContainerWidth(`${totalTabsWidth}px`) + fullWithRef.current = totalTabsWidth + setIsRightArrow(true) + return setScrollEnabled(true) + } + return setScrollEnabled(false) + } + + const mapTabs = () => { + if (tabsEntries.length > 0) { + return tabsEntries.map(tab => { + return ( + recordNavigationDataLayer(tab.tabTitle)}> + {tab.tabTitle} + + ) + }) + } + return '' + } + + const mapTabContent = () => { + if (tabsEntries.length > 0) { + return tabsEntries.map(tab => { + return ( + + + + {tab && tab.tabContent[0].entryTitle} + + + + ) + }) + } + 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(), 10) + } + }, []) + return ( + + + + + {isLeftArrow && ( + scrollTabs('left')}> + + + )} + + + {mapTabs()} + + {mapTabContent()} + + {isRightArrow && ( + scrollTabs('right')}> + + + )} + + + + + ) +} + +TabsWrapper.propTypes = { + tabsEntries: PropTypes.array, + tabIndex: PropTypes.number, + dataLayerEventName: PropTypes.string, +} + +TabsWrapper.defaultProps = { + tabsEntries: [], + tabIndex: PropTypes.any, + dataLayerEventName: '', +} + +export default TabsWrapper diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 676e12beb..356afd247 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -28,11 +28,15 @@ "dependencies": { "@tds/util-helpers": "^1.2.0", "prop-types": "^15.6.2", +<<<<<<< HEAD "react-tabs": "^3.1.1", "@tds/core-a11y-content": "^2.1.5", "@tds/core-colours": "^2.2.1", "@tds/core-decorative-icon": "^2.6.4", "@tds/core-responsive": "^1.3.3", "string-hash": "^1.1.3" +======= + "react-tabs": "^3.1.1" +>>>>>>> c7fa5f9... feat(community-tabs): created new tabs component } } From f1666fd1cbf8aa55d407d01d2bac681a250e2940 Mon Sep 17 00:00:00 2001 From: Sudhir Rai Date: Thu, 20 Aug 2020 00:17:56 -0700 Subject: [PATCH 61/96] feat(community-tabs): updated package.json version --- packages/Tabs/TabsWrapper.jsx | 17 +++-------------- 1 file changed, 3 insertions(+), 14 deletions(-) diff --git a/packages/Tabs/TabsWrapper.jsx b/packages/Tabs/TabsWrapper.jsx index f133062cc..094835a8f 100644 --- a/packages/Tabs/TabsWrapper.jsx +++ b/packages/Tabs/TabsWrapper.jsx @@ -5,12 +5,13 @@ import { ChevronRight, ChevronLeft } from '@tds/core-interactive-icon' import { Tab, Tabs, TabList, TabPanel } from 'react-tabs' import { TabsContainer, TabListContainer, TabLabel, TabArrows } from './styles' import hash from './hash' +// import TabsElement from './TabsElement' /** * @version ./package.json * @visibleName Tabs (beta) */ -const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { +const TabsWrapper = ({ tabsEntries, tabIndex }) => { const tabsRoot = useRef() const [tabsContainerWidth, setTabsContainerWidth] = useState() const [tabsTranslatePosition, setTabsTranslatePosition] = useState(0) @@ -19,16 +20,6 @@ const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { const [isRightArrow, setIsRightArrow] = useState(false) const fullWithRef = useRef(0) - const recordNavigationDataLayer = tabTitle => { - if (typeof window !== 'undefined' && dataLayerEventName) { - window.dataLayer.event = { - name: dataLayerEventName, - action: 'click', - details: `navigated to tab: ${tabTitle}`, - } - } - } - const getTabsWidth = () => { const tabsArray = document.querySelectorAll('.react-tabs__tab') let totalTabsWidth = 0 @@ -48,7 +39,7 @@ const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { if (tabsEntries.length > 0) { return tabsEntries.map(tab => { return ( - recordNavigationDataLayer(tab.tabTitle)}> + {tab.tabTitle} ) @@ -131,13 +122,11 @@ const TabsWrapper = ({ dataLayerEventName, tabsEntries, tabIndex }) => { TabsWrapper.propTypes = { tabsEntries: PropTypes.array, tabIndex: PropTypes.number, - dataLayerEventName: PropTypes.string, } TabsWrapper.defaultProps = { tabsEntries: [], tabIndex: PropTypes.any, - dataLayerEventName: '', } export default TabsWrapper From 5e9de0478a0bfbaf6d86734f4a13717533773762 Mon Sep 17 00:00:00 2001 From: Sudhir Rai Date: Wed, 9 Sep 2020 04:28:21 -0700 Subject: [PATCH 62/96] feat(community-tabs): conflict resolved --- packages/Tabs/package.json | 4 ---- 1 file changed, 4 deletions(-) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 356afd247..676e12beb 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -28,15 +28,11 @@ "dependencies": { "@tds/util-helpers": "^1.2.0", "prop-types": "^15.6.2", -<<<<<<< HEAD "react-tabs": "^3.1.1", "@tds/core-a11y-content": "^2.1.5", "@tds/core-colours": "^2.2.1", "@tds/core-decorative-icon": "^2.6.4", "@tds/core-responsive": "^1.3.3", "string-hash": "^1.1.3" -======= - "react-tabs": "^3.1.1" ->>>>>>> c7fa5f9... feat(community-tabs): created new tabs component } } From 512ae53f4565d47befb9bbe18545417f0074efd9 Mon Sep 17 00:00:00 2001 From: Sudhir Rai Date: Wed, 9 Sep 2020 05:55:41 -0700 Subject: [PATCH 63/96] feat(community-tabs): removed tabswrapper file --- packages/Tabs/TabsWrapper.jsx | 132 ---------------------------------- 1 file changed, 132 deletions(-) delete mode 100644 packages/Tabs/TabsWrapper.jsx diff --git a/packages/Tabs/TabsWrapper.jsx b/packages/Tabs/TabsWrapper.jsx deleted file mode 100644 index 094835a8f..000000000 --- a/packages/Tabs/TabsWrapper.jsx +++ /dev/null @@ -1,132 +0,0 @@ -import React, { useRef, useState, useEffect } from 'react' -import PropTypes from 'prop-types' -import FlexGrid from '@tds/core-flex-grid' -import { ChevronRight, ChevronLeft } from '@tds/core-interactive-icon' -import { Tab, Tabs, TabList, TabPanel } from 'react-tabs' -import { TabsContainer, TabListContainer, TabLabel, TabArrows } from './styles' -import hash from './hash' -// import TabsElement from './TabsElement' -/** - * @version ./package.json - * @visibleName Tabs (beta) - */ - -const TabsWrapper = ({ tabsEntries, tabIndex }) => { - 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 fullWithRef = useRef(0) - - const getTabsWidth = () => { - const tabsArray = document.querySelectorAll('.react-tabs__tab') - let totalTabsWidth = 0 - tabsArray.forEach(tab => { - totalTabsWidth += tab.offsetWidth - }) - if (tabsRoot.current.offsetWidth < totalTabsWidth) { - setTabsContainerWidth(`${totalTabsWidth}px`) - fullWithRef.current = totalTabsWidth - setIsRightArrow(true) - return setScrollEnabled(true) - } - return setScrollEnabled(false) - } - - const mapTabs = () => { - if (tabsEntries.length > 0) { - return tabsEntries.map(tab => { - return ( - - {tab.tabTitle} - - ) - }) - } - return '' - } - - const mapTabContent = () => { - if (tabsEntries.length > 0) { - return tabsEntries.map(tab => { - return ( - - - - {tab && tab.tabContent[0].entryTitle} - - - - ) - }) - } - 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(), 10) - } - }, []) - return ( - - - - - {isLeftArrow && ( - scrollTabs('left')}> - - - )} - - - {mapTabs()} - - {mapTabContent()} - - {isRightArrow && ( - scrollTabs('right')}> - - - )} - - - - - ) -} - -TabsWrapper.propTypes = { - tabsEntries: PropTypes.array, - tabIndex: PropTypes.number, -} - -TabsWrapper.defaultProps = { - tabsEntries: [], - tabIndex: PropTypes.any, -} - -export default TabsWrapper From 68ebc99b8ca968fae51943bf9b128ff38c913bf5 Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Wed, 9 Sep 2020 15:24:00 -0700 Subject: [PATCH 64/96] feat(community-tabs): changing to Tabs --- packages/Tabs/Tabs.jsx | 18 +++++++++--------- packages/Tabs/Tabs.md | 18 +++++++++--------- 2 files changed, 18 insertions(+), 18 deletions(-) diff --git a/packages/Tabs/Tabs.jsx b/packages/Tabs/Tabs.jsx index 9aeb96ae8..804539144 100644 --- a/packages/Tabs/Tabs.jsx +++ b/packages/Tabs/Tabs.jsx @@ -3,7 +3,7 @@ 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, TabList, TabPanel } from 'react-tabs' +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' @@ -12,7 +12,7 @@ import Panel from './Panel/Panel' * @visibleName Tabs (beta) */ -const AddTabs = props => { +const Tabs = props => { const tabsRoot = useRef() const [tabsContainerWidth, setTabsContainerWidth] = useState() const [tabsTranslatePosition, setTabsTranslatePosition] = useState(0) @@ -115,12 +115,12 @@ const AddTabs = props => { )} - + {mapTabs()} {mapTabContent()} - + {isRightArrow && ( scrollTabs('right')}> @@ -133,9 +133,9 @@ const AddTabs = props => { ) } -AddTabs.propTypes = { +Tabs.propTypes = { /** - * The tab panels. Must be at least one ``. + * The tab panels. Must be at least one ``. */ children: PropTypes.node.isRequired, /** @@ -143,8 +143,8 @@ AddTabs.propTypes = { */ tabs: PropTypes.array, } -AddTabs.defaultProps = { +Tabs.defaultProps = { tabs: [], } -AddTabs.Panel = Panel -export default AddTabs +Tabs.Panel = Panel +export default Tabs diff --git a/packages/Tabs/Tabs.md b/packages/Tabs/Tabs.md index 627d0c34b..02a6532ac 100644 --- a/packages/Tabs/Tabs.md +++ b/packages/Tabs/Tabs.md @@ -1,21 +1,21 @@ ### Usage criteria -Use `AddTabs` according to props data +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. - - + + ``` From 4dace8dfc1dd18263a2733014861231dc6dd721d Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Wed, 9 Sep 2020 15:25:00 -0700 Subject: [PATCH 65/96] test(community-tabs): updating snapshot --- packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap index 76fb6dfd1..c3fffd929 100644 --- a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap +++ b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap @@ -228,7 +228,7 @@ div.c1 { } } - @@ -915,5 +915,5 @@ div.c1 {
- + `; From 377d5f36f257fad2d43e727866eede8a8770cbc9 Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Wed, 9 Sep 2020 15:27:28 -0700 Subject: [PATCH 66/96] chore(deps): updating packages --- package-lock.json | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/package-lock.json b/package-lock.json index 4c318ed99..092499104 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6127,6 +6127,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", @@ -21610,6 +21615,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", From d2cedf87e8f6d0f1b0a645e79fdcedbd09d0a90f Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Wed, 9 Sep 2020 15:35:07 -0700 Subject: [PATCH 67/96] chore(community-tabs): updating version --- packages/Tabs/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 676e12beb..eaeb90cc9 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-tabs", - "version": "0.1.0", + "version": "0.1.0-0", "description": "", "main": "index.cjs.js", "module": "index.es.js", From 15c3e5563810c438ffd259285237f9efa690ddaa Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Wed, 9 Sep 2020 15:43:43 -0700 Subject: [PATCH 68/96] fix(community-tabs): adjusting spacing --- packages/Tabs/styles.jsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/Tabs/styles.jsx b/packages/Tabs/styles.jsx index f7bffc4e6..6d76535f5 100644 --- a/packages/Tabs/styles.jsx +++ b/packages/Tabs/styles.jsx @@ -15,7 +15,7 @@ export const TabsContainer = styled.div` .react-tabs__tab { display: inline-block; cursor: pointer; - padding: 0 25px; + padding: 0 24px; min-width: 44px; text-align: center; position: relative; @@ -55,7 +55,7 @@ export const TabsContainer = styled.div` export const TabListContainer = styled.div` border-bottom: 1px solid #d8d8d8; position: relative; - margin-bottom: 10px; + margin-bottom: 8px; &:after { content: ''; position: absolute; @@ -77,7 +77,7 @@ export const TabListContainer = styled.div` export const TabLabel = styled.span` height: 100%; display: block; - padding-bottom: 7px; + padding-bottom: 8px; border-bottom: 4px solid transparent; ` From 3d2602ff87e28fb853d2d66b1cf318fe9f7b4e54 Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Wed, 9 Sep 2020 15:45:11 -0700 Subject: [PATCH 69/96] test(community-tabs): updating snapshot --- .../Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap index c3fffd929..7461d5ed3 100644 --- a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap +++ b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap @@ -57,7 +57,7 @@ div.c1 { .c0 .react-tabs__tab { display: inline-block; cursor: pointer; - padding: 0 25px; + padding: 0 24px; min-width: 44px; text-align: center; position: relative; @@ -93,7 +93,7 @@ div.c1 { .c4 { border-bottom: 1px solid #d8d8d8; position: relative; - margin-bottom: 10px; + margin-bottom: 8px; } .c4:after { @@ -250,7 +250,7 @@ div.c1 { "rules": Array [ "position:relative;.react-tabs{overflow-x:hidden;}.react-tabs__tab-list{transition:0.9s all ease;transform:translate3d(", [Function], - "px,0px,0px);white-space:nowrap;}.react-tabs__tab{display:inline-block;cursor:pointer;padding:0 25px;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;}}", + "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;}}", ], }, "displayName": "styles__TabsContainer", @@ -321,7 +321,7 @@ div.c1 { .c0 .react-tabs__tab { display: inline-block; cursor: pointer; - padding: 0 25px; + padding: 0 24px; min-width: 44px; text-align: center; position: relative; @@ -357,7 +357,7 @@ div.c1 { .c4 { border-bottom: 1px solid #d8d8d8; position: relative; - margin-bottom: 10px; + margin-bottom: 8px; } .c4:after { @@ -814,7 +814,7 @@ div.c1 { "isStatic": false, "lastClassName": "c4", "rules": Array [ - "border-bottom:1px solid #d8d8d8;position:relative;margin-bottom:10px;&: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;}", + "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;}", ], }, "displayName": "styles__TabListContainer", From e37d8aff7b62979d0eb9b8b12e4e81f657305489 Mon Sep 17 00:00:00 2001 From: Sudhir Rai Date: Thu, 10 Sep 2020 02:02:23 -0700 Subject: [PATCH 70/96] feat(community-tabs): changing to tabs heading --- packages/Tabs/README.md | 2 +- packages/Tabs/Tabs.jsx | 15 +- packages/Tabs/Tabs.md | 8 +- packages/Tabs/__tests__/Tabs.spec.jsx | 14 +- .../__snapshots__/Tabs.spec.jsx.snap | 635 +++++++++++++++++- packages/Tabs/index.cjs.js | 4 +- packages/Tabs/index.es.js | 4 +- 7 files changed, 642 insertions(+), 40 deletions(-) diff --git a/packages/Tabs/README.md b/packages/Tabs/README.md index f00e13d8e..7498979e7 100644 --- a/packages/Tabs/README.md +++ b/packages/Tabs/README.md @@ -1 +1 @@ -# TDS Community: AddTabs +# TDS Community: Tabs diff --git a/packages/Tabs/Tabs.jsx b/packages/Tabs/Tabs.jsx index 804539144..eeaf16449 100644 --- a/packages/Tabs/Tabs.jsx +++ b/packages/Tabs/Tabs.jsx @@ -48,11 +48,11 @@ const Tabs = props => { _nodes[i] = tabRef } const mapTabs = () => { - if (props.tabs.length > 0) { - return props.tabs.map((tab, i) => { + if (props.children.length > 0) { + return props.children.map((tab, i) => { return ( - setRef(tabRef, i)} key={hash(tab)} onClick={() => currentIndex(i)}> - {tab} + setRef(tabRef, i)} key={hash(i)} onClick={() => currentIndex(i)}> + {tab.props.heading} ) }) @@ -138,13 +138,6 @@ Tabs.propTypes = { * The tab panels. Must be at least one ``. */ children: PropTypes.node.isRequired, - /** - * The pagination panels. Must be at least one ``. - */ - tabs: PropTypes.array, -} -Tabs.defaultProps = { - tabs: [], } Tabs.Panel = Panel export default Tabs diff --git a/packages/Tabs/Tabs.md b/packages/Tabs/Tabs.md index 02a6532ac..8a27e7707 100644 --- a/packages/Tabs/Tabs.md +++ b/packages/Tabs/Tabs.md @@ -4,16 +4,16 @@ 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 index a9eba6cc8..8bacea64a 100644 --- a/packages/Tabs/__tests__/Tabs.spec.jsx +++ b/packages/Tabs/__tests__/Tabs.spec.jsx @@ -1,15 +1,15 @@ import React from 'react' import { mount } from 'enzyme' -import AddTabs from '../Tabs' +import Tabs from '../Tabs' -describe('AddTabs', () => { +describe('Tabs', () => { const children = ( - - Content 1 - Content 2 - Content 3 - + + Content 1 + Content 2 + Content 3 + ) const doMount = () => mount(children) diff --git a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap index 7461d5ed3..0b357ed5f 100644 --- a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap +++ b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`AddTabs renders 1`] = ` +exports[`Tabs renders 1`] = ` div.c3 { padding-left: 0; padding-right: 0; @@ -10,6 +10,15 @@ div.c3 { 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%; } @@ -109,6 +118,13 @@ div.c1 { border-width: 0px; } +.c5 { + height: 100%; + display: block; + padding-bottom: 8px; + border-bottom: 4px solid transparent; +} + @media (max-width:575px) { .c3 { display: block; @@ -144,6 +160,41 @@ div.c1 { } } +@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; @@ -230,12 +281,10 @@ div.c1 { - + + +
+ > +
+
+
+
+
+ Content 1 +
+
+
+
+
+
@@ -538,7 +700,6 @@ div.c1 { } } positionToMove={0} - tabs={Array []} >
+ > + + + + + + + + + +
@@ -858,36 +1185,318 @@ div.c1 {
+ > + + + + + +
+ + + + + +
+ + + + + +
+ +
+ +
+ Content 1 +
+ +
+ +
+ + + + + +
+ + + + + +
+ + + + + +
diff --git a/packages/Tabs/index.cjs.js b/packages/Tabs/index.cjs.js index d8a1523ae..6474b5a0c 100644 --- a/packages/Tabs/index.cjs.js +++ b/packages/Tabs/index.cjs.js @@ -1,3 +1,3 @@ -const AddTabs = require('./dist/index.cjs') +const Tabs = require('./dist/index.cjs') -module.exports = AddTabs +module.exports = Tabs diff --git a/packages/Tabs/index.es.js b/packages/Tabs/index.es.js index 69616910c..5a4b1c2b6 100644 --- a/packages/Tabs/index.es.js +++ b/packages/Tabs/index.es.js @@ -1,3 +1,3 @@ -import AddTabs from './dist/index.es' +import Tabs from './dist/index.es' -export default AddTabs +export default Tabs From 93f70f21db201d38d319e9cfceab5f5fc9f44cee Mon Sep 17 00:00:00 2001 From: TDSBot Date: Thu, 10 Sep 2020 21:18:51 +0000 Subject: [PATCH 71/96] chore(publish): update packages - @tds/community-tabs@0.1.0 --- packages/Tabs/CHANGELOG.md | 24 ++++++++++++++++++++++++ packages/Tabs/package.json | 8 ++++---- 2 files changed, 28 insertions(+), 4 deletions(-) create mode 100644 packages/Tabs/CHANGELOG.md diff --git a/packages/Tabs/CHANGELOG.md b/packages/Tabs/CHANGELOG.md new file mode 100644 index 000000000..ce4b398c0 --- /dev/null +++ b/packages/Tabs/CHANGELOG.md @@ -0,0 +1,24 @@ +# 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.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/package.json b/packages/Tabs/package.json index eaeb90cc9..3648f0c20 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-tabs", - "version": "0.1.0-0", + "version": "0.1.0", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -26,13 +26,13 @@ "styled-components": "^4.1.3" }, "dependencies": { - "@tds/util-helpers": "^1.2.0", - "prop-types": "^15.6.2", - "react-tabs": "^3.1.1", "@tds/core-a11y-content": "^2.1.5", "@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", + "prop-types": "^15.6.2", + "react-tabs": "^3.1.1", "string-hash": "^1.1.3" } } From e94e7c8f1de7531b039dbff8282fd775c4d4f9c4 Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Fri, 11 Sep 2020 12:32:54 -0700 Subject: [PATCH 72/96] fix(community-tabs): removing unnecessary dep --- packages/Tabs/package.json | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 3648f0c20..648de2775 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -28,8 +28,6 @@ "dependencies": { "@tds/core-a11y-content": "^2.1.5", "@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", "prop-types": "^15.6.2", "react-tabs": "^3.1.1", From 20a362a4e0087807f144dd81880cfae3f040ed8e Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Fri, 11 Sep 2020 12:41:09 -0700 Subject: [PATCH 73/96] fix(community-tabs): updating deps --- packages/Tabs/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 648de2775..6a1317150 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -27,7 +27,7 @@ }, "dependencies": { "@tds/core-a11y-content": "^2.1.5", - "@tds/core-colours": "^2.2.1", + "@tds/core-colours": "^2.2.1", "@tds/util-helpers": "^1.2.0", "prop-types": "^15.6.2", "react-tabs": "^3.1.1", From 51b2f11282dd3a4b244916800e802e808869c939 Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Fri, 11 Sep 2020 12:43:11 -0700 Subject: [PATCH 74/96] fix(community-tabs): updating deps --- packages/Tabs/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 6a1317150..648de2775 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -27,7 +27,7 @@ }, "dependencies": { "@tds/core-a11y-content": "^2.1.5", - "@tds/core-colours": "^2.2.1", + "@tds/core-colours": "^2.2.1", "@tds/util-helpers": "^1.2.0", "prop-types": "^15.6.2", "react-tabs": "^3.1.1", From e624104bd28cbc17cdbc7df7a5bf8c23e406571b Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Fri, 11 Sep 2020 12:43:50 -0700 Subject: [PATCH 75/96] test(community-mini-expand-collapse): updating snaps --- .../__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap index 8fcd52039..ae8afa788 100644 --- a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap +++ b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap @@ -11,6 +11,7 @@ exports[`MiniExpandCollapse renders correctly 1`] = ` togglePanel={[Function]} /> Date: Fri, 11 Sep 2020 13:06:27 -0700 Subject: [PATCH 76/96] test(community-mini-expand-collapse): restoring snapshot --- .../__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap index ae8afa788..8fcd52039 100644 --- a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap +++ b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap @@ -11,7 +11,6 @@ exports[`MiniExpandCollapse renders correctly 1`] = ` togglePanel={[Function]} /> Date: Fri, 11 Sep 2020 13:22:22 -0700 Subject: [PATCH 77/96] fix(community-tabs): updating deps --- packages/Tabs/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 648de2775..07d396342 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -28,7 +28,7 @@ "dependencies": { "@tds/core-a11y-content": "^2.1.5", "@tds/core-colours": "^2.2.1", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.1", "prop-types": "^15.6.2", "react-tabs": "^3.1.1", "string-hash": "^1.1.3" From ae89964f35f236a0f39680144ff372ed94a6069f Mon Sep 17 00:00:00 2001 From: Mike Bunce Date: Fri, 11 Sep 2020 13:27:18 -0700 Subject: [PATCH 78/96] test(community-mini-expand-collapse): updating snap --- .../__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap index 8fcd52039..ae8afa788 100644 --- a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap +++ b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap @@ -11,6 +11,7 @@ exports[`MiniExpandCollapse renders correctly 1`] = ` togglePanel={[Function]} /> Date: Fri, 11 Sep 2020 13:36:24 -0700 Subject: [PATCH 79/96] test(community-mini-expand-collapse): restoring snap --- .../__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap index ae8afa788..8fcd52039 100644 --- a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap +++ b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap @@ -11,7 +11,6 @@ exports[`MiniExpandCollapse renders correctly 1`] = ` togglePanel={[Function]} /> Date: Fri, 11 Sep 2020 13:55:56 -0700 Subject: [PATCH 80/96] fix(community-mini-expand-collapse): adding missing prop --- packages/MiniExpandCollapse/MiniExpandCollapse.jsx | 2 +- .../__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/MiniExpandCollapse/MiniExpandCollapse.jsx b/packages/MiniExpandCollapse/MiniExpandCollapse.jsx index 462529504..9be4c9f26 100644 --- a/packages/MiniExpandCollapse/MiniExpandCollapse.jsx +++ b/packages/MiniExpandCollapse/MiniExpandCollapse.jsx @@ -34,7 +34,7 @@ const MiniExpandCollapse = ({ children, expandTitle, collapseTitle, size, invert invert={invert} a11yLabel={a11yLabel} /> - + {() =>
{children}
}
diff --git a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap index 8fcd52039..ae8afa788 100644 --- a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap +++ b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap @@ -11,6 +11,7 @@ exports[`MiniExpandCollapse renders correctly 1`] = ` togglePanel={[Function]} /> Date: Mon, 21 Sep 2020 19:12:46 +0000 Subject: [PATCH 81/96] chore(publish): update packages - @tds/community-mini-expand-collapse@0.1.1 - @tds/community-tabs@0.1.1 --- packages/MiniExpandCollapse/CHANGELOG.md | 11 +++++++++++ packages/MiniExpandCollapse/package.json | 2 +- packages/Tabs/CHANGELOG.md | 14 ++++++++++++++ packages/Tabs/package.json | 2 +- 4 files changed, 27 insertions(+), 2 deletions(-) diff --git a/packages/MiniExpandCollapse/CHANGELOG.md b/packages/MiniExpandCollapse/CHANGELOG.md index 115d48dba..6da28bc61 100644 --- a/packages/MiniExpandCollapse/CHANGELOG.md +++ b/packages/MiniExpandCollapse/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-mini-expand-collapse@0.1.0...@tds/community-mini-expand-collapse@0.1.1) (2020-09-21) + + +### Bug Fixes + +* **community-mini-expand-collapse:** adding missing prop ([60d6ded](https://github.com/telus/tds-community/commit/60d6dedc2debfb40f2e52737806b7f1170f9c3e4)) + + + + + # 0.1.0 (2020-09-09) diff --git a/packages/MiniExpandCollapse/package.json b/packages/MiniExpandCollapse/package.json index f465b2985..56db04d0a 100644 --- a/packages/MiniExpandCollapse/package.json +++ b/packages/MiniExpandCollapse/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-mini-expand-collapse", - "version": "0.1.0", + "version": "0.1.1", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/Tabs/CHANGELOG.md b/packages/Tabs/CHANGELOG.md index ce4b398c0..270f9dfdd 100644 --- a/packages/Tabs/CHANGELOG.md +++ b/packages/Tabs/CHANGELOG.md @@ -3,6 +3,20 @@ 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-tabs@0.1.0...@tds/community-tabs@0.1.1) (2020-09-21) + + +### 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)) + + + + + # 0.1.0 (2020-09-10) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 07d396342..9e2940d90 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-tabs", - "version": "0.1.0", + "version": "0.1.1", "description": "", "main": "index.cjs.js", "module": "index.es.js", From 6760c9e97ddb564239f4bbd61b249e5f437938ff Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Tue, 22 Sep 2020 12:24:12 -0400 Subject: [PATCH 82/96] revert(publish): update packages This reverts commit 8348c23eefec59921911566fa3ae5a97089f4416. --- packages/MiniExpandCollapse/CHANGELOG.md | 11 ----------- packages/MiniExpandCollapse/package.json | 2 +- packages/Tabs/CHANGELOG.md | 14 -------------- packages/Tabs/package.json | 2 +- 4 files changed, 2 insertions(+), 27 deletions(-) diff --git a/packages/MiniExpandCollapse/CHANGELOG.md b/packages/MiniExpandCollapse/CHANGELOG.md index 6da28bc61..115d48dba 100644 --- a/packages/MiniExpandCollapse/CHANGELOG.md +++ b/packages/MiniExpandCollapse/CHANGELOG.md @@ -3,17 +3,6 @@ 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-21) - - -### Bug Fixes - -* **community-mini-expand-collapse:** adding missing prop ([60d6ded](https://github.com/telus/tds-community/commit/60d6dedc2debfb40f2e52737806b7f1170f9c3e4)) - - - - - # 0.1.0 (2020-09-09) diff --git a/packages/MiniExpandCollapse/package.json b/packages/MiniExpandCollapse/package.json index 56db04d0a..f465b2985 100644 --- a/packages/MiniExpandCollapse/package.json +++ b/packages/MiniExpandCollapse/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-mini-expand-collapse", - "version": "0.1.1", + "version": "0.1.0", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/Tabs/CHANGELOG.md b/packages/Tabs/CHANGELOG.md index 270f9dfdd..ce4b398c0 100644 --- a/packages/Tabs/CHANGELOG.md +++ b/packages/Tabs/CHANGELOG.md @@ -3,20 +3,6 @@ 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-tabs@0.1.0...@tds/community-tabs@0.1.1) (2020-09-21) - - -### 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)) - - - - - # 0.1.0 (2020-09-10) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 9e2940d90..07d396342 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-tabs", - "version": "0.1.1", + "version": "0.1.0", "description": "", "main": "index.cjs.js", "module": "index.es.js", From ad716da224a5d0b7f447c94e8aaba2d4d6314fa4 Mon Sep 17 00:00:00 2001 From: TDSBot Date: Tue, 22 Sep 2020 17:27:55 +0000 Subject: [PATCH 83/96] chore(publish): update packages - @tds/community-mini-expand-collapse@0.1.1 - @tds/community-tabs@0.1.1 --- packages/MiniExpandCollapse/CHANGELOG.md | 16 ++++++++++++++++ packages/MiniExpandCollapse/package.json | 2 +- packages/Tabs/CHANGELOG.md | 19 +++++++++++++++++++ packages/Tabs/package.json | 2 +- 4 files changed, 37 insertions(+), 2 deletions(-) diff --git a/packages/MiniExpandCollapse/CHANGELOG.md b/packages/MiniExpandCollapse/CHANGELOG.md index 115d48dba..fcea05616 100644 --- a/packages/MiniExpandCollapse/CHANGELOG.md +++ b/packages/MiniExpandCollapse/CHANGELOG.md @@ -3,6 +3,22 @@ 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) diff --git a/packages/MiniExpandCollapse/package.json b/packages/MiniExpandCollapse/package.json index f465b2985..56db04d0a 100644 --- a/packages/MiniExpandCollapse/package.json +++ b/packages/MiniExpandCollapse/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-mini-expand-collapse", - "version": "0.1.0", + "version": "0.1.1", "description": "", "main": "index.cjs.js", "module": "index.es.js", diff --git a/packages/Tabs/CHANGELOG.md b/packages/Tabs/CHANGELOG.md index ce4b398c0..3f1653281 100644 --- a/packages/Tabs/CHANGELOG.md +++ b/packages/Tabs/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. +## [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) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 07d396342..9e2940d90 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-tabs", - "version": "0.1.0", + "version": "0.1.1", "description": "", "main": "index.cjs.js", "module": "index.es.js", From ad3b2b09c017d5e6b11c08eb574758999f7c1e1c Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Fri, 18 Sep 2020 14:30:32 -0400 Subject: [PATCH 84/96] chore(deps): update lockfile --- package-lock.json | 265 ++++++++++++++++++++++++++++++++++------------ package.json | 2 +- 2 files changed, 197 insertions(+), 70 deletions(-) diff --git a/package-lock.json b/package-lock.json index 092499104..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": { @@ -3261,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": { @@ -3405,55 +3448,55 @@ } }, "@tds/core-interactive-icon": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/@tds/core-interactive-icon/-/core-interactive-icon-2.1.0.tgz", - "integrity": "sha512-Regu2/YeLElYxCWYtVuWV2mCVABGGOtZdnadlax8ZAAXfU2JIFTahAaQIr+/ZMZ727v5rSYWacT4X7o/eMca+w==", + "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.2.2", + "@tds/core-a11y-content": "^2.2.3", "@tds/core-colours": "^2.2.1", - "@tds/core-text": "^3.1.3", - "@tds/shared-styles": "^2.0.0", - "@tds/util-helpers": "^1.5.0", + "@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-a11y-content": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/@tds/core-a11y-content/-/core-a11y-content-2.2.2.tgz", - "integrity": "sha512-SbB+9t5e4Sw7/0htD4hC9IZ+59jOJevMhYzAD48yZXIBnQgev4R/Cu5Rhv37YWEJbxJs26b4NjXvWMMjtFNEsA==", + "@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": { - "@tds/util-helpers": "^1.5.0", - "@tds/util-prop-types": "^1.4.0", - "prop-types": "^15.5.10" + "prop-types": "^15.5.10", + "react-media": "^1.10.0", + "sass-mq": "^5.0.0" } }, "@tds/core-text": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.1.3.tgz", - "integrity": "sha512-alenNcmiyvQqlJrJsn+mqgxUF937XONhRies/taTNfPGE9/ctBeAzFgFucq7a91oSZ6qSw9n+HqV4XlhUP/pJg==", + "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.5.0", + "@tds/util-helpers": "^1.5.1", "prop-types": "^15.5.10" } }, "@tds/shared-styles": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@tds/shared-styles/-/shared-styles-2.0.0.tgz", - "integrity": "sha512-Pj9c4HPbNRminpt5tRkRScEfP66JwCezIcBXyiwGVGjAG3mQNgD5SRMEPAIAOaj/Lhy9xbcqSioJHRwK65AeYA==", + "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.3", + "@tds/core-responsive": "^1.3.4", "@tds/shared-typography": "^1.3.5" } }, - "@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==", + "@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": { - "prop-types": "^15.5.10" + "@tds/core-responsive": "^1.3.4" } } } @@ -3548,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": { @@ -3573,6 +3646,7 @@ "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", "@tds/util-helpers": "^1.4.2", @@ -3580,38 +3654,68 @@ } }, "@tds/core-tooltip": { - "version": "4.2.16", - "resolved": "https://registry.npmjs.org/@tds/core-tooltip/-/core-tooltip-4.2.16.tgz", - "integrity": "sha512-Harx6AeyUPMaSwhSLT7/pcSd4k6hks245KExhMS6UJeJOK/zPmtuA40lrMHjFyZEsTIJwStPibS+XG1fm/6Fdg==", - "requires": { - "@tds/core-box": "^2.2.1", - "@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.1", - "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.2.1.tgz", - "integrity": "sha512-XdoFieCxWixYZhXAvMj3dOKoqfUeaxDHNO2CaRC2J84nCuom7ZMlyxBMAph6J3e4IYS7FUkwvhLJGH3r0DsoTQ==", + "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/core-responsive": "^1.3.4", + "@tds/util-helpers": "^1.5.1", "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.5.10" } }, - "@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==", + "@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.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.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" + } } } }, @@ -13452,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" } @@ -15057,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", @@ -21415,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", @@ -24306,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", @@ -25553,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", @@ -26943,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 0481f17da..bfcbd8243 100644 --- a/package.json +++ b/package.json @@ -64,7 +64,7 @@ "@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", From e46b4505dbbd5a540104fab7af70a7aacfea7e0a Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Fri, 18 Sep 2020 14:36:46 -0400 Subject: [PATCH 85/96] chore(community-tabs): update dependencies --- packages/Tabs/package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 9e2940d90..75827813b 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -26,9 +26,9 @@ "styled-components": "^4.1.3" }, "dependencies": { - "@tds/core-a11y-content": "^2.1.5", - "@tds/core-colours": "^2.2.1", - "@tds/util-helpers": "^1.5.1", + "@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" From 49eecbdbd14e39e347c383a67cf506b436e9b9de Mon Sep 17 00:00:00 2001 From: Jordan Raffoul Date: Fri, 18 Sep 2020 14:44:20 -0400 Subject: [PATCH 86/96] test(community-tabs): update snapshots --- .../__snapshots__/Tabs.spec.jsx.snap | 1454 ++++++++--------- 1 file changed, 679 insertions(+), 775 deletions(-) diff --git a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap index 0b357ed5f..cd1e973e3 100644 --- a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap +++ b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap @@ -1,30 +1,46 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Tabs renders 1`] = ` -div.c3 { +.c3 { + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; padding-left: 0; padding-right: 0; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; } -div.c6 { +.c6 { + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -42,10 +58,6 @@ div.c2 { width: 100%; } -div.c1 { - padding: 0; -} - .c0 { position: relative; } @@ -196,7 +208,7 @@ div.c1 { } @media (max-width:575px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -204,7 +216,7 @@ div.c1 { } @media (min-width:576px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -212,7 +224,7 @@ div.c1 { } @media (min-width:768px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -220,7 +232,7 @@ div.c1 { } @media (min-width:992px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -228,7 +240,7 @@ div.c1 { } @media (min-width:1200px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -314,30 +326,46 @@ div.c1 { } forwardedRef={ Object { - "current": div.c3 { + "current": .c3 { + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; padding-left: 0; padding-right: 0; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; } -div.c6 { +.c6 { + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -355,10 +383,6 @@ div.c2 { width: 100%; } -div.c1 { - padding: 0; -} - .c0 { position: relative; } @@ -509,7 +533,7 @@ div.c1 { } @media (max-width:575px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -517,7 +541,7 @@ div.c1 { } @media (min-width:576px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -525,7 +549,7 @@ div.c1 { } @media (min-width:768px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -533,7 +557,7 @@ div.c1 { } @media (min-width:992px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -541,7 +565,7 @@ div.c1 { } @media (min-width:1200px) { - div.c2 { + .c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -596,13 +620,13 @@ div.c1 { class="c0" >
- - - -
+ - - +
- - -
- - - - -
- - -
- - + -
- + + + + + +
- - - + + + + + + + + + + +
+ + + +
+ + + +
+ + + +
- - -
- - +
- - - -
- - - - - -
- -
- -
- Content 1 -
- -
- -
- - - - - -
- - - - - + +
+ Content 1 +
+ +
+
- - - - - -
- - -
- - -
- + + + +
+ + +
- - -
- - - - - + + + +
+ + +
+ + +
+ +
+ +
- - - - - -
- - + + + +
+ + + +
- +
From 615346f34a874f01ac596e8939477f59a9ce59bc Mon Sep 17 00:00:00 2001 From: TDSBot Date: Tue, 22 Sep 2020 17:39:42 +0000 Subject: [PATCH 87/96] chore(publish): update packages - @tds/community-tabs@0.1.2 --- packages/Tabs/CHANGELOG.md | 8 ++++++++ packages/Tabs/package.json | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/packages/Tabs/CHANGELOG.md b/packages/Tabs/CHANGELOG.md index 3f1653281..260dfe5f6 100644 --- a/packages/Tabs/CHANGELOG.md +++ b/packages/Tabs/CHANGELOG.md @@ -3,6 +3,14 @@ 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) diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 75827813b..3859f7de0 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-tabs", - "version": "0.1.1", + "version": "0.1.2", "description": "", "main": "index.cjs.js", "module": "index.es.js", From c18256870fb6f6fd988d234b75d3904290b7bfa9 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Wed, 29 Jul 2020 18:03:12 -0400 Subject: [PATCH 88/96] fix(community-quiet-button): addresses issue 362, followup --- README.md | 1 + packages/QuietButton/QuietButton.jsx | 75 ++++-- .../__snapshots__/QuietButton.spec.jsx.snap | 221 +++++++++++++----- packages/QuietButton/package.json | 3 + 4 files changed, 217 insertions(+), 83 deletions(-) diff --git a/README.md b/README.md index a02270122..21a1fe3e6 100644 --- a/README.md +++ b/README.md @@ -70,6 +70,7 @@ To learn how to make contributions to TDS Community, See the [contributing guide | [
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 "") | [
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/packages/QuietButton/QuietButton.jsx b/packages/QuietButton/QuietButton.jsx index 882abeb9b..0bd966fac 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', + height: '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)': { @@ -40,15 +48,19 @@ const btnWrapper = { display: 'flex', flexDirection: 'row', alignItems: 'center', - padding: '3px 0px 5px 0px', '& 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,28 @@ 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('Edit'), + componentWithName('Print'), + componentWithName('Profile'), + componentWithName('Add'), + componentWithName('Close'), + componentWithName('Delete'), + componentWithName('PlayVideo'), + componentWithName('Subtract'), + componentWithName('Download'), + componentWithName('DownloadPDF'), + componentWithName('DownloadPDFs'), + componentWithName('Search'), + componentWithName('Settings'), + ]) + ), + 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..f9a014934 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; + 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; @@ -54,15 +67,14 @@ exports[`QuietButton renders 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; - padding: 3px 0px 5px 0px; } -.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;", + "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 87cb96c21..1c87337c2 100644 --- a/packages/QuietButton/package.json +++ b/packages/QuietButton/package.json @@ -26,9 +26,12 @@ "styled-components": "^4.1.3" }, "dependencies": { + "@tds/core-box": "^2.2.0", + "@tds/core-colours": "^2.2.1", "@tds/shared-styles": "^1.5.2", "@tds/shared-typography": "^1.3.5", "@tds/util-helpers": "^1.5.0", + "@tds/util-prop-types": "^1.3.2", "prop-types": "^15.6.2" } } From b57854874517dd7c8dbada2efcae87cfe0e4d6d8 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Thu, 30 Jul 2020 09:46:38 -0400 Subject: [PATCH 89/96] fix(community-quiet-button): updates snapshot --- .../__snapshots__/QuietButton.spec.jsx.snap | 38 ++++++++- packages/QuietButton/package-lock.json | 84 +++++++++++++++++++ 2 files changed, 121 insertions(+), 1 deletion(-) create mode 100644 packages/QuietButton/package-lock.json diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index f9a014934..bdc906a40 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -168,9 +168,45 @@ exports[`QuietButton renders 1`] = ` }, "displayName": "QuietButton__StyledBox", "foldedComponentIds": Array [], + "propTypes": Object { + "below": [Function], + "between": [Function], + "children": [Function], + "className": [Function], + "horizontal": [Function], + "inline": [Function], + "inset": [Function], + "tag": [Function], + "vertical": [Function], + }, "render": [Function], "styledComponentId": "QuietButton__StyledBox-sc-1anctzy-0", - "target": [Function], + "target": Object { + "$$typeof": Symbol(react.forward_ref), + "defaultProps": Object { + "below": undefined, + "between": undefined, + "className": undefined, + "horizontal": undefined, + "inline": false, + "inset": undefined, + "tag": "div", + "vertical": undefined, + }, + "displayName": "Box", + "propTypes": Object { + "below": [Function], + "between": [Function], + "children": [Function], + "className": [Function], + "horizontal": [Function], + "inline": [Function], + "inset": [Function], + "tag": [Function], + "vertical": [Function], + }, + "render": [Function], + }, "toString": [Function], "warnTooManyClasses": [Function], "withComponent": [Function], diff --git a/packages/QuietButton/package-lock.json b/packages/QuietButton/package-lock.json new file mode 100644 index 000000000..77eb830fd --- /dev/null +++ b/packages/QuietButton/package-lock.json @@ -0,0 +1,84 @@ +{ + "name": "@tds/community-quiet-button", + "version": "0.1.1", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "@tds/core-box": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.2.1.tgz", + "integrity": "sha512-XdoFieCxWixYZhXAvMj3dOKoqfUeaxDHNO2CaRC2J84nCuom7ZMlyxBMAph6J3e4IYS7FUkwvhLJGH3r0DsoTQ==", + "requires": { + "@tds/core-responsive": "^1.3.3", + "@tds/util-helpers": "^1.4.2", + "@tds/util-prop-types": "^1.4.0", + "prop-types": "^15.5.10" + }, + "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-helpers": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.4.2.tgz", + "integrity": "sha512-MiRzz5tsKQCO23yk0UBng8lHIDmT2D4fqtdA4JKc/JEXWNRKILt21rdXE0UqQIDM71yK2EMGeh84qlfEFjI9Xg==", + "requires": { + "@tds/core-responsive": "^1.3.3" + } + }, + "@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==", + "requires": { + "prop-types": "^15.5.10" + } + }, + "js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + }, + "prop-types": { + "version": "15.7.2", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", + "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", + "requires": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.8.1" + } + }, + "react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, + "sass-mq": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/sass-mq/-/sass-mq-5.0.1.tgz", + "integrity": "sha512-ugSVZO5fzasSFrGfKCtY02spnkOOfo9U9sXuzCuSXoCl1CgcoqdJRdNmigZkhvRVph1GKM6o0pgI00Jjc445CA==" + } + } + } + } +} From 44637419ce15387fbd43b387a235f039ea2568b4 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Thu, 30 Jul 2020 09:57:38 -0400 Subject: [PATCH 90/96] fix(community-quiet-button): updates snapshot --- .../__snapshots__/QuietButton.spec.jsx.snap | 38 +-------- packages/QuietButton/package-lock.json | 84 ------------------- 2 files changed, 1 insertion(+), 121 deletions(-) delete mode 100644 packages/QuietButton/package-lock.json diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index bdc906a40..f9a014934 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -168,45 +168,9 @@ exports[`QuietButton renders 1`] = ` }, "displayName": "QuietButton__StyledBox", "foldedComponentIds": Array [], - "propTypes": Object { - "below": [Function], - "between": [Function], - "children": [Function], - "className": [Function], - "horizontal": [Function], - "inline": [Function], - "inset": [Function], - "tag": [Function], - "vertical": [Function], - }, "render": [Function], "styledComponentId": "QuietButton__StyledBox-sc-1anctzy-0", - "target": Object { - "$$typeof": Symbol(react.forward_ref), - "defaultProps": Object { - "below": undefined, - "between": undefined, - "className": undefined, - "horizontal": undefined, - "inline": false, - "inset": undefined, - "tag": "div", - "vertical": undefined, - }, - "displayName": "Box", - "propTypes": Object { - "below": [Function], - "between": [Function], - "children": [Function], - "className": [Function], - "horizontal": [Function], - "inline": [Function], - "inset": [Function], - "tag": [Function], - "vertical": [Function], - }, - "render": [Function], - }, + "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], "withComponent": [Function], diff --git a/packages/QuietButton/package-lock.json b/packages/QuietButton/package-lock.json deleted file mode 100644 index 77eb830fd..000000000 --- a/packages/QuietButton/package-lock.json +++ /dev/null @@ -1,84 +0,0 @@ -{ - "name": "@tds/community-quiet-button", - "version": "0.1.1", - "lockfileVersion": 1, - "requires": true, - "dependencies": { - "@tds/core-box": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.2.1.tgz", - "integrity": "sha512-XdoFieCxWixYZhXAvMj3dOKoqfUeaxDHNO2CaRC2J84nCuom7ZMlyxBMAph6J3e4IYS7FUkwvhLJGH3r0DsoTQ==", - "requires": { - "@tds/core-responsive": "^1.3.3", - "@tds/util-helpers": "^1.4.2", - "@tds/util-prop-types": "^1.4.0", - "prop-types": "^15.5.10" - }, - "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-helpers": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.4.2.tgz", - "integrity": "sha512-MiRzz5tsKQCO23yk0UBng8lHIDmT2D4fqtdA4JKc/JEXWNRKILt21rdXE0UqQIDM71yK2EMGeh84qlfEFjI9Xg==", - "requires": { - "@tds/core-responsive": "^1.3.3" - } - }, - "@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==", - "requires": { - "prop-types": "^15.5.10" - } - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "loose-envify": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", - "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "requires": { - "js-tokens": "^3.0.0 || ^4.0.0" - } - }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" - }, - "prop-types": { - "version": "15.7.2", - "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", - "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", - "requires": { - "loose-envify": "^1.4.0", - "object-assign": "^4.1.1", - "react-is": "^16.8.1" - } - }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "sass-mq": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/sass-mq/-/sass-mq-5.0.1.tgz", - "integrity": "sha512-ugSVZO5fzasSFrGfKCtY02spnkOOfo9U9sXuzCuSXoCl1CgcoqdJRdNmigZkhvRVph1GKM6o0pgI00Jjc445CA==" - } - } - } - } -} From 48c95d70a402523ee64c27b3e92ca8d2dcddb40e Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Thu, 30 Jul 2020 12:00:24 -0400 Subject: [PATCH 91/96] fix(community-quiet-button): updates snapshot --- .../__snapshots__/QuietButton.spec.jsx.snap | 38 ++++++++++++++++++- packages/QuietButton/package.json | 2 +- 2 files changed, 38 insertions(+), 2 deletions(-) diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index f9a014934..bdc906a40 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -168,9 +168,45 @@ exports[`QuietButton renders 1`] = ` }, "displayName": "QuietButton__StyledBox", "foldedComponentIds": Array [], + "propTypes": Object { + "below": [Function], + "between": [Function], + "children": [Function], + "className": [Function], + "horizontal": [Function], + "inline": [Function], + "inset": [Function], + "tag": [Function], + "vertical": [Function], + }, "render": [Function], "styledComponentId": "QuietButton__StyledBox-sc-1anctzy-0", - "target": [Function], + "target": Object { + "$$typeof": Symbol(react.forward_ref), + "defaultProps": Object { + "below": undefined, + "between": undefined, + "className": undefined, + "horizontal": undefined, + "inline": false, + "inset": undefined, + "tag": "div", + "vertical": undefined, + }, + "displayName": "Box", + "propTypes": Object { + "below": [Function], + "between": [Function], + "children": [Function], + "className": [Function], + "horizontal": [Function], + "inline": [Function], + "inset": [Function], + "tag": [Function], + "vertical": [Function], + }, + "render": [Function], + }, "toString": [Function], "warnTooManyClasses": [Function], "withComponent": [Function], diff --git a/packages/QuietButton/package.json b/packages/QuietButton/package.json index 1c87337c2..22ee98ff4 100644 --- a/packages/QuietButton/package.json +++ b/packages/QuietButton/package.json @@ -26,7 +26,7 @@ "styled-components": "^4.1.3" }, "dependencies": { - "@tds/core-box": "^2.2.0", + "@tds/core-box": "^2.1.3", "@tds/core-colours": "^2.2.1", "@tds/shared-styles": "^1.5.2", "@tds/shared-typography": "^1.3.5", From b94eb857ac9043d789abd75072ab31f3aa6665cb Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Thu, 30 Jul 2020 12:07:40 -0400 Subject: [PATCH 92/96] fix(community-quiet-button): updates snapshot --- .../__snapshots__/QuietButton.spec.jsx.snap | 38 +------------------ 1 file changed, 1 insertion(+), 37 deletions(-) diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index bdc906a40..f9a014934 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -168,45 +168,9 @@ exports[`QuietButton renders 1`] = ` }, "displayName": "QuietButton__StyledBox", "foldedComponentIds": Array [], - "propTypes": Object { - "below": [Function], - "between": [Function], - "children": [Function], - "className": [Function], - "horizontal": [Function], - "inline": [Function], - "inset": [Function], - "tag": [Function], - "vertical": [Function], - }, "render": [Function], "styledComponentId": "QuietButton__StyledBox-sc-1anctzy-0", - "target": Object { - "$$typeof": Symbol(react.forward_ref), - "defaultProps": Object { - "below": undefined, - "between": undefined, - "className": undefined, - "horizontal": undefined, - "inline": false, - "inset": undefined, - "tag": "div", - "vertical": undefined, - }, - "displayName": "Box", - "propTypes": Object { - "below": [Function], - "between": [Function], - "children": [Function], - "className": [Function], - "horizontal": [Function], - "inline": [Function], - "inset": [Function], - "tag": [Function], - "vertical": [Function], - }, - "render": [Function], - }, + "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], "withComponent": [Function], From 8ad8eb91fc3daa731bd20e1a101b1c1f25be987f Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Fri, 31 Jul 2020 10:13:50 -0400 Subject: [PATCH 93/96] fix: updates prop types --- packages/QuietButton/QuietButton.jsx | 14 +------------- 1 file changed, 1 insertion(+), 13 deletions(-) diff --git a/packages/QuietButton/QuietButton.jsx b/packages/QuietButton/QuietButton.jsx index 0bd966fac..91dba98c8 100644 --- a/packages/QuietButton/QuietButton.jsx +++ b/packages/QuietButton/QuietButton.jsx @@ -101,19 +101,7 @@ QuietButton.propTypes = { PropTypes.oneOfType([ PropTypes.string, componentWithName('A11yContent'), - componentWithName('Edit'), - componentWithName('Print'), - componentWithName('Profile'), - componentWithName('Add'), - componentWithName('Close'), - componentWithName('Delete'), - componentWithName('PlayVideo'), - componentWithName('Subtract'), - componentWithName('Download'), - componentWithName('DownloadPDF'), - componentWithName('DownloadPDFs'), - componentWithName('Search'), - componentWithName('Settings'), + componentWithName('Dependent', true), ]) ), PropTypes.string, From e8de4fd4c6bbb6620e323e30c787fc472c24caa6 Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Fri, 31 Jul 2020 11:21:59 -0400 Subject: [PATCH 94/96] fix(community-quiet-button): uses minHeight to allow for wrapping --- packages/QuietButton/QuietButton.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/QuietButton/QuietButton.jsx b/packages/QuietButton/QuietButton.jsx index 91dba98c8..1376abb86 100644 --- a/packages/QuietButton/QuietButton.jsx +++ b/packages/QuietButton/QuietButton.jsx @@ -21,7 +21,7 @@ const baseButton = { background: colorWhite, transition: 'all 0.2s ease-in-out', minWidth: '2.75rem', - height: '1.75rem', + minHeight: '1.75rem', border: `0.0625rem solid ${colorGreyRaven}`, position: 'relative', borderRadius: '0.1875rem', @@ -47,7 +47,7 @@ const baseButton = { const btnWrapper = { display: 'flex', flexDirection: 'row', - alignItems: 'center', + alignItems: 'flex-start', '& svg': { margin: '-0.125rem 0rem -0.3125rem 0rem', }, From 50c054f4f59d2b964aea679ba3df66e237b1210a Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Fri, 31 Jul 2020 11:28:34 -0400 Subject: [PATCH 95/96] fix(community-quiet-button): uses minHeight to allow for wrapping --- .../__snapshots__/QuietButton.spec.jsx.snap | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index f9a014934..8f0b8c75c 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -23,7 +23,7 @@ exports[`QuietButton renders 1`] = ` -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; min-width: 2.75rem; - height: 1.75rem; + min-height: 1.75rem; border: 0.0625rem solid #71757b; position: relative; border-radius: 0.1875rem; @@ -63,10 +63,10 @@ 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; + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; } .c3 svg { @@ -104,7 +104,7 @@ exports[`QuietButton renders 1`] = ` "background: #fff;", "transition: all 0.2s ease-in-out;", "min-width: 2.75rem;", - "height: 1.75rem;", + "min-height: 1.75rem;", "border: 0.0625rem solid #71757b;", "position: relative;", "border-radius: 0.1875rem;", @@ -242,7 +242,7 @@ exports[`QuietButton renders 1`] = ` "rules": Array [ "display: flex;", "flex-direction: row;", - "align-items: center;", + "align-items: flex-start;", "& svg {", "margin: -0.125rem 0rem -0.3125rem 0rem;", "}", From 5f741d3acc52e0d0eeaf99249ab4ad2b779aeb3e Mon Sep 17 00:00:00 2001 From: katherine szelag Date: Fri, 25 Sep 2020 16:52:15 -0400 Subject: [PATCH 96/96] chore(community-tabs): update snap shot --- .../__snapshots__/Tabs.spec.jsx.snap | 1454 +++++++++-------- 1 file changed, 775 insertions(+), 679 deletions(-) diff --git a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap index cd1e973e3..0b357ed5f 100644 --- a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap +++ b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap @@ -1,46 +1,30 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Tabs renders 1`] = ` -.c3 { - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; +div.c3 { padding-left: 0; padding-right: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } -.c6 { - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; +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; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -58,6 +42,10 @@ exports[`Tabs renders 1`] = ` width: 100%; } +div.c1 { + padding: 0; +} + .c0 { position: relative; } @@ -208,7 +196,7 @@ exports[`Tabs renders 1`] = ` } @media (max-width:575px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -216,7 +204,7 @@ exports[`Tabs renders 1`] = ` } @media (min-width:576px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -224,7 +212,7 @@ exports[`Tabs renders 1`] = ` } @media (min-width:768px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -232,7 +220,7 @@ exports[`Tabs renders 1`] = ` } @media (min-width:992px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -240,7 +228,7 @@ exports[`Tabs renders 1`] = ` } @media (min-width:1200px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -326,46 +314,30 @@ exports[`Tabs renders 1`] = ` } forwardedRef={ Object { - "current": .c3 { - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; + "current": div.c3 { padding-left: 0; padding-right: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } -.c6 { - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; +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; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -383,6 +355,10 @@ exports[`Tabs renders 1`] = ` width: 100%; } +div.c1 { + padding: 0; +} + .c0 { position: relative; } @@ -533,7 +509,7 @@ exports[`Tabs renders 1`] = ` } @media (max-width:575px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -541,7 +517,7 @@ exports[`Tabs renders 1`] = ` } @media (min-width:576px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -549,7 +525,7 @@ exports[`Tabs renders 1`] = ` } @media (min-width:768px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -557,7 +533,7 @@ exports[`Tabs renders 1`] = ` } @media (min-width:992px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -565,7 +541,7 @@ exports[`Tabs renders 1`] = ` } @media (min-width:1200px) { - .c2 { + div.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -620,13 +596,13 @@ exports[`Tabs renders 1`] = ` class="c0" >
- -
- - +
- + -
- - + -
- - -
- -
- -
    - - - - - - - -
+ + + - - - - - - - - - -
- - - -
- - - -
- - - -
- - + -
- -
+ - -
- Content 1 -
- -
- + + + +
+ + + + + +
+ +
+ +
+ Content 1 +
+ +
+ +
+ + + + + +
+ + + + +
- - - -
- - - + + + + + +
+ + +
+ + +
+
- - - -
- - -
- - -
- -
- - + + +
+ + + + +
- - - -
- - - -
+ + + + + +
+ + - +