Design tokens
Take advantage of Seeds' core styles in your code, no matter what technologies you use.
Design tokens documented on Seeds are available as variables for a variety of platforms that can be installed via your package manager of choice. Using the official Seeds packages means you'll get any future updates to our values and allows you to copy and paste variable names from the Seeds website directly into your code.
On versioning:
Seeds packages use Semantic Versioning so that consumers can easily understand the types of changes between two versions by comparing the version numbers. All version numbers follow this format: major.minor.patch
When we release updates to these packages, we follow these guidelines when bumping the version numbers:
majoris incremented when there are breakinng changesminoris incremented when non-breaking features are addedpatchis incremented when a bug is fixed
Color
v2.2.0Yarn
yarn add @sproutsocial/seeds-colornpm
npm install @sproutsocial/seeds-color --saveFile structure
- seeds-color
 
Network color
v2.20.0Yarn
yarn add @sproutsocial/seeds-networkcolornpm
npm install @sproutsocial/seeds-networkcolor --saveFile structure
- seeds-networkcolor
 
Typography
v3.7.0Yarn
yarn add @sproutsocial/seeds-typographynpm
npm install @sproutsocial/seeds-typography --saveFile structure
- seeds-typography
 
Space
v0.8.0Yarn
yarn add @sproutsocial/seeds-spacenpm
npm install @sproutsocial/seeds-space --saveFile structure
- seeds-space
 
Border
v1.7.0Yarn
yarn add @sproutsocial/seeds-bordernpm
npm install @sproutsocial/seeds-border --saveFile structure
- seeds-border
 
Motion
v1.8.1Yarn
yarn add @sproutsocial/seeds-motionnpm
npm install @sproutsocial/seeds-motion --saveFile structure
- seeds-motion