LivePerson Design System

Checkout the demos

Developing

LPDS is using Monorepo development strategy and Lerna tool to work with it.

If you want to run the project locally, its really easy!

This project uses Storybook for its demos and development environment.

1. Clone repo

git clone https://github.com/LivePersonInc/lp-design-system.git

2. Install dependencies

yarn install

3. Bootstrap project

yarn bootstrap

4. Start Storybook

yarn start

Once started the browser will open to the storybook url. From here you can see and try all things that LPDS provides

Storybook deploying

To deploy a new version of LPDS documentation (Storybook) to GH Pages you can simply run this command:

yarn deploy

Publishing

To run publishing process simply run this script

yarn publish:all

NOTE: before run this command you have define GH_TOKEN environment variable in .env file. This is your GitHub authentication token (under Settings > Developer settings > Personal access tokens).

Release

To run release process simply run this script

yarn release

Other scripts

There are few NPM scripts to help work with the project

yarn build:components - to build LPDS components
yarn build:icons - to build LPDS icons
yarn build:all - to build all packages

itay1313/lp-design-system