Skip to content
[Alpha] Paste is an internal design system for designing and building consistent experiences at Twilio.
TypeScript JavaScript
Branch: master
Clone or download
richbachman feat(website): SiteLink Component, replace Link with SiteLink (#135)
* feat(website): initial SiteLink component

* fix(anchor): use shadowFocus token

* feat(wesbsite): replace breadcrumb Link with SiteLink

* fix(website): use navigate for components button

* fix(website): add navigate function to other home buttons
Latest commit 1295a33 Oct 15, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci chore: setup applitools vrt (#111) Oct 2, 2019
.eslint feat: add Absolute component (#24) Aug 7, 2019
.jest chore(jest): throw error if missing package cache (#114) Oct 4, 2019
.vscode chore: add suggested vscode extensions (#93) Sep 11, 2019
docs feat(storybook): add theme switcher addon (#76) Sep 4, 2019
packages feat(website): SiteLink Component, replace Link with SiteLink (#135) Oct 15, 2019
tools chore: add script to sync peerDeps on lerna publish (#97) Sep 24, 2019
types feat(website): Add text color token accessibility rating to the token… Aug 13, 2019
.editorconfig Initial commit Jul 24, 2019
.eslintignore feat(website): gatsby-image and image plugins (#62) Aug 27, 2019
.eslintrc.js docs(website): added principles (#116) Oct 3, 2019
.gitignore chore(tools): update gitignore to not exclude the package cache for b… Jul 25, 2019
.nowignore chore(hosting): Set up zeit now hosting (#4) Jul 26, 2019
.nvmrc feat(website): add theme switcher and theme switching (#82) Sep 11, 2019
.prettierignore Initial commit Jul 24, 2019
.prettierrc Initial commit Jul 24, 2019 Feat: Add the design system backlog as placeholder package.json files ( Aug 1, 2019
LICENSE chore: update SOP and licenses (#68) Aug 26, 2019
babel.config.js feat(website): Add the tokens page (#19) Aug 7, 2019
commitlint.config.js chore: add commitlint (#10) Jul 26, 2019
jest.config.js Initial commit Jul 24, 2019
lerna.json Initial commit Jul 24, 2019 feat: ComponentHeader component, component overview fixes, more (#20) Aug 14, 2019
now.json fix: 404 page on zeit's now (#47) Aug 16, 2019
package.json feat(box): polish and fix (#125) Oct 9, 2019
tsconfig.json fix(website): automatically update website version from package (#99) Sep 19, 2019
yarn.lock test(box): adding snapshot tests (#133) Oct 11, 2019

Paste - Twilio Design System

Component playground: TODO link and host

Getting started

yarn bootstrap
yarn build
yarn start:all

Build things 🎉


Please check the contribution docs

Command List

Command Description
yarn bootstrap Symlinks all the local packages together so you can import package names and work with them locally.
yarn start Builds and starts storybook and the design tokens in dev mode
yarn start:all Builds and starts storybook,the design tokens and the website in dev mode
yarn start:storybook Builds and starts storybook, the dev playground
yarn start:tokens Builds and starts design tokens in dev mode. Loads a browsersync server and live reloads token changed in the token page
yarn clean Cleans the directories of node modules and built files
yarn prettier Checks for un-prettier'd files in the repo. For pre-push hook and CI.
yarn prettier-clean Automatically fixes all prettier issues in the repo.
yarn test Runs all the Jest tests, including snapshot testing.
yarn test:coverage Similar to yarn test, but with coverage reporting as specified in the root package.json
yarn lint Lints the codebase and spits out any errors.
yarn type-check Runs TS type-checker against the codebase and spits out any errors. Useful since we use babel at runtime with storybook.
yarn build:storybook Builds Storybook into static assets and places them in the /docs folder. For Github Pages hosting.
yarn build:tokens Builds the design tokens package under paste-tokens/
yarn build:dev Builds the compiled JS into /dist in dev mode
yarn build Builds the compiled JS into /dist
yarn pre-push A series of commands that are run as a pre-commit hook.
You can’t perform that action at this time.