@luscii-healthtech/web-ui 0.4.3 → 0.4.4

package/README.md

@@ -1,60 +1,76 @@
 # web-ui
 
-The web-ui repository contains the web UI components for Luscii's front end projects. It is published to NPM for inclusion into our projects. It also uses storybook and is published to chromatic for easy review of changes. 
+The web-ui repository contains the web UI components for Luscii's front end projects. It is published to NPM for inclusion into our projects. It also uses storybook and is published to chromatic for easy review of changes.
 
 ## Running locally
 
-If you want to run storybook locally you can use 
+If you want to run storybook locally you can use
 
 ```bash
 yarn install
 yarn storybook
 ```
 
+## Testing your production build
+
+Assuming the following setup:
+
+- The `web-ui` and `cVitals-Web` repositories are siblings are in the same folder
+- You have ran `yarn install` on `cVitals-Web`
+- You have ran `yarn build` on `web-ui`
+
+Run the script below in your terminal, _in the parent folder of the repositories_.
+
+```
+cp -a web-ui/dist/. cVitals-Web/node_modules/@luscii-healthtech/web-ui/dist
+```
+
+When you run cVitals again, it should contain your latest updates in the component library. Use this to make sure your changes are solid before merging a pull request.
+
 ## Contributing
 
 Make sure you understand our design system and follow its guidelines. They are document in storybook. We value consistency, simplicity and usability highly. Don't mess it up.
 
-If you want to add components, do so in 
+If you want to add components, do so in
+
 ```
 /src/components
 ```
-Please stay vigilant when adding components that we implement them consistently in our projects and that it is clear when and where they have to be used. We want to avoid a lot of components that are similar. 
+
+Please stay vigilant when adding components that we implement them consistently in our projects and that it is clear when and where they have to be used. We want to avoid a lot of components that are similar.
 
 When you create new components, you must add them to storybook as well. Stories go in
+
 ```
 /stories
 ```
 
-
 ## CI setup
 
 #### Branching
 
-The `main` branch is our default branch. When you contribute, branch from there and name your branch 
+The `main` branch is our default branch. When you contribute, branch from there and name your branch
 
- ```
-   //Branch names convention (enforced)
-    
-   major/*      //for a new design system or changes that effect our foundations (typography, color)
-   minor/*      //for new components and stories
-   patch/*      //for small improvements to existing components, stories
-   bug/*        //for bugs, fixes 
-   ```
+```
+  //Branch names convention (enforced)
 
-We have configured at lot of magic for your convenience. 
+  major/*      //for a new design system or changes that effect our foundations (typography, color)
+  minor/*      //for new components and stories
+  patch/*      //for small improvements to existing components, stories
+  bug/*        //for bugs, fixes
+```
+
+We have configured at lot of magic for your convenience.
 
 #### On every PR
-1. the module build, lint and tests are checked. 
-2. The storybook build is published to chromatic. 
-3. Labels are added based on the branch name and PR size. 
-4. Branch names must follow the convention and are checked
-   
 
+1. the module build, lint and tests are checked.
+2. The storybook build is published to chromatic.
+3. Labels are added based on the branch name and PR size.
+4. Branch names must follow the convention and are checked
 
 #### On merge to main
 
 1. Draft a github release
 2. Version bump of the package
 3. Publish new package to NPM
-

package/dist/web-ui-tailwind.css

@@ -1140,10 +1140,6 @@ video {
   font-size: 0.875rem;
 }
 
-.text-base {
-  font-size: 1rem;
-}
-
 .text-lg {
   font-size: 1.125rem;
 }
@@ -1783,10 +1779,6 @@ video {
   white-space: nowrap;
 }
 
-.whitespace-pre-wrap {
-  white-space: pre-wrap;
-}
-
 .break-words {
   word-wrap: break-word;
   overflow-wrap: break-word;
@@ -1834,10 +1826,6 @@ video {
   width: 11.5rem;
 }
 
-.w-56 {
-  width: 14rem;
-}
-
 .w-80 {
   width: 20rem;
 }
@@ -2108,4 +2096,3 @@ video {
     display: none;
   }
 }
-