@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 CHANGED
@@ -1,8 +1,11 @@
1
1
  # Up Components
2
2
 
3
- UP42's Shared Component Library. This is a cross-team collaborative package that enables us to reuse React components across different projects. The package uses [Storybook](https://storybook.js.org/docs/react/get-started/introduction) to organize and document UI components, and is based on [MUI](https://mui.com/getting-started/usage/) for theming and most of the APIs.
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
- To see a list of available components, you can go through Storybook's Component Documentation UI, either at the following links:
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
- You can also import components from the `@mui/material` directly from the package, instead of using `@mui`:
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:** UP Components currently exports all [MUI components](https://mui.com/components/) on top of our custom ones. Which means that the existing MUI documentation can be used for any component not yet documented on our own [Storybook](https://up-components.up42.com/). In case of conflicts, our custom documentation prevails over MUI.
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
- [UP42 tokens](https://github.com/up42/design-system-tokens) are also exposed as part of UpComponents.
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
- ## Working with multiple branches
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
- Please refer to our [Contributing Guidelines](https://github.com/up42/up-components/blob/master/CONTRIBUTING.md) for development information.
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 out [Troubleshooting](https://github.com/up42/up-components/blob/master/TROUBLESHOOTING.md) documentation.
59
+ Please refer to our [Troubleshooting](https://github.com/up42/up-components/blob/master/TROUBLESHOOTING.md) documentation.