-
Notifications
You must be signed in to change notification settings - Fork 4
/
styleguide.config.js
64 lines (63 loc) · 1.61 KB
/
styleguide.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
const path = require('path');
module.exports = {
title: 'App-Arena React Pattern',
pagePerSection: true,
styleguideDir: 'dist/docs',
sections: [
{
name: 'Atoms',
description: 'App-Arena Atom Components',
components: 'source/patterns/00-atoms/**/*.tsx',
},
{
name: 'Molecules',
description: 'App-Arena Molecule Components',
components: 'source/patterns/01-molecules/**/*.tsx',
},
{
name: 'Organisms',
description: 'App-Arena Organisms Components',
components: 'source/patterns/02-organisms/**/*.tsx',
},
{
name: 'Templates',
description: 'App-Arena Templates',
components: 'source/patterns/03-templates/**/*.tsx',
},
{
name: 'Pages',
description: 'App-Arena Pages',
components: 'source/patterns/04-pages/**/*.tsx',
},
{
name: 'Utils',
description: 'App-Arena Utility Components',
components: 'source/patterns/react-utils/**/*.tsx',
},
],
webpackConfig: require('./build/webpack/webpack.config.dev'),
propsParser: require('react-docgen-typescript').withDefaultConfig().parse,
resolver: require('react-docgen').resolver.findAllComponentDefinitions,
styleguideComponents: {
// StyleGuideRenderer: path.join(__dirname, 'source/styleguide/StyleGuide'),
},
template: {
head: {
links: [
{
href: 'https://fonts.googleapis.com/css?family=Roboto',
rel: 'stylesheet',
},
],
},
},
theme: {
fontFamily: {
base: 'Roboto',
},
color: {
base: '#000',
sidebarBackground: '#F8F9FA',
},
},
};