@preply/ds-rn-root 0.14.1-beta.9a7c4f48ff28e6b281cf92e11c3fc3bc17dff15d.124
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 +41 -0
- package/dist/generated/themes.d.ts +5 -0
- package/dist/generated/themes.js +15 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3 -0
- package/dist/root/index.d.ts +2 -0
- package/dist/root/index.js +2 -0
- package/dist/root/providers/RootProvider.d.ts +7 -0
- package/dist/root/providers/RootProvider.js +11 -0
- package/dist/themes/index.d.ts +1 -0
- package/dist/themes/index.js +2 -0
- package/package.json +37 -0
package/README.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# `@preply/ds-rn-root`
|
|
2
|
+
|
|
3
|
+
> Root provider (+ themes) for React Native applications.
|
|
4
|
+
|
|
5
|
+
## Using the Design System in your application or library?
|
|
6
|
+
|
|
7
|
+
Follow the instructions in [@preply/ds-workspace](../../README.md).
|
|
8
|
+
|
|
9
|
+
**tl;dr:**
|
|
10
|
+
|
|
11
|
+
```tsx
|
|
12
|
+
import { RootProvider } from `@preply/ds-rn-root`;
|
|
13
|
+
import { Heading } from `@preply/ds-rn-lib`;
|
|
14
|
+
|
|
15
|
+
export const App: FC = () => (
|
|
16
|
+
<RootProvider>
|
|
17
|
+
<Heading level="h1">Hello!</Heading>
|
|
18
|
+
</RootProvider>
|
|
19
|
+
);
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Contributing
|
|
23
|
+
|
|
24
|
+
Reach out to [#design-system-public](https://preply.slack.com/archives/C024EAEHP6V) if you think you can help and keep an eye on [DS Confluence](https://preply.atlassian.net/wiki/spaces/DS/overview) for more docs, guides, work in progress, decisions, the works.
|
|
25
|
+
|
|
26
|
+
## Development
|
|
27
|
+
|
|
28
|
+
You probably want to execute `yarn dev` and/or `yarn docs` in the root, as per instructions in [@preply/ds-workspace](../../README.md).
|
|
29
|
+
|
|
30
|
+
For quicker - and more focused - feedback, you can also directly use the scripts in this package directory, but make sure you have first executed `yarn build` in root, or that you have the root `yarn dev` script running in the background.
|
|
31
|
+
|
|
32
|
+
## Tooling
|
|
33
|
+
|
|
34
|
+
Details about tools and configurations in [@preply/ds-workspace](../../README.md).
|
|
35
|
+
|
|
36
|
+
## Dependencies
|
|
37
|
+
|
|
38
|
+
**Note:** `@preply/ds-***` are declared both as direct and peer dependencies:
|
|
39
|
+
|
|
40
|
+
- to ensure `rollup` excludes them from the bundle.
|
|
41
|
+
- to ensure Lerna honours build sequence (does not do so for peer dependencies).
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Theme } from '@preply/ds-rn-core';
|
|
2
|
+
import { NAME as NAME$1, VALUES_RN as VALUES_RN$1 } from '@preply/ds-theme-base-ui';
|
|
3
|
+
import { NAME, VALUES_RN } from '@preply/ds-theme-cluck-ui';
|
|
4
|
+
import { NAME as NAME$2, VALUES_RN as VALUES_RN$2 } from '@preply/ds-theme-preply-ui';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* AUTO GENERATED @Mon Feb 21 2022 10:25:22 GMT+0000 (Coordinated Universal Time)
|
|
8
|
+
*/
|
|
9
|
+
const CLUCK_UI = new Theme(NAME, [], VALUES_RN);
|
|
10
|
+
const BASE_UI = new Theme(NAME$1, [CLUCK_UI], VALUES_RN$1);
|
|
11
|
+
const PREPLY_UI = new Theme(NAME$2, [BASE_UI], VALUES_RN$2);
|
|
12
|
+
const themes = [CLUCK_UI, BASE_UI, PREPLY_UI];
|
|
13
|
+
|
|
14
|
+
export { themes };
|
|
15
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWVzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZ2VuZXJhdGVkL3RoZW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEFVVE8gR0VORVJBVEVEIEBNb24gRmViIDIxIDIwMjIgMTA6MjU6MjIgR01UKzAwMDAgKENvb3JkaW5hdGVkIFVuaXZlcnNhbCBUaW1lKVxuICovXG5cbmltcG9ydCB7IFRoZW1lLCBUaGVtZUludGVyZmFjZSB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyBOQU1FIGFzIEJBU0VfVUlfTkFNRSwgVkFMVUVTX1JOIGFzIEJBU0VfVUlfVkFMVUVTX1JOIH0gZnJvbSAnQHByZXBseS9kcy10aGVtZS1iYXNlLXVpJztcbmltcG9ydCB7IE5BTUUgYXMgQ0xVQ0tfVUlfTkFNRSwgVkFMVUVTX1JOIGFzIENMVUNLX1VJX1ZBTFVFU19STiB9IGZyb20gJ0BwcmVwbHkvZHMtdGhlbWUtY2x1Y2stdWknO1xuaW1wb3J0IHtcbiAgICBOQU1FIGFzIFBSRVBMWV9VSV9OQU1FLFxuICAgIFZBTFVFU19STiBhcyBQUkVQTFlfVUlfVkFMVUVTX1JOLFxufSBmcm9tICdAcHJlcGx5L2RzLXRoZW1lLXByZXBseS11aSc7XG5cbmNvbnN0IENMVUNLX1VJID0gbmV3IFRoZW1lKENMVUNLX1VJX05BTUUsIFtdLCBDTFVDS19VSV9WQUxVRVNfUk4pO1xuY29uc3QgQkFTRV9VSSA9IG5ldyBUaGVtZShCQVNFX1VJX05BTUUsIFtDTFVDS19VSV0sIEJBU0VfVUlfVkFMVUVTX1JOKTtcbmNvbnN0IFBSRVBMWV9VSSA9IG5ldyBUaGVtZShQUkVQTFlfVUlfTkFNRSwgW0JBU0VfVUldLCBQUkVQTFlfVUlfVkFMVUVTX1JOKTtcblxuZXhwb3J0IGNvbnN0IHRoZW1lczogVGhlbWVJbnRlcmZhY2VbXSA9IFtDTFVDS19VSSwgQkFTRV9VSSwgUFJFUExZX1VJXTtcbiJdLCJuYW1lcyI6WyJDTFVDS19VSV9OQU1FIiwiQ0xVQ0tfVUlfVkFMVUVTX1JOIiwiQkFTRV9VSV9OQU1FIiwiQkFTRV9VSV9WQUxVRVNfUk4iLCJQUkVQTFlfVUlfTkFNRSIsIlBSRVBMWV9VSV9WQUxVRVNfUk4iXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUE7OztBQVlBLE1BQU0sUUFBUSxHQUFHLElBQUksS0FBSyxDQUFDQSxJQUFhLEVBQUUsRUFBRSxFQUFFQyxTQUFrQixDQUFDLENBQUM7QUFDbEUsTUFBTSxPQUFPLEdBQUcsSUFBSSxLQUFLLENBQUNDLE1BQVksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFQyxXQUFpQixDQUFDLENBQUM7QUFDdkUsTUFBTSxTQUFTLEdBQUcsSUFBSSxLQUFLLENBQUNDLE1BQWMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFQyxXQUFtQixDQUFDLENBQUM7TUFFL0QsTUFBTSxHQUFxQixDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsU0FBUzs7OzsifQ==
|
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { RootProvider } from './root/providers/RootProvider.js';
|
|
2
|
+
export { themes } from './generated/themes.js';
|
|
3
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { THEME_DEFAULT, COLOR_SCHEME_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { ThemesProvider, colorSchemes, ThemeProvider, ColorSchemeProvider } from '@preply/ds-rn-core';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { themes } from '../../generated/themes.js';
|
|
5
|
+
|
|
6
|
+
const RootProvider = ({ theme = THEME_DEFAULT, colorScheme = COLOR_SCHEME_DEFAULT, children, }) => (React.createElement(ThemesProvider, { themes: themes, colorSchemes: colorSchemes },
|
|
7
|
+
React.createElement(ThemeProvider, { theme: theme },
|
|
8
|
+
React.createElement(ColorSchemeProvider, { colorScheme: colorScheme }, children))));
|
|
9
|
+
|
|
10
|
+
export { RootProvider };
|
|
11
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm9vdFByb3ZpZGVyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcm9vdC9wcm92aWRlcnMvUm9vdFByb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSwgVGhlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBUSEVNRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgQ29sb3JTY2hlbWVQcm92aWRlcixcbiAgICBUaGVtZVByb3ZpZGVyLFxuICAgIFRoZW1lc1Byb3ZpZGVyLFxuICAgIGNvbG9yU2NoZW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdGhlbWVzIH0gZnJvbSAnLi4vLi4vdGhlbWVzJztcblxuZXhwb3J0IGludGVyZmFjZSBSb290UHJvdmlkZXJQcm9wcyB7XG4gICAgdGhlbWU/OiBUaGVtZU5hbWU7XG4gICAgY29sb3JTY2hlbWU/OiBDb2xvclNjaGVtZU5hbWU7XG59XG5cbmV4cG9ydCBjb25zdCBSb290UHJvdmlkZXI6IEZDPFJvb3RQcm92aWRlclByb3BzPiA9ICh7XG4gICAgdGhlbWUgPSBUSEVNRV9ERUZBVUxULFxuICAgIGNvbG9yU2NoZW1lID0gQ09MT1JfU0NIRU1FX0RFRkFVTFQsXG4gICAgY2hpbGRyZW4sXG59KSA9PiAoXG4gICAgPFRoZW1lc1Byb3ZpZGVyIHRoZW1lcz17dGhlbWVzfSBjb2xvclNjaGVtZXM9e2NvbG9yU2NoZW1lc30+XG4gICAgICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0+XG4gICAgICAgICAgICA8Q29sb3JTY2hlbWVQcm92aWRlciBjb2xvclNjaGVtZT17Y29sb3JTY2hlbWV9PntjaGlsZHJlbn08L0NvbG9yU2NoZW1lUHJvdmlkZXI+XG4gICAgICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgICA8L1RoZW1lc1Byb3ZpZGVyPlxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztNQWlCYSxZQUFZLEdBQTBCLENBQUMsRUFDaEQsS0FBSyxHQUFHLGFBQWEsRUFDckIsV0FBVyxHQUFHLG9CQUFvQixFQUNsQyxRQUFRLEdBQ1gsTUFDRyxvQkFBQyxjQUFjLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsWUFBWTtJQUN0RCxvQkFBQyxhQUFhLElBQUMsS0FBSyxFQUFFLEtBQUs7UUFDdkIsb0JBQUMsbUJBQW1CLElBQUMsV0FBVyxFQUFFLFdBQVcsSUFBRyxRQUFRLENBQXVCLENBQ25FLENBQ0g7Ozs7In0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { themes } from '../generated/themes';
|
package/package.json
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@preply/ds-rn-root",
|
|
3
|
+
"version": "0.14.1-beta.9a7c4f48ff28e6b281cf92e11c3fc3bc17dff15d.124+9a7c4f4",
|
|
4
|
+
"publishConfig": {
|
|
5
|
+
"access": "public"
|
|
6
|
+
},
|
|
7
|
+
"main": "dist/index.js",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist/"
|
|
10
|
+
],
|
|
11
|
+
"sideEffects": false,
|
|
12
|
+
"browserslist": "last 2 versions",
|
|
13
|
+
"scripts": {
|
|
14
|
+
"clean": "rm -rf dist",
|
|
15
|
+
"lint": "run --top-level eslint --ext .js,.ts,.tsx,.mdx *.config.js src/",
|
|
16
|
+
"build": "NODE_ENV=production && run build:rollup",
|
|
17
|
+
"build:rollup": "run --top-level rollup -c rollup.config.js",
|
|
18
|
+
"dev": "run build:rollup -w"
|
|
19
|
+
},
|
|
20
|
+
"dependencies": {
|
|
21
|
+
"@preply/ds-core": "^0.14.1-beta.9a7c4f48ff28e6b281cf92e11c3fc3bc17dff15d.124+9a7c4f4",
|
|
22
|
+
"@preply/ds-rn-core": "^0.14.1-beta.9a7c4f48ff28e6b281cf92e11c3fc3bc17dff15d.124+9a7c4f4",
|
|
23
|
+
"@preply/ds-theme-base-ui": "^0.14.1-beta.9a7c4f48ff28e6b281cf92e11c3fc3bc17dff15d.124+9a7c4f4",
|
|
24
|
+
"@preply/ds-theme-cluck-ui": "^0.14.1-beta.9a7c4f48ff28e6b281cf92e11c3fc3bc17dff15d.124+9a7c4f4",
|
|
25
|
+
"@preply/ds-theme-preply-ui": "^0.14.1-beta.9a7c4f48ff28e6b281cf92e11c3fc3bc17dff15d.124+9a7c4f4"
|
|
26
|
+
},
|
|
27
|
+
"peerDependencies": {
|
|
28
|
+
"@preply/ds-core": "0.14.0",
|
|
29
|
+
"@preply/ds-rn-core": "0.14.0",
|
|
30
|
+
"@preply/ds-theme-base-ui": "0.14.0",
|
|
31
|
+
"@preply/ds-theme-cluck-ui": "0.14.0",
|
|
32
|
+
"@preply/ds-theme-preply-ui": "0.14.0",
|
|
33
|
+
"react": "^16.8.3",
|
|
34
|
+
"react-dom": "^16.8.3"
|
|
35
|
+
},
|
|
36
|
+
"gitHead": "9a7c4f48ff28e6b281cf92e11c3fc3bc17dff15d"
|
|
37
|
+
}
|