9.1.0 • Published 5 years ago

@sprucelabs/heartwood-components v9.1.0

Weekly downloads
25
License
ISC
Repository
github
Last release
5 years ago

Heartwood Components

Heartwood is a design system made of foundational decisions that ensure cohesion, allow for flexibility, and enable a smooth workflow.

Goals

  1. Translate static designs into live components built with HTML, CSS, and client-side JS
  2. Generate styles to be used by React components in React Sprucebot

Setup

  1. git clone this repo
  2. cd sprucebot-heartwood
  3. Install node modules: nvm use && yarn
  4. Install Gulp and Fractal CLI tools installed globally: yarn global @frctl/fractal && yarn global gulp-cli

Running the project locally

  1. Start Fractal with fractal start --sync
  2. Run Gulp to compile Sass to CSS: gulp watch

If you're running this project with react-sprucebot, you can pull in the local stylesheet by adding its url to .env, i.e. STYLESHEETS=http://xxx.xxx.xxx:3000/stylesheets/global.css.

Contributing

  1. New components should be added on feature branches, i.e. feature/my-new-component
  2. Documentation updates (anything in the doc directory) should be added to feature/documentation
  3. Open pull requests against master

Deploying to Github Pages

  1. Build Fractal as a static site: fractal build
  2. Compile styles and js: gulp styles && gulp js
  3. Run the deploy script: yarn deploy

Usage

Install the node module: yarn add @sprucelabs/heartwood-components

As Sass import (Recommended)

Import in Sass file:

@import ~@sprucelabs/heartwood-components/stylesheets/global.scss

Default variables can be overriden when the stylesheet is compiled. For example, to use red as a primary color:

$c-primary: red;

@import ~@sprucelabs/heartwood-components/stylesheets/global.scss

You can also selectively import parts of this library to keep your generated stylesheets smaller, i.e.

@import ~@sprucelabs/heartwood-components/stylesheets/core/core-styles;

@import ~@sprucelabs/heartwood-components/stylesheets/base/normalize;
@import ~@sprucelabs/heartwood-components/stylesheets/base/reset;
@import ~@sprucelabs/heartwood-components/stylesheets/base/base;
@import ~@sprucelabs/heartwood-components/stylesheets/base/utilities;
@import ~@sprucelabs/heartwood-components/stylesheets/base/type;

@import ~@sprucelabs/heartwood-components/components/01-button/button;

Note that when using this approach, you must import stylesheets/core/core-styles in order to import any component stylesheets.

With Webpack

Import all styles: import '@sprucelabs/heartwood-components/stylesheets/global.scss'

Additional Info

9.1.1-canary.132

5 years ago

10.2.0

5 years ago

10.1.0

5 years ago

10.0.1-canary.3

5 years ago

9.1.1-canary.116

5 years ago

9.1.1-canary.118

5 years ago

9.1.1-canary.124

5 years ago

9.1.1-canary.121

5 years ago

9.1.1-canary.130

5 years ago

9.1.1-canary.105

5 years ago

8.17.11-canary.1

5 years ago

9.1.1-canary.62

5 years ago

9.1.1-canary.103

5 years ago

9.1.1-canary.95

5 years ago

9.1.1-canary.83

5 years ago

9.1.1-canary.80

5 years ago

9.1.1-canary.60

5 years ago

9.1.1-canary.70

5 years ago

9.1.1-canary.58

5 years ago

9.1.1-canary.68

5 years ago

9.1.1-canary.56

5 years ago

9.1.1-canary.52

5 years ago

9.1.1-canary.51

5 years ago

9.2.0

5 years ago

9.1.1-canary.50

5 years ago

9.1.1-canary.40

5 years ago

9.1.1-canary.33

5 years ago

9.1.1-canary.36

5 years ago

9.1.1-canary.31

5 years ago

9.1.1-canary.16

5 years ago

9.1.1-canary.7

5 years ago

9.1.1-canary.5

5 years ago

9.1.1-canary.2

5 years ago

9.1.0

5 years ago

9.0.1-canary.203

5 years ago

9.0.1-canary.200

5 years ago

9.0.1-canary.197

5 years ago

9.0.1-canary.195

5 years ago

9.0.1-canary.193

5 years ago

9.0.1-canary.188

5 years ago

9.0.1-canary.184

5 years ago

9.0.1-canary.182

6 years ago

9.0.1-canary.174

6 years ago

9.0.1-canary.172

6 years ago

9.0.1-canary.169

6 years ago

9.0.1-canary.167

6 years ago

9.0.1-canary.165

6 years ago

9.0.1-canary.157

6 years ago

9.0.1-canary.154

6 years ago

9.0.1-canary.151

6 years ago

9.0.1-canary.149

6 years ago

9.0.1-canary.147

6 years ago

9.0.1-canary.136

6 years ago

9.0.1-canary.138

6 years ago

9.0.1-canary.132

6 years ago

9.0.1-canary.127

6 years ago

9.0.1-canary.123

6 years ago

9.0.1-canary.121

6 years ago

9.0.1-canary.102

6 years ago

9.0.1-canary.100

6 years ago

8.17.10

6 years ago

8.17.10-canary.5

6 years ago

9.0.1-canary.98

6 years ago

8.17.8-canary.7

6 years ago

9.0.1-canary.95

6 years ago

9.0.1-canary.92

6 years ago

9.0.1-canary.89

6 years ago

9.0.1-canary.85

6 years ago

9.0.1-canary.82

6 years ago

9.0.1-canary.75

6 years ago

9.0.1-canary.73

6 years ago

9.0.1-canary.67

6 years ago

9.0.1-canary.64

6 years ago

9.0.1-canary.60

6 years ago

9.0.1-canary.57

6 years ago

9.0.1-canary.6

6 years ago

8.17.8-canary.5

6 years ago

8.17.9

6 years ago

8.17.8-canary.4

6 years ago

8.17.8

6 years ago

8.17.8-canary.2

6 years ago

9.0.1-canary.0

6 years ago

9.0.0

6 years ago

8.18.1-canary.5

6 years ago

8.18.1-canary.4

6 years ago

8.17.1-canary.99

6 years ago

8.17.1-canary.98

6 years ago

8.17.1-canary.97

6 years ago

8.17.1-canary.96

6 years ago

8.17.1-canary.95

6 years ago

8.17.1-canary.93

6 years ago

8.17.1-canary.92

6 years ago

8.17.1-canary.91

6 years ago

8.17.1-canary.90

6 years ago

8.17.1-canary.89

6 years ago

8.17.1-canary.88

6 years ago

8.17.1-canary.87

6 years ago

8.17.1-canary.86

6 years ago

8.17.1-canary.84

6 years ago

8.17.1-canary.83

6 years ago

8.17.1-canary.82

6 years ago

8.17.1-canary.81

6 years ago

8.17.1-canary.80

6 years ago

8.17.1-canary.79

6 years ago

8.17.1-canary.78

6 years ago

8.17.1-canary.77

6 years ago

8.17.1-canary.76

6 years ago

8.17.1-canary.75

6 years ago

8.17.1-canary.74

6 years ago

8.17.1-canary.73

6 years ago

8.17.1-canary.72

6 years ago

8.17.1-canary.71

6 years ago

8.17.1-canary.70

6 years ago

8.17.1-canary.69

6 years ago

8.17.1-canary.68

6 years ago

8.17.1-canary.67

6 years ago

8.17.1-canary.66

6 years ago

8.17.1-canary.64

6 years ago

8.17.1-canary.63

6 years ago

8.17.1-canary.62

6 years ago

8.17.1-canary.61

6 years ago

8.17.1-canary.60

6 years ago

8.17.1-canary.59

6 years ago

8.17.1-canary.58

6 years ago

8.17.1-canary.57

6 years ago

8.17.1-canary.55

6 years ago

8.17.1-canary.54

6 years ago

8.17.1-canary.53

6 years ago

8.17.1-canary.52

6 years ago

8.17.1-canary.51

6 years ago

8.17.1-canary.50

6 years ago

8.17.1-canary.49

6 years ago

8.17.1-canary.48

6 years ago

8.17.1-canary.47

6 years ago

8.17.1-canary.46

6 years ago

8.17.1-canary.45

6 years ago

8.17.1-canary.44

6 years ago

8.17.1-canary.43

6 years ago

8.17.1-canary.42

6 years ago

8.17.1-canary.41

6 years ago

8.17.1-canary.40

6 years ago

8.17.1-canary.39

6 years ago

8.17.1-canary.38

6 years ago

8.17.1-canary.37

6 years ago

8.17.1-canary.36

6 years ago

8.17.1-canary.35

6 years ago

8.17.1-canary.34

6 years ago

8.17.1-canary.33

6 years ago

8.17.1-canary.32

6 years ago

8.17.1-canary.31

6 years ago

8.17.1-canary.30

6 years ago

8.17.1-canary.29

6 years ago

8.17.1-canary.28

6 years ago

8.17.1-canary.27

6 years ago

8.17.1-canary.26

6 years ago

8.17.1-canary.25

6 years ago

8.17.1-canary.24

6 years ago

8.17.1-canary.23

6 years ago

8.17.1-canary.22

6 years ago

8.17.1-canary.21

6 years ago

8.17.1-canary.20

6 years ago

8.17.1-canary.19

6 years ago

8.17.1-canary.18

6 years ago

8.17.1-canary.17

6 years ago

8.17.1-canary.16

6 years ago

8.17.1-canary.15

6 years ago

8.17.1-canary.14

6 years ago

8.17.1-canary.13

6 years ago

8.17.7

6 years ago

8.17.6

6 years ago

8.17.5

6 years ago

8.17.1-canary.12

6 years ago

8.17.1-canary.11

6 years ago

8.17.1-canary.10

6 years ago

8.17.1-canary.9

6 years ago

8.17.4

6 years ago

8.17.1-canary.8

6 years ago

8.17.3

6 years ago

8.17.1-canary.6

6 years ago

8.17.2

6 years ago

8.17.1-canary.5

6 years ago

8.17.1-canary.4

6 years ago

8.17.1-canary.3

6 years ago

8.17.1-canary.2

6 years ago

8.17.1-canary.1

6 years ago

8.17.1

6 years ago

8.17.1-canary.0

6 years ago

8.17.0

6 years ago

8.16.3-canary.1

6 years ago

8.16.3-canary.0

6 years ago

8.16.2

6 years ago

8.15.3-canary.61

6 years ago

8.15.3-canary.60

6 years ago

8.15.3-canary.59

6 years ago

8.16.1

6 years ago

8.15.3-canary.58

6 years ago

8.15.3-canary.57

6 years ago

8.16.0

6 years ago

8.15.3-canary.56

6 years ago

8.15.3-canary.55

6 years ago

8.15.3-canary.53

6 years ago

8.15.3-canary.52

6 years ago

8.15.3-canary.51

6 years ago

8.15.3-canary.50

6 years ago

8.15.3-canary.49

6 years ago

8.15.3-canary.48

6 years ago

8.15.3-canary.47

6 years ago

8.15.3-canary.46

6 years ago

8.15.3-canary.45

6 years ago

8.15.3-canary.44

6 years ago

8.15.3-canary.43

6 years ago

8.15.3-canary.42

6 years ago

8.15.3-canary.41

6 years ago

8.15.3-canary.40

6 years ago

8.15.3-canary.39

6 years ago

8.15.3-canary.38

6 years ago

8.15.3-canary.37

6 years ago

8.15.3-canary.36

6 years ago

8.15.3-canary.35

6 years ago

8.15.3-canary.34

6 years ago

8.15.3-canary.33

6 years ago

8.15.3-canary.32

6 years ago

8.15.3-canary.31

6 years ago

8.15.3-canary.30

6 years ago

8.15.3-canary.29

6 years ago

8.15.3-canary.28

6 years ago

8.15.3-canary.27

6 years ago

8.15.3-canary.26

6 years ago

8.15.3-canary.24

6 years ago

8.15.3-canary.23

6 years ago

8.15.3-canary.22

6 years ago

8.15.3-canary.21

6 years ago

8.15.3-canary.19

6 years ago

8.15.3-canary.18

6 years ago

8.15.3-canary.17

6 years ago

8.15.3-canary.16

6 years ago

8.15.3-canary.15

6 years ago

8.15.3-canary.14

6 years ago

8.15.3-canary.13

6 years ago

8.15.3-canary.12

6 years ago

8.15.3-canary.11

6 years ago

8.15.3-canary.10

6 years ago

8.15.3-canary.9

6 years ago

8.15.3-canary.8

6 years ago

8.15.3-canary.7

6 years ago

8.15.3-canary.6

6 years ago

8.15.3-canary.5

6 years ago

8.15.3-canary.4

6 years ago

8.15.3-canary.3

6 years ago

8.15.3-canary.2

6 years ago

8.15.3-canary.1

6 years ago

8.15.3-canary.0

6 years ago

8.15.2

6 years ago

8.13.1-canary.80

6 years ago

8.13.1-canary.79

6 years ago

8.13.1-canary.78

6 years ago

8.15.1

6 years ago

8.13.1-canary.77

6 years ago

8.13.1-canary.76

6 years ago

8.13.1-canary.75

6 years ago

8.13.1-canary.74

6 years ago

8.15.0

6 years ago

8.13.1-canary.73

6 years ago

8.13.1-canary.72

6 years ago

8.14.0

6 years ago

8.13.1-canary.71

6 years ago

8.13.1-canary.70

6 years ago

8.13.1-canary.69

6 years ago

8.13.1-canary.68

6 years ago

8.13.1-canary.67

6 years ago

8.13.1-canary.66

6 years ago

8.13.1-canary.65

6 years ago

8.13.1-canary.64

6 years ago

8.13.1-canary.63

6 years ago

8.13.1-canary.62

6 years ago

8.13.1-canary.61

6 years ago

8.13.1-canary.60

6 years ago

8.13.1-canary.59

6 years ago

8.13.1-canary.58

6 years ago

8.13.1-canary.57

6 years ago

8.13.1-canary.56

6 years ago

8.13.1-canary.55

6 years ago

8.13.1-canary.54

6 years ago

8.13.1-canary.53

6 years ago

8.13.1-canary.52

6 years ago

8.13.1-canary.51

6 years ago

8.13.1-canary.50

6 years ago

8.13.1-canary.49

6 years ago

8.13.1-canary.48

6 years ago

8.13.1-canary.47

6 years ago

8.13.1-canary.46

6 years ago

8.13.1-canary.45

6 years ago

8.13.1-canary.44

6 years ago

8.13.1-canary.43

6 years ago

8.13.1-canary.42

6 years ago

8.13.1-canary.41

6 years ago

8.13.1-canary.40

6 years ago

8.13.1-canary.39

6 years ago

8.13.1-canary.38

6 years ago

8.13.1-canary.37

6 years ago

8.13.1-canary.36

6 years ago

8.13.1-canary.35

6 years ago

8.13.1-canary.34

6 years ago

8.13.1-canary.33

6 years ago

8.13.1-canary.32

6 years ago

8.13.1-canary.31

6 years ago

8.13.1-canary.30

6 years ago

8.13.1-canary.29

6 years ago

8.13.1-canary.28

6 years ago

8.13.1-canary.27

6 years ago

8.13.1-canary.26

6 years ago

8.13.1-canary.25

6 years ago

8.13.1-canary.24

6 years ago

8.13.1-canary.23

6 years ago

8.13.1-canary.22

6 years ago

8.13.1-canary.21

6 years ago

8.13.1-canary.20

6 years ago

8.13.1-canary.19

6 years ago

8.13.1-canary.18

6 years ago

8.13.1-canary.17

6 years ago

8.13.1-canary.16

6 years ago

8.13.1-canary.15

6 years ago

8.13.1-canary.14

6 years ago

8.13.1-canary.13

6 years ago

8.13.1-canary.12

6 years ago

8.13.1-canary.11

6 years ago

8.13.1-canary.10

6 years ago

8.13.1-canary.9

6 years ago

8.13.1-canary.8

6 years ago

8.13.1-canary.7

6 years ago

8.13.1-canary.6

6 years ago

8.13.1-canary.5

6 years ago

8.13.1-canary.4

6 years ago

8.13.1-canary.3

6 years ago

8.13.1-canary.2

6 years ago

8.13.1-canary.1

6 years ago

8.13.1-canary.0

6 years ago

8.13.0

6 years ago

8.12.1-canary.20

6 years ago

8.12.1-canary.19

6 years ago

8.12.1-canary.18

6 years ago

8.12.1-canary.17

6 years ago

8.12.1-canary.16

6 years ago

8.12.1-canary.15

6 years ago

8.12.1-canary.14

6 years ago

8.12.1-canary.13

6 years ago

8.12.1-canary.12

6 years ago

8.12.1-canary.11

6 years ago

8.12.1-canary.10

6 years ago

8.12.1-canary.9

6 years ago

8.12.1-canary.8

6 years ago

8.12.1-canary.7

6 years ago

8.12.1-canary.6

6 years ago

8.12.1-canary.5

6 years ago

8.12.1-canary.4

6 years ago

8.12.1-canary.3

6 years ago

8.12.1-canary.2

6 years ago

8.12.1-canary.1

6 years ago

8.12.1-canary.0

6 years ago

8.12.0

6 years ago

8.11.0

6 years ago

8.10.1-canary.99

6 years ago

8.10.1-canary.98

6 years ago

8.10.1-canary.97

6 years ago

8.10.1-canary.95

6 years ago

8.10.1-canary.94

6 years ago

8.10.1-canary.93

6 years ago

8.10.1-canary.92

6 years ago

8.10.1-canary.91

6 years ago

8.10.1-canary.90

6 years ago

8.10.1-canary.89

6 years ago

8.10.1-canary.88

6 years ago

8.10.1-canary.87

6 years ago

8.10.1-canary.86

6 years ago

8.10.1-canary.85

6 years ago

8.10.1-canary.84

6 years ago

8.10.1-canary.83

6 years ago

8.10.1-canary.82

6 years ago

8.10.1-canary.81

6 years ago

8.10.1-canary.80

6 years ago

8.10.1-canary.79

6 years ago

8.10.1-canary.78

6 years ago

8.10.1-canary.77

6 years ago

8.10.1-canary.76

6 years ago

8.10.1-canary.75

6 years ago

8.10.1-canary.74

6 years ago

8.10.1-canary.73

6 years ago

8.10.1-canary.72

6 years ago

8.10.1-canary.71

6 years ago

8.10.1-canary.70

6 years ago

8.10.1-canary.69

6 years ago

8.10.1-canary.68

6 years ago

8.10.1-canary.67

6 years ago

8.10.1-canary.66

6 years ago

8.10.1-canary.65

6 years ago

8.10.1-canary.64

6 years ago

8.10.1-canary.63

6 years ago

8.10.1-canary.62

6 years ago

8.10.1-canary.61

6 years ago

8.10.1-canary.60

6 years ago

8.10.1-canary.59

6 years ago

8.10.1-canary.58

6 years ago

8.10.1-canary.57

6 years ago

8.10.1-canary.56

6 years ago

8.10.1-canary.55

6 years ago

8.10.1-canary.54

6 years ago

8.10.1-canary.52

6 years ago

8.10.1-canary.51

6 years ago

8.10.1-canary.50

6 years ago

8.10.1-canary.49

6 years ago

8.10.1-canary.48

6 years ago

8.10.1-canary.47

6 years ago

8.10.1-canary.46

6 years ago

8.10.1-canary.45

6 years ago

8.10.1-canary.44

6 years ago

8.10.1-canary.43

6 years ago

8.10.1-canary.42

6 years ago

8.10.1-canary.41

6 years ago

8.10.1-canary.40

6 years ago

8.10.1-canary.39

6 years ago

8.10.1-canary.38

6 years ago

8.10.1-canary.37

6 years ago

8.10.1-canary.36

6 years ago

8.10.1-canary.35

6 years ago

8.10.1-canary.34

6 years ago

8.10.1-canary.33

6 years ago

8.10.1-canary.32

6 years ago

8.10.1-canary.31

6 years ago

8.10.1-canary.30

6 years ago

8.10.1-canary.29

6 years ago

8.10.1-canary.28

7 years ago

8.10.1-canary.27

7 years ago

8.10.1-canary.26

7 years ago

8.10.1-canary.25

7 years ago

8.10.1-canary.24

7 years ago

8.10.1-canary.23

7 years ago

8.10.1-canary.22

7 years ago

8.10.1-canary.21

7 years ago

8.10.1-canary.20

7 years ago

8.10.1-canary.19

7 years ago

8.10.1-canary.18

7 years ago

8.10.1-canary.17

7 years ago

8.10.1-canary.16

7 years ago

8.10.1-canary.15

7 years ago

8.10.1-canary.14

7 years ago

8.10.1-canary.13

7 years ago

8.10.1-canary.12

7 years ago

8.10.1-canary.11

7 years ago

8.10.1-canary.10

7 years ago

8.10.1-canary.9

7 years ago

8.10.1-alpha.8

7 years ago

8.10.1

7 years ago

8.10.1-canary.0

7 years ago

8.10.0

7 years ago

8.9.1

7 years ago

8.9.0

7 years ago

8.8.0

7 years ago

8.7.0

7 years ago

8.6.3

7 years ago

8.6.2

7 years ago

8.6.1

7 years ago

8.6.0

7 years ago

8.5.4

7 years ago

8.5.3

7 years ago

8.5.2

7 years ago

8.5.1

7 years ago

8.5.0

7 years ago

8.4.0

7 years ago

8.3.4

7 years ago

8.3.3

7 years ago

8.3.2

7 years ago

8.3.1

7 years ago

8.3.0

7 years ago

8.2.1

7 years ago

8.2.0

7 years ago

8.1.5

7 years ago

8.1.4

7 years ago

8.1.3

7 years ago

8.1.2

7 years ago

8.1.1

7 years ago

8.1.0

7 years ago

8.0.2

7 years ago

8.0.1

7 years ago

8.0.0

7 years ago

7.9.1

7 years ago

7.9.0

7 years ago

0.8.3

7 years ago

0.8.2

7 years ago

0.8.1

7 years ago

0.8.0

7 years ago

0.7.0

7 years ago

0.6.8

7 years ago

0.6.7

7 years ago

0.6.6

7 years ago

0.6.5

7 years ago

0.6.4

7 years ago

0.6.3

7 years ago

0.6.2

7 years ago

0.6.1

7 years ago

0.6.0

7 years ago

0.5.0

7 years ago

0.4.0

7 years ago

0.3.0

7 years ago