sitaggart

@twilio-paste/design-tokens

Paste Design System Tokens package with a number of different formats for Web, Mobile, and Sketch.

@twilio-paste/heading

A Heading is text that gives hierarchical structure to a page.

@twilio-paste/input

An Input is a form element that lets users enter one of various types of text on a single line.

@twilio-paste/button

A Button is a clickable element which communicates that users can trigger an action.

@twilio-paste/anchor

An Anchor is text that navigates the user from one webpage to another.

@twilio-paste/spinner

A Spinner is an animation that communicates a loading state to users.

@twilio-paste/box

The Box primitive is one of the pillars of our system. It can be any HTML element and can receive many of our token values as props. We use Box to build most of our other components.

@twilio-paste/media-object

Media Object is a layout utility that allows an image or figure to be positioned horizontally next to some form of content.

@twilio-paste/screen-reader-only

Screen Reader Only is a utility that visually hides content to provide an accessible experience for users of assistive technology.

@twilio-paste/text

The Text component is a primitive of the system and can output any supported text style provided by our design tokens. Coupled with Box, it underpins most of our components.

@twilio-paste/truncate

Truncate is a wrapper that shortens a string of text that overflows a defined area.

@twilio-paste/icons

Twilio's icon library, ready for use and with accessibility considerations

@twilio-paste/theme

Paste Design System Theme Package which provides support for APIs to theme UIs and components.

color-combos

Get accessibility information about colour combinations

@sitaggart/eslint-config-ts

eslint config for typescript projects

@sitaggart/eslint-config-react

eslint config for react projects

@sitaggart/prettier-config

prettier config for personal projects

@sitaggart/eslint-config

base eslint config for most projects