freemium-ui 2.0.17 → 2.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/README.md +86 -0
- package/dist/index.cjs.js +16653 -0
- package/dist/index.d.ts +1748 -0
- package/dist/index.js +16478 -0
- package/dist/package.json +74 -0
- package/lib/index.cjs.js +2 -2
- package/lib/index.js +2 -2
- package/lib/package.json +1 -1
- package/package.json +1 -1
package/dist/README.md
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
<h1 align="center">Freemium Ui</h1>
|
|
2
|
+
|
|
3
|
+
## [DEMO](https://freemium-ui.netlify.app)
|
|
4
|
+
|
|
5
|
+
[React](https://reactjs.org/) based light weight ui components based on [Styled Components](https://styled-components.com/)
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
Peer Dependencies to be installed
|
|
10
|
+
|
|
11
|
+
```
|
|
12
|
+
npm install styled-components
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
Install the package
|
|
16
|
+
|
|
17
|
+
```
|
|
18
|
+
npm install freemium-ui
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
Please note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead.
|
|
22
|
+
|
|
23
|
+
## Usage
|
|
24
|
+
|
|
25
|
+
Here is a quick example to get you started, **it's all you need**:
|
|
26
|
+
|
|
27
|
+
```jsx
|
|
28
|
+
import React from 'react';
|
|
29
|
+
import ReactDOM from 'react-dom';
|
|
30
|
+
import { Button } from 'freemium-ui';
|
|
31
|
+
// import { Button } from 'freemium-ui/Button';
|
|
32
|
+
|
|
33
|
+
function App() {
|
|
34
|
+
return <Button>Freemium Button</Button>;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
ReactDOM.render(<App />, document.querySelector('#app'));
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Contribution
|
|
41
|
+
|
|
42
|
+
Install Dependencies
|
|
43
|
+
|
|
44
|
+
```
|
|
45
|
+
npm install
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
Start the app using storybook
|
|
49
|
+
|
|
50
|
+
```
|
|
51
|
+
npm run storybook
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
Build Freemium Ui Core Components
|
|
55
|
+
|
|
56
|
+
```
|
|
57
|
+
npm run build
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
JavaScript heap out of memory could lead to build failure. Check the [official docs](https://rollupjs.org/troubleshooting/#error-javascript-heap-out-of-memory). Or execute any of the required below config
|
|
61
|
+
|
|
62
|
+
```
|
|
63
|
+
export NODE_OPTIONS="--max-old-space-size=8192"
|
|
64
|
+
export NODE_OPTIONS="--max-old-space-size=12288"
|
|
65
|
+
export NODE_OPTIONS="--max-old-space-size=16384"
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
To check the heap size in MB
|
|
69
|
+
|
|
70
|
+
```
|
|
71
|
+
node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))'
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
Generate a PAT with `admin:org`, `write:packages`, `read:packages`, `delete:packages`
|
|
75
|
+
|
|
76
|
+
Authenticate to npm github package
|
|
77
|
+
|
|
78
|
+
```
|
|
79
|
+
npm login --registry=https://registry.npmjs.org/
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
Publish the package to npm
|
|
83
|
+
|
|
84
|
+
```
|
|
85
|
+
npm publish
|
|
86
|
+
```
|