open-index/open-npm huggingface dataset:
npm package: @gio-design-old/components
Description: growingio react ui
Author: fuhuan
Latest version: 1.2.7

# GrowingIO Design System

## Getting Started

[Documention](http://growingio.design)

### Theme

目前可在 webpack.config.js 中配置 less 的 modifyVars 进行覆盖，变量名可参考 src/styleSheet 目录下的 less 文件
```
  loader: 'less-loader',
  options: {
    modifyVars: {
      '@color-primary': '#f48267'
    }
  }
```

## Development

### Scripts

- **npm start**
使用 webpack-dev-server 启动本地开发服务器，地址为 localhost:9000
默认展示的组件是 Playground，可以利用这个组件对其他组件进行测试。如果需要在本地开发时同步调试其他项目，可使用 [yarn link](https://yarnpkg.com/lang/en/docs/cli/link/)

- **npm run compile_bundle**
使用 rollup 进行打包。
会将所有的代码集中打包为一个 bundle 存放在build目录下，可以生成多种格式的文件，es，cjs 等
样式文件会集中打包为一个 css 文件。

- **npm run compile_lib**
使用 rollup 进行打包。
会将每一个组件分别进行打包，存放在 lib 目录下，生成的文件格式默认为 es
每个组件的样式文件会被打包成 css 文件，分别放在该组件的目录下

- **npm build**
依次运行 compile_bundle 和 compile_lib

#### publish

为避免产生额外的 commit 和 tag，请不要使用 lerna publish，可以使用以下命令代替
```
lerna version --amend --no-git-tag-version
git commit -a --amend --no-edit // gcan!
lerna publish from-package
```

### Specs

#### CSS
#### 版本
参考 [语意化版本](https://semver.org/lang/zh-CN/)

### Doc

参考 packages/website

### Todo
npm package: @gio-design-old/icon
Description: GrowingIO Design System Icons
Author: Zhang Yuxiang
Latest version: 1.2.0

# Icon

## Usage

```
import Icon from '@gio-design/icon';

...
<Icon type='android' />
...
```

## Develop

将 svg 文件保存到 assets 的子目录中，子目录名即分类名，svg 文件名即 Icon 的 type
执行 `yarn build:icon`

`script/gen-list.js` 用于生成 icon 列表在文档中展示