@bigbinary/neetoui-rn 0.0.11 → 0.0.12
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/README.md +15 -3
- package/lib/components/Typography/Body.js +1 -1
- package/lib/components/Typography/Callout.js +1 -1
- package/lib/components/Typography/Caption1.js +1 -1
- package/lib/components/Typography/Caption2.js +1 -1
- package/lib/components/Typography/Headline.js +1 -1
- package/lib/components/Typography/LargeTitle.js +1 -1
- package/lib/components/Typography/Title1.js +1 -1
- package/lib/components/Typography/Title2.js +1 -1
- package/lib/components/Typography/Title3.js +1 -1
- package/lib/components/Typography/Typography.js +6 -2
- package/lib/index.js +2 -0
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
[](https://app.netlify.com/sites/neetoui-rn/deploys)
|
|
1
|
+
[](https://app.netlify.com/sites/neetoui-rn/deploys) [](https://app.netlify.com/sites/neetoui-rn-docs/deploys)
|
|
2
|
+
|
|
3
|
+
|
|
2
4
|
|
|
3
5
|
**NeetoUI-RN** is the library that drives the experience in all Neeto React
|
|
4
6
|
Native products built at [BigBinary](https://www.bigbinary.com).
|
|
@@ -28,15 +30,25 @@ You can use below commands for running storybook in different platforms:
|
|
|
28
30
|
| iOS: | `yarn ios` |
|
|
29
31
|
| Web | `yarn storybook-web` |
|
|
30
32
|
|
|
31
|
-
##
|
|
33
|
+
## Auto Publish to NPM
|
|
32
34
|
|
|
33
35
|
NeetoUI-RN version gets patched, auto-incremented and auto-published to npm on
|
|
34
36
|
new commit to master. You can checkout the `publish` workflow in git actions to
|
|
35
37
|
get a live update.
|
|
36
38
|
|
|
37
|
-
|
|
39
|
+
## Building Storybook
|
|
40
|
+
|
|
41
|
+
Run `yarn build-react` to build storybook locally, this would create `dist`
|
|
38
42
|
folder with static files.
|
|
39
43
|
|
|
44
|
+
Run `yarn serve` to serve storybook locally.
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
## Building Component Documentation
|
|
48
|
+
|
|
49
|
+
Run `cd docs`, `yarn build` to build component documentation locally, this would create `dist`
|
|
50
|
+
folder with static files in `docs` folder.
|
|
51
|
+
|
|
40
52
|
## Documentation
|
|
41
53
|
|
|
42
54
|
Read the docs here.
|
|
@@ -6,7 +6,7 @@ import { Typography } from "./Typography";
|
|
|
6
6
|
// @component-group Typography Components
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Body component is
|
|
9
|
+
* Body component is built on top of typography component with default font family and font size.
|
|
10
10
|
*
|
|
11
11
|
* ## Usage
|
|
12
12
|
* ```js
|
|
@@ -6,7 +6,7 @@ import { Typography } from "./Typography";
|
|
|
6
6
|
// @component-group Typography Components
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Callout component is
|
|
9
|
+
* Callout component is built on top of typography component with default font family and font size.
|
|
10
10
|
*
|
|
11
11
|
* ## Usage
|
|
12
12
|
* ```js
|
|
@@ -6,7 +6,7 @@ import { Typography } from "./Typography";
|
|
|
6
6
|
// @component-group Typography Components
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Caption1 component is
|
|
9
|
+
* Caption1 component is built on top of typography component with default font family and font size.
|
|
10
10
|
*
|
|
11
11
|
* ## Usage
|
|
12
12
|
* ```js
|
|
@@ -6,7 +6,7 @@ import { Typography } from "./Typography";
|
|
|
6
6
|
// @component-group Typography Components
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Caption2 component is
|
|
9
|
+
* Caption2 component is built on top of typography component with default font family and font size.
|
|
10
10
|
*
|
|
11
11
|
* ## Usage
|
|
12
12
|
* ```js
|
|
@@ -6,7 +6,7 @@ import { Typography } from "./Typography";
|
|
|
6
6
|
// @component-group Typography Components
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Headline component is
|
|
9
|
+
* Headline component is built on top of typography component with default font family and font size.
|
|
10
10
|
*
|
|
11
11
|
* ## Usage
|
|
12
12
|
* ```js
|
|
@@ -6,7 +6,7 @@ import { Typography } from "./Typography";
|
|
|
6
6
|
// @component-group Typography Components
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* LargeTitle component is
|
|
9
|
+
* LargeTitle component is built on top of typography component with default font family and font size.
|
|
10
10
|
*
|
|
11
11
|
* ## Usage
|
|
12
12
|
* ```js
|
|
@@ -6,7 +6,7 @@ import { Typography } from "./Typography";
|
|
|
6
6
|
// @component-group Typography Components
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Title1 component is
|
|
9
|
+
* Title1 component is built on top of typography component with default font family and font size.
|
|
10
10
|
*
|
|
11
11
|
* ## Usage
|
|
12
12
|
* ```js
|
|
@@ -6,7 +6,7 @@ import { Typography } from "./Typography";
|
|
|
6
6
|
// @component-group Typography Components
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Title2 component is
|
|
9
|
+
* Title2 component is built on top of typography component with default font family and font size.
|
|
10
10
|
*
|
|
11
11
|
* ## Usage
|
|
12
12
|
* ```js
|
|
@@ -6,7 +6,7 @@ import { Typography } from "./Typography";
|
|
|
6
6
|
// @component-group Typography Components
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Title3 component is
|
|
9
|
+
* Title3 component is built on top of typography component with default font family and font size.
|
|
10
10
|
*
|
|
11
11
|
* ## Usage
|
|
12
12
|
* ```js
|
|
@@ -15,9 +15,9 @@ export const Text = styled.Text`
|
|
|
15
15
|
// @component-group Typography Components
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
|
-
* Typography component is a primitive text component built on top of styled-system.
|
|
18
|
+
* Typography component is a primitive text component which is built on top of styled-system.
|
|
19
19
|
*
|
|
20
|
-
* This component supports below props categories from [styled-system ](/styled-system)
|
|
20
|
+
* This component supports below props categories from [styled-system ](/styled-system).
|
|
21
21
|
*
|
|
22
22
|
* <ul>
|
|
23
23
|
* <li>space</li>
|
|
@@ -64,3 +64,7 @@ Typography.propTypes = {
|
|
|
64
64
|
...propTypes.textStyle,
|
|
65
65
|
children: PropTypes.node.isRequired,
|
|
66
66
|
};
|
|
67
|
+
|
|
68
|
+
Typography.defaultProps = {
|
|
69
|
+
color: "font.primary",
|
|
70
|
+
};
|
package/lib/index.js
ADDED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neetoui-rn",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.12",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"author": "BigBinary",
|
|
6
6
|
"license": "MIT",
|
|
@@ -42,7 +42,10 @@
|
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@styled-system/prop-types": "^5.1.5"
|
|
45
|
+
"@styled-system/prop-types": "^5.1.5",
|
|
46
|
+
"react-native-size-matters": "^0.4.0",
|
|
47
|
+
"styled-components": "^5.3.3",
|
|
48
|
+
"styled-system": "^5.1.5"
|
|
46
49
|
},
|
|
47
50
|
"devDependencies": {
|
|
48
51
|
"@babel/core": "^7.12.9",
|
|
@@ -92,13 +95,10 @@
|
|
|
92
95
|
"react": "17.0.2",
|
|
93
96
|
"react-dom": "17.0.2",
|
|
94
97
|
"react-native": "0.66.2",
|
|
95
|
-
"react-native-size-matters": "^0.4.0",
|
|
96
98
|
"react-native-storybook-loader": "^2.0.4",
|
|
97
99
|
"react-native-web": "^0.17.5",
|
|
98
100
|
"react-test-renderer": "17.0.2",
|
|
99
101
|
"serve": "^13.0.2",
|
|
100
|
-
"styled-components": "^5.3.3",
|
|
101
|
-
"styled-system": "^5.1.5",
|
|
102
102
|
"url-loader": "^4.1.1",
|
|
103
103
|
"webpack": "^5.61.0",
|
|
104
104
|
"webpack-cli": "^4.9.1",
|