1.31.0 • Published 4 months ago

@weareberyl/design-system v1.31.0

Weekly downloads
408
License
MIT
Repository
-
Last release
4 months ago

Beryl Design system

CircleCI

Primitive components for react-native-web & Beryl branded components

yarn add @weareberyl/design-system

For web

You also need to install peer dependencies:

yarn add react react-dom react-art

For native

Everything should work as normal without any changes.

Running the storybook

yarn start

Testing changes in other projects

We'll use yalc to better simulate a npm package publish and install. So, first, follow the steps from yalc to install it in your machine.

Setup

On beryl-design-system folder:

yarn build # builds the design system package
yalc publish # publishes as a npm package, but locally

On basis-engineering folder (or any other project):

yalc add @weareberyl/design-system # install from the "local npm"
yarn install # make sure added dependency is used, yarn.lock is updated
yarn start # make sure packager is restarted

Making changes

After making changes to the design system code, we need to publish the changes once again.

On beryl-design-system folder:

yarn build # builds the design system package with the changes
yalc publish --push # updates the published local package

On basis-engineering folder (or any other project):

yarn install # make sure added dependency updated
yarn start # make sure packager is restarted

Cleanup

On basis-engineering folder (or any other project):

yalc remove @weareberyl/design-system # puts back the symlink to the npm package
yarn install # updates yarn.lock

Deploying the storybook

yarn storybook:build
yarn storybook:deploy

Releasing the package

Releases are managed by git tags. So to make a release do git tag with your version eg 0.1.4-rc.1, then push the tag. Note unlike git tags npm packages can't be hard pushed over.

Accessibility

Make sure we add accesibility tags mentioned here: https://github.com/necolas/react-native-web/blob/master/docs/guides/accessibility.md

Api decisions

Largely inspired by jxnblk and rebass read this - http://jxnblk.com/blog/defining-component-apis-in-react/

  • Everything in /primitives is essentially a implementation of rebass with react-native-web, which should be highly configureable agnostic components.
  • Everything in /components are beryl specific configurations and composistions of the primitive components.
1.31.0-rc.1

4 months ago

1.31.0-rc.0

4 months ago

1.30.0-rc.2

4 months ago

1.30.0-rc.3

4 months ago

1.30.0-rc.1

4 months ago

1.30.0-rc.6

4 months ago

1.30.0-rc.5

4 months ago

1.30.0

4 months ago

1.31.0

4 months ago

1.29.0

4 months ago

1.29.1

4 months ago

1.30.0-rc.0

4 months ago

1.27.1-rc.0

4 months ago

0.27.0

4 months ago

1.27.0

4 months ago

1.27.1

4 months ago

1.28.0

4 months ago

1.26.0

5 months ago

1.25.0

7 months ago

1.25.0-rc.1

8 months ago

1.24.0

8 months ago

1.23.0

8 months ago

1.22.0

9 months ago

1.22.0-rc.0

9 months ago

1.21.0

9 months ago

1.20.0-rc.0

9 months ago

1.20.0

9 months ago

1.19.9

9 months ago

1.19.9-rc.0

9 months ago

1.19.9-rc.1

9 months ago

1.19.8

10 months ago

1.19.7

10 months ago

1.19.6

10 months ago

1.19.5

11 months ago

1.19.7-rc.0

10 months ago

1.19.6-rc.0

10 months ago

1.19.5-rc.0

11 months ago

1.19.5-rc.1

11 months ago

1.19.4

11 months ago

1.19.3

11 months ago

1.19.2

11 months ago

1.19.1

11 months ago

1.19.0

11 months ago

1.19.0-rc.0

11 months ago

1.18.0

12 months ago

1.17.0-rc.1

1 year ago

1.15.0

1 year ago

1.15.2

1 year ago

1.15.1

1 year ago

1.16.0

1 year ago

1.17.0

1 year ago

1.18.0-rc.0

1 year ago

1.14.11

1 year ago

1.14.10-rc.0

1 year ago

1.14.10-rc.1

1 year ago

1.14.10-rc.2

1 year ago

1.14.10

1 year ago

1.14.9

1 year ago

1.14.9-rc.1

1 year ago

1.14.9-rc.0

1 year ago

1.14.8

2 years ago

1.14.6-rc.1

2 years ago

1.14.7-rc.1

2 years ago

1.14.7-rc.2

2 years ago

1.14.7-rc.3

2 years ago

1.14.7-rc.0

2 years ago

1.14.3-rc.0

2 years ago

1.13.4

2 years ago

1.14.1-rc.0

2 years ago

1.14.1

2 years ago

1.14.0

2 years ago

1.14.5

2 years ago

1.14.4

2 years ago

1.14.3

2 years ago

1.14.2

2 years ago

1.14.7

2 years ago

1.14.6

2 years ago

1.14.4-rc.0

2 years ago

1.14.2-rc.0

2 years ago

1.14.2-rc.1

2 years ago

1.14.2-rc.2

2 years ago

1.10.5

3 years ago

1.10.4

3 years ago

1.10.3

3 years ago

1.10.2

3 years ago

1.10.7

3 years ago

1.10.6

3 years ago

1.9.3-rc.0

3 years ago

1.13.4-rc.0

2 years ago

1.10.1-rc.10

3 years ago

1.10.1-rc.11

3 years ago

1.12.6-rc.3

2 years ago

1.12.6-rc.1

2 years ago

1.12.6-rc.0

2 years ago

1.10.1

3 years ago

1.10.0

3 years ago

1.12.3

3 years ago

1.12.2

3 years ago

1.12.1

3 years ago

1.12.0

3 years ago

1.12.7

2 years ago

1.12.6

2 years ago

1.12.5

2 years ago

1.12.4

2 years ago

1.12.9

2 years ago

1.11.0

3 years ago

1.9.5-rc.0

3 years ago

1.13.2

2 years ago

1.13.1

2 years ago

1.13.0

2 years ago

1.13.3

2 years ago

1.13.0-rc.0

2 years ago

1.10.1-rc.9

3 years ago

1.10.1-rc.7

3 years ago

1.10.1-rc.8

3 years ago

1.10.1-rc.2

3 years ago

1.10.1-rc.3

3 years ago

1.9.6-rc.0

3 years ago

1.12.8-rc.1

2 years ago

1.9.4-rc.2

3 years ago

1.9.4-rc.3

3 years ago

1.9.4-rc.0

3 years ago

1.9.4-rc.1

3 years ago

1.12.10

2 years ago

1.9.6

3 years ago

1.9.5

3 years ago

1.9.3

3 years ago

1.11.1-rc.0

3 years ago

1.10.0-rc.0

3 years ago

1.10.2-rc.0

3 years ago

1.6.0

4 years ago

1.7.1-rc.0

4 years ago

1.7.1-rc.2

4 years ago

1.7.1-rc.1

4 years ago

1.9.0-rc.1

4 years ago

1.9.0-rc.3

3 years ago

1.9.0-rc.2

3 years ago

1.9.1

3 years ago

1.8.1

4 years ago

1.8.0

4 years ago

1.7.0-rc.4

4 years ago

1.7.0-rc.5

4 years ago

1.7.0-rc.2

4 years ago

1.7.0-rc.0

4 years ago

1.7.0-rc.1

4 years ago

1.9.2

3 years ago

1.9.2-rc.0

3 years ago

1.7.0

4 years ago

1.8.1-rc.0

4 years ago

1.6.0-rc.7

4 years ago

1.6.0-rc.6

4 years ago

1.6.0-rc.5

4 years ago

1.6.0-rc.4

4 years ago

1.5.5-rc.1

4 years ago

1.5.5-rc.3

4 years ago

1.5.5-rc.4

4 years ago

1.6.0-rc.3

4 years ago

1.6.0-rc.2

4 years ago

1.5.4

4 years ago

1.5.5-rc.0

4 years ago

1.6.0-rc.1

4 years ago

1.6.0-rc.0

4 years ago

1.5.3

4 years ago

1.5.3-rc.0

4 years ago

1.5.3-rc.2

4 years ago

1.5.3-rc.1

4 years ago

1.5.2

4 years ago

1.5.1

4 years ago

1.5.2-rc.2

4 years ago

1.5.2-rc.0

4 years ago

1.5.2-rc.1

4 years ago

1.5.0-rc.7

4 years ago

1.5.0-rc.8

4 years ago

1.5.0

4 years ago

1.5.0-rc.6

4 years ago

1.4.5-rc.0

4 years ago

1.5.0-rc.3

4 years ago

1.5.0-rc.4

4 years ago

1.5.0-rc.5

4 years ago

1.4.7-rc.0

4 years ago

1.4.6

4 years ago

1.4.5

4 years ago

1.4.6-rc.3

4 years ago

1.4.6-rc.0

4 years ago

1.4.6-rc.1

4 years ago

1.4.6-rc.2

4 years ago

1.4.8

4 years ago

1.4.7

4 years ago

1.4.4

4 years ago

1.4.4-rc.1

4 years ago

1.5.0-rc.1

4 years ago

1.5.0-rc.2

4 years ago

1.4.3

4 years ago

1.4.3-rc.1

4 years ago

1.4.2

4 years ago

1.4.2-rc.1

4 years ago

1.4.2-rc.0

4 years ago

1.4.1

4 years ago

1.4.1-rc.2

4 years ago

1.4.1-rc.1

4 years ago

1.4.0

4 years ago

1.4.0-rc.3

4 years ago

1.4.0-rc.2

4 years ago

1.4.0-rc.1

4 years ago

1.3.7

5 years ago

1.3.7-rc.1

5 years ago

1.3.6

5 years ago

1.3.5

5 years ago

1.3.4-rc.1

5 years ago

1.3.4

5 years ago

1.3.3

5 years ago

1.3.3-rc.2

5 years ago

1.3.3-rc.1

5 years ago

1.3.2

5 years ago

1.3.2-rc.2

5 years ago

1.3.2-rc.1

5 years ago

1.3.1

5 years ago

1.3.0

5 years ago

1.2.10-rc.2

5 years ago

1.2.10-rc.3

5 years ago

1.2.10-rc.1

5 years ago

1.2.9

5 years ago

1.2.8

5 years ago

1.2.8-rc.5

5 years ago

1.2.8-rc.4

5 years ago

1.2.8-rc.3

5 years ago

1.2.8-rc.2

5 years ago

1.2.8-rc.1

5 years ago

1.2.7

5 years ago

1.2.7-rc.7

5 years ago

1.2.7-rc.6

5 years ago

1.2.7-rc.5

5 years ago

1.2.7-rc.4

5 years ago

1.2.7-rc.3

5 years ago

1.2.7-rc.2

5 years ago

1.2.7-rc.1

5 years ago

1.2.6

5 years ago

1.2.6-rc.3

5 years ago

1.2.6-rc.2

5 years ago

1.2.6-rc.1

5 years ago

1.2.5

5 years ago

1.2.5-rc.1

5 years ago

1.2.4

5 years ago

1.2.4-rc.2

5 years ago

1.2.3

5 years ago

1.2.4-rc.1

5 years ago

1.2.2

5 years ago

1.2.1

5 years ago

1.2.0

5 years ago

1.1.1-rc.0

5 years ago

1.1.0

5 years ago

1.0.17-rc.1

5 years ago

1.0.16

6 years ago

1.0.16-rc.1

6 years ago

1.0.15

6 years ago

1.0.15-rc.1

6 years ago

1.0.14-rc.1

6 years ago

1.0.14

6 years ago

1.0.13

6 years ago

1.0.13-rc.1

6 years ago

1.0.12

6 years ago

1.0.12-rc.3

6 years ago

1.0.12-rc.2

6 years ago

1.0.11-rc.16

6 years ago

1.0.11-rc.15

6 years ago

1.0.11-rc.14

6 years ago

1.0.11-rc.12

6 years ago

1.0.11-rc.11

6 years ago

1.0.11-rc.10

6 years ago

1.0.11-rc.9

6 years ago

1.0.11-rc.8

6 years ago

1.0.11-rc.7

6 years ago

1.0.11-rc.6

6 years ago

1.0.11-rc.5

6 years ago

1.0.11-rc.4

6 years ago

1.1.0-rc.2

6 years ago

1.1.0-rc.1

6 years ago

1.0.11-rc.3

6 years ago

1.0.11-rc.2

6 years ago

1.0.11-rc.1

6 years ago

1.0.10

6 years ago

1.0.10-rc.6

6 years ago

1.0.10-rc.5

6 years ago

1.0.10-rc.4

6 years ago

1.0.10-rc.3

6 years ago

1.0.9-rc.1

6 years ago

1.0.8

6 years ago

1.0.8-rc.1

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

0.1.5-rc.23

6 years ago

0.1.5-rc.22

6 years ago

0.1.5-rc.21

6 years ago

0.1.5-rc.20

6 years ago

0.1.5-rc.19

6 years ago

0.1.5-rc.18

6 years ago

0.1.5-rc.17

6 years ago

0.1.5-rc.16

6 years ago

0.1.5-rc.15

6 years ago

0.1.5-rc.14

6 years ago

0.1.5-rc.13

6 years ago

0.1.5-rc.12

6 years ago

0.1.5-rc.11

6 years ago

0.1.5-rc.10

6 years ago

0.1.5-rc.9

6 years ago

0.1.5-rc.8

6 years ago

0.1.5-rc.7

6 years ago

0.1.4-rc.4

6 years ago

0.1.4-rc.3

6 years ago

0.1.4-rc.2

6 years ago

0.1.4-rc.1

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago