@up42/up-components 2.5.0 → 2.6.0
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 -29
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/types/global/icons/index.d.ts +95 -95
- package/dist/esm/index.js +2 -2
- package/dist/esm/types/global/icons/index.d.ts +95 -95
- package/dist/index.d.ts +861 -827
- package/package.json +6 -3
package/README.md
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
# Up Components
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
https://up-components.up42.com
|
|
4
|
+
|
|
5
|
+
**Up Components** is a cross-team collaborative component library built on UP42's design system, [Douglas](https://www.figma.com/design/cTjdGeBcufPkR8MddLQ4TU/Design-Library). It allows us to reuse React components across different applications.
|
|
6
|
+
|
|
7
|
+
The package utilizes [Storybook](https://storybook.js.org/docs/react/get-started/introduction) for organizing and documenting UI components. It is based on [MUI](https://mui.com/getting-started/usage/) for theming and most of the component APIs.
|
|
4
8
|
|
|
5
|
-
Up Components library provides react components based on [UP42's design system](https://www.figma.com/file/Qd9QmAdQfcsWe3xSKtJWX9FZ/Design-System)
|
|
6
9
|
|
|
7
10
|
## Getting Started
|
|
8
11
|
|
|
@@ -32,42 +35,25 @@ const App = () => (
|
|
|
32
35
|
|
|
33
36
|
## Available Components
|
|
34
37
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
- Master version at https://up-components.up42.com/
|
|
38
|
-
- Preview branch at https://up-components--{branch-name}.branch-preview.up42.dev/
|
|
38
|
+
**Up Components** is a custom library built on top of [MUI](https://mui.com/components). It offers a set of pre-styled, ready-to-use components.
|
|
39
39
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
```diff
|
|
43
|
-
- import { Accordion } from '@mui/material';
|
|
44
|
-
+ import { Accordion } from '@up42/up-components'
|
|
45
|
-
```
|
|
40
|
+
Check out our [Storybook](https://up-components.up42.com) to view the available components.
|
|
46
41
|
|
|
47
|
-
**Note:**
|
|
42
|
+
**Note:** Up Components proxies all [MUI](https://mui.com/) and [MUI X](https://mui.com/x/) components. You can refer to the existing MUI documentation for any component not yet covered in our Storybook. In case of conflicts, our custom documentation takes precedence over MUI's.
|
|
48
43
|
|
|
49
44
|
### Design System Tokens
|
|
45
|
+
The Douglas design system tokens are exposed as part of Up Components. You can use them to style your components.
|
|
50
46
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
```diff
|
|
54
|
-
- import tokens from '@up42/constellation-tokens/dist/json/tokens.json'
|
|
55
|
-
+ import { tokens } from "@up42/up-components"
|
|
47
|
+
```js
|
|
48
|
+
import { tokens } from "@up42/up-components"
|
|
56
49
|
```
|
|
57
50
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
When working on a project using Up Components, it's important to remember that different versions might be used on different branches.
|
|
61
|
-
|
|
62
|
-
For example, your project's master branch might be using Up Components version `0.4.9`, while your feature branch might be using version `0.5.0`.
|
|
63
|
-
|
|
64
|
-
To avoid conflicts when working on multiple branches, remember to always run `yarn` or `npm install` after switching branches.
|
|
65
|
-
|
|
66
|
-
## Developing in the Up Components package
|
|
51
|
+
For more information, check our [tokens](https://up-components.up42.com?path=/docs/tokens) documentation or the [system tokens repository](https://github.com/up42/design-system-tokens).
|
|
67
52
|
|
|
68
|
-
|
|
53
|
+
## Up Components contributing guidelines
|
|
69
54
|
|
|
55
|
+
Please refer to our [Contributing Guidelines](https://github.com/up42/up-components/blob/master/CONTRIBUTING.md) for more info.
|
|
70
56
|
|
|
71
57
|
## Troubleshooting
|
|
72
58
|
|
|
73
|
-
Please refer to
|
|
59
|
+
Please refer to our [Troubleshooting](https://github.com/up42/up-components/blob/master/TROUBLESHOOTING.md) documentation.
|