ci(scripts): integrated circle ci implementation

.editorconfig

@@ -1,15 +1,12 @@
 root = true
 
-# Unix-style newlines with a newline ending every file
 [*]
+charset = utf-8
 end_of_line = lf
-insert_final_newline = true
-
-[*]
-indent_style = space
 indent_size = 2
+indent_style = space
+insert_final_newline = true
 trim_trailing_whitespace = true
 
-# Disable trailing whitespace for Markdown files to make it easier to format them
 [*.md]
 trim_trailing_whitespace = false

.github/settings.yml

@@ -0,0 +1,35 @@
+repository:
+  name: tds-core
+  description: TELUS Design System core components
+  topics: design,telus
+  homepage: https://telus.com/digital
+  private: false
+  has_issues: true
+  has_wiki: false
+  has_downloads: false
+  has_projects: false
+  default_branch: master
+  allow_squash_merge: true
+  allow_merge_commit: false
+  allow_rebase_merge: true
+
+teams:
+  - name: tds-core
+    permission: admin
+  - name: digital
+    permission: write
+
+branches:
+  - name: master
+    protection:
+      required_pull_request_reviews:
+        required_approving_review_count: 1
+        dismiss_stale_reviews: false
+        require_code_owner_reviews: false
+
+      enforce_admins: false
+
+      restrictions:
+        users: []
+        teams:
+          - tds-core

.releaserc

@@ -0,0 +1,3 @@
+{
+  "extends": "@telus/semantic-release-config"
+}

.remarkignore

@@ -0,0 +1,40 @@
+README.md
+CHANGELOG.md
+packages/A11yContent/CHANGELOG.md
+packages/Box/CHANGELOG.md
+packages/Button/CHANGELOG.md
+packages/ButtonLink/CHANGELOG.md
+packages/Card/CHANGELOG.md
+packages/Checkbox/CHANGELOG.md
+packages/ChevronLink/CHANGELOG.md
+packages/DisplayHeading/CHANGELOG.md
+packages/ExpandCollapse/CHANGELOG.md
+packages/FlexGrid/CHANGELOG.md
+packages/Heading/CHANGELOG.md
+packages/Input/CHANGELOG.md
+packages/InputFeedback/CHANGELOG.md
+packages/Link/CHANGELOG.md
+packages/Notification/CHANGELOG.md
+packages/OrderedList/CHANGELOG.md
+packages/Paragraph/CHANGELOG.md
+packages/Radio/CHANGELOG.md
+packages/Responsive/CHANGELOG.md
+packages/Select/CHANGELOG.md
+packages/SelectorCounter/CHANGELOG.md
+packages/Small/CHANGELOG.md
+packages/Spinner/CHANGELOG.md
+packages/StepTracker/CHANGELOG.md
+packages/Strong/CHANGELOG.md
+packages/Text/CHANGELOG.md
+packages/TextArea/CHANGELOG.md
+packages/Tooltip/CHANGELOG.md
+packages/UnorderedList/CHANGELOG.md
+packages/css-reset/CHANGELOG.md
+packages/prop-types/CHANGELOG.md
+shared/components/Animation/CHANGELOG.md
+shared/components/BaseButton/CHANGELOG.md
+shared/components/Choice/CHANGELOG.md
+shared/components/Flexbox/CHANGELOG.md
+shared/components/FormField/CHANGELOG.md
+shared/styles/Typography/CHANGELOG.md
+shared/utils/generateId/CHANGELOG.md

.remarkrc

@@ -0,0 +1,6 @@
+{
+  "plugins": [
+    "@telus/remark-preset-lint-markdown",
+    ["lint-no-file-name-mixed-case", false]
+  ]
+}

LICENSE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2018 TELUS Telecommunications Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,11 +1,15 @@
 ![TELUS Design System](https://cdn.rawgit.com/telusdigital/tds-core/1627991c/guide/Logo.svg)
 
+[![version][npm-image]][npm-url] [![Build Status][circle-image]][circle-url]
+
 # [TELUS Design System](https://tds.telus.com) [![license](https://img.shields.io/github/license/telusdigital/tds.svg)](https://github.com/telusdigital/tds-core/blob/master/LICENSE.md)
 
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
 [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier)
 [![Build Status](https://travis-ci.com/telus/tds-core.svg?branch=master)](https://travis-ci.com/telus/tds-core)
 
+> TELUS Design System core components
+
 - [Documentation](https://tds.telus.com)
 - [Component catalogue](https://tds.telus.com/components/index.html)
 
@@ -48,3 +52,8 @@ The following group are the active maintainers of this project, and have merge r
 | [<img src="https://avatars2.githubusercontent.com/u/2739819?v=4" width="100px;"/><br /><sub><b>Ani</b></sub>](https://github.com/simpleimpulse)<br />[](#tds-simpleimpulse "") | [<img src="https://avatars1.githubusercontent.com/u/3495961?v=4" width="100px;"/><br /><sub><b>Varun Jain</b></sub>](https://github.com/varunj90)<br />[](#tds-varunj90 "") | [<img src="https://avatars2.githubusercontent.com/u/4450690?v=4" width="100px;"/><br /><sub><b>Ally Hui</b></sub>](https://github.com/ah-arch)<br />[](#tds-ah-arch "") | [<img src="https://avatars0.githubusercontent.com/u/1036187?v=4" width="100px;"/><br /><sub><b>Jordan Raffoul</b></sub>](http://jordanraffoul.com)<br />[](#tds-jraff "") | [<img src="https://avatars2.githubusercontent.com/u/25651179?v=4" width="100px;"/><br /><sub><b>Derek Kramer</b></sub>](http://derekkramer.co)<br />[](#tds-derekkramer "") | [<img src="https://avatars2.githubusercontent.com/u/11504992?v=4" width="100px;"/><br /><sub><b>Bradley Rastrullo</b></sub>](https://github.com/brastrullo)<br />[](#tds-brastrullo "") | [<img src="https://avatars0.githubusercontent.com/u/931411?v=4" width="100px;"/><br /><sub><b>Andrew Lam</b></sub>](https://github.com/Andrew-K-Lam)<br />[](#tds-Andrew-K-Lam "") |
 | [<img src="https://avatars2.githubusercontent.com/u/968192?v=4" width="100px;"/><br /><sub><b>Rob Brander</b></sub>](http://rbrander.ca)<br />[](#tds-rbrander "") | [<img src="https://avatars3.githubusercontent.com/u/12414771?v=4" width="100px;"/><br /><sub><b>Jonathan Palma</b></sub>](https://github.com/jonathanpalma)<br />[](#tds-jonathanpalma "") | [<img src="https://avatars2.githubusercontent.com/u/22725151?v=4" width="100px;"/><br /><sub><b>Nicholas Mak</b></sub>](https://github.com/nicmak)<br />[](#tds-nicmak "") | [<img src="https://avatars3.githubusercontent.com/u/42220619?v=4" width="100px;"/><br /><sub><b>Christina L.</b></sub>](https://github.com/Christina-Lo)<br />[](#tds-Christina-Lo "") |
 <!-- ALL-CONTRIBUTORS-LIST:END -->
+
+[circle-url]: https://circleci.com/gh/telus/tds-core
+[circle-image]: https://img.shields.io/circleci/project/github/telus/tds-core/master.svg?style=for-the-badge&logo=circleci
+[npm-url]: https://www.npmjs.com/package/@telus/tds-core
+[npm-image]: https://img.shields.io/npm/v/@telus/tds-core.svg?style=for-the-badge&logo=npm

circle.yml

@@ -0,0 +1,100 @@
+version: 2.1
+
+executors:
+  app:
+    working_directory: ~/src
+
+    docker:
+      - image: circleci/node:8-browsers
+        environment:
+          NPM_CONFIG_PREFIX: /home/node/.npm-global
+          PATH: $PATH:$NPM_CONFIG_PREFIX/bin
+          MANPATH: $MANPATH:$NPM_CONFIG_PREFIX/share/man
+          NODE_PATH: $NPM_CONFIG_PREFIX/lib/node_modules
+
+commands:
+  persist:
+    steps:
+      - persist_to_workspace: { root: ~/src, paths: . }
+
+  attach:
+    steps:
+      - attach_workspace: { at: "." }
+
+  npmrc:
+    steps:
+      - run:
+          name: Setup .npmrc
+          command: echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > ~/.npmrc
+
+  install:
+    steps:
+      - npmrc
+
+      - run:
+          name: Install build-essential
+          command: npx install-group peer --package @telus/build-essential --global
+      - run:
+          name: Install dependencies
+          command: yarn install
+
+jobs:
+  build:
+    executor: app
+    steps:
+      - checkout
+      - install
+      - run: yarn run ci:build
+      - persist
+
+  lint:
+    executor: app
+    steps:
+      - attach
+      - run: yarn run lint
+
+  unit:
+    executor: app
+    steps:
+      - attach
+      - run: yarn run test
+
+  e2e:
+    executor: app
+    steps:
+      - attach
+      - run:
+          name: Styleguidist Server
+          command: yarn run dev:e2e
+          background: true
+      - run: yarn run test:e2e -- --all
+
+  release:
+    executor: app
+    steps:
+      - attach
+      - npmrc
+      - run: npx semantic-release
+
+workflows:
+  version: 2
+  run:
+    jobs:
+      - build:
+          context: tds
+
+      - lint:
+          requires: [ build ]
+
+      - unit:
+          requires: [ build ]
+
+      - e2e:
+          requires: [ build ]
+
+      - release:
+          context: tds
+          requires: [ build, lint, unit, e2e ]
+          filters:
+            branches:
+              only: master

config/eslint.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  extends: ['@telusdigital/eslint-config', 'plugin:prettier/recommended'], // Recommended eslint + prettier config: https://prettier.io/docs/en/eslint.html#why-not-both
+  extends: ['@telus/eslint-config', 'plugin:prettier/recommended'], // Recommended eslint + prettier config: https://prettier.io/docs/en/eslint.html#why-not-both
   parser: 'babel-eslint',
   rules: {
     'react/require-default-props': 'warn',
@@ -13,5 +13,7 @@ module.exports = {
         },
       },
     ],
+    'react/destructuring-assignment': [true, 'always', { ignoreClassFields: false }],
+    'react/jsx-one-expression-per-line': 0,
   },
 }

docs/Lists.md

@@ -13,11 +13,11 @@
 
 Lists can be sized using the `size` prop.
 
-```
-<OrderedList size="large">
-  <OrderedList.Item>Select the edition with the features that meet your needs</OrderedList.Item>
-  <OrderedList.Item>Purchase a plan for the primary user</OrderedList.Item>
-  <OrderedList.Item>Next, add users as needed</OrderedList.Item>
-  <OrderedList.Item>Purchase additional services such as IP phones, wireless backup and installation services</OrderedList.Item>
-</OrderedList>
+```html
+    <OrderedList size="large">
+      <OrderedList.Item>Select the edition with the features that meet your needs</OrderedList.Item>
+      <OrderedList.Item>Purchase a plan for the primary user</OrderedList.Item>
+      <OrderedList.Item>Next, add users as needed</OrderedList.Item>
+      <OrderedList.Item>Purchase additional services such as IP phones, wireless backup and installation services</OrderedList.Item>
+    </OrderedList>
 ```

docs/components/custom/PackageVersion/PackageVersion.jsx

@@ -3,7 +3,12 @@ import PropTypes from 'prop-types'
 
 import Paragraph from '../../../../packages/Paragraph/Paragraph'
 
-const PackageVersion = ({ version }) => <Paragraph>Version: {version}</Paragraph>
+const PackageVersion = ({ version }) => (
+  <Paragraph>
+    Version:
+    {version}
+  </Paragraph>
+)
 
 PackageVersion.propTypes = {
   version: PropTypes.string.isRequired,

guide/README.md

@@ -24,7 +24,7 @@ If you are a **designer** who wants to contribute to TDS, please see the [design
 
 To view the **technical documentation** for the components, see the [component catalogue](ref://components/index.html).
 
-To view **documentation from a previous version**, copy this URL into your browser's address bar, changing the version at the end to the desired version: [http://telus-design-system-docs.s3-website-us-east-1.amazonaws.com/v0.34.0/](http://telus-design-system-docs.s3-website-us-east-1.amazonaws.com/v0.34.0/).
+To view **documentation from a previous version**, copy this URL into your browser's address bar, changing the version at the end to the desired version: <http://telus-design-system-docs.s3-website-us-east-1.amazonaws.com/v0.34.0/>.
 
 If you're on version 0.y.z of `@telusdigital/tds`, please follow our migration guide for [upgrading to v1.y.z](https://github.com/telusdigital/tds-core/releases/tag/v1.0.0).
 

guide/SUMMARY.md

@@ -13,7 +13,7 @@
   - [Codebase overview](contributing/codebase-overview.md)
 - [Roadmap](roadmap.md)
 
-## Design & foundational principles
+## Design & foundational principles
 
 - [Design Principles](design/principles.md)
 - [Accessibility](accessibility/accessibility.md)
@@ -31,7 +31,7 @@
 - [Motion](design/motion.md)
 - [Depth](design/depth.md)
 
-## Support & links
+## Support & links
 
 - [Contact us](contact.md)
 - [FAQs](faq.md)

guide/accessibility/accessibility.md

@@ -2,13 +2,13 @@
 
 The TDS documentation is a starting point for accessibility information.
 
-* [Colour and contrast](./colour-contrast.md)
-* [Responsive content](./responsive-content.md)
-* [Keyboard navigation](./keyboard-nav.md)
-* [Screen readers](./screen-readers.md)
-* [Content](./content.md)
+- [Colour and contrast](./colour-contrast.md)
+- [Responsive content](./responsive-content.md)
+- [Keyboard navigation](./keyboard-nav.md)
+- [Screen readers](./screen-readers.md)
+- [Content](./content.md)
 
 You will find more detailed usage and implementation details at the following complementary sites.
 
-* Accessibility: [TELUS Standards site](https://digitalstandards.telus.com/accessibility)
-* Content: [TELUS Content Standards](https://docs.google.com/a/telus.com/document/d/1hEAbRxEeKDwruhYKsNnF-788rZ_W10gyAO2-0IPM5uo/edit?usp=sharing)
+- Accessibility: [TELUS Standards site](https://digitalstandards.telus.com/accessibility)
+- Content: [TELUS Content Standards](https://docs.google.com/a/telus.com/document/d/1hEAbRxEeKDwruhYKsNnF-788rZ_W10gyAO2-0IPM5uo/edit?usp=sharing)

guide/accessibility/colour-contrast.md

@@ -2,7 +2,7 @@
 
 ## Overview
 
-All colour combinations must pass WCAG AA standards of 4.5:1 for normal text and 3:1 for large text (18px +). If visual information 
+All colour combinations must pass WCAG AA standards of 4.5:1 for normal text and 3:1 for large text (18px +). If visual information
 is conveyed in a way that is not accessible, an alternative, accessible text version must be supplied.
 
 ## Usage
@@ -11,9 +11,9 @@ See the [TELUS Standards site](https://digitalstandards.telus.com/accessibility)
 
 ## Governance
 
-The TELUS digital accessibility is managed by Operations: Security and Accessibility. If you have any questions or concerns 
+The TELUS digital accessibility is managed by Operations: Security and Accessibility. If you have any questions or concerns
 regarding designing or developing in an accessible manner please contact Oskar Westin.
 
 ## Roadmap
 
-* Document and codify accessible colour combinations
+- Document and codify accessible colour combinations

guide/accessibility/content.md

@@ -2,25 +2,25 @@
 
 ## Overview
 
-Writing for accessibility goes beyond making everything on the page available as text. It affects the way 
-[content is structured](http://standards.teluswebteam.com/accessibility/requirements/content-structured-semantically) and 
-how we guide people through a page. 
+Writing for accessibility goes beyond making everything on the page available as text. It affects the way
+[content is structured](http://standards.teluswebteam.com/accessibility/requirements/content-structured-semantically) and
+how we guide people through a page.
 
 ## Usage
 
-See the [TELUS Content Standards](https://docs.google.com/a/telus.com/document/d/1hEAbRxEeKDwruhYKsNnF-788rZ_W10gyAO2-0IPM5uo/edit?usp=sharing) 
+See the [TELUS Content Standards](https://docs.google.com/a/telus.com/document/d/1hEAbRxEeKDwruhYKsNnF-788rZ_W10gyAO2-0IPM5uo/edit?usp=sharing)
 for detailed information on usage and implementation.
 
 Simple guidelines:
 
-* Use plain language
-* Write short sentences and use familiar words
-* Avoid jargon and slang
-* If you need to use an abbreviation or acronym that people may not understand, explain what it means on first reference  
-* Remember content hierarchy and place the most important information first
-* Don’t use directional language
+- Use plain language
+- Write short sentences and use familiar words
+- Avoid jargon and slang
+- If you need to use an abbreviation or acronym that people may not understand, explain what it means on first reference
+- Remember content hierarchy and place the most important information first
+- Don’t use directional language
 
 ## Governance
 
-The TELUS digital accessibility is managed by Operations: Security and Accessibility. If you have any questions or concerns 
+The TELUS digital accessibility is managed by Operations: Security and Accessibility. If you have any questions or concerns
 regarding designing or developing in an accessible manner please contact Oskar Westin.