steps to add new component and publish new version for npm package:

1. clone the new zi-common repo above (note the old one is called 'zi-common-ui' we are not using that anymore)
2. After clone open terminal window in the zi-common folder and run 'npm install'
3. Open the zi-common folder in vs code and open the src/components folder
4. Add your new component that you want to be a common re-usable in the components folder (add .tsx file)
5. Now in the same terminal run 'npm run build' this builds the code to the lib (dist) folder (this is important)

steps to publish zi-common npm package with new version:

1. make sure the above steps have been completed first otherwise the new version wont reflect your changes
2. open a terminal window in the zi-common folder
3. in terminal type 'npm login'
4. when prompted for username enter 'zeroedin-react'
5. when prompted for password enter the password
6. next it will prompt you for an email address (use any email, preferably your work email) OR it will send an email to gareth (how this works is NPM uses 2FA for their logins so they send an OTP to the email you provided) NOTE: it takes roughly 5 mins for the OTP to come through in email
7. enter the OTP code that was sent to your email in the terminal window when prompted for it Should display a message to indicate you are logged in
8. IMPORTANT: now you need to go into the zi-common/package.json file and increment the app minor version by one ie. 1.0.0. -> 1.1.0 (if you do not do this the publishing of the npm package will fail)
9. After updating package version and saving finally, open the terminal window you had earlier from login and type 'npm publish' after a few seconds should display that new version was published. Then all you need todo is go back to zi-ui or wherever you want to use the component and run 'npm update @zeroedin-react/zi-common' and it will pull in the latest version of the package we published
10. Remember to commit your updated changes to zi-common repo after succesful publish

To import the package in your app you will go: import NameOfComponent from '@zeroedin-react/zi-common/lib/NameOfComponent';