UI Components

Library of reusable components, themes, and supporting elements for developing front-end projects within the CCT company.

Usage

1. Install the package
npm install @communitycapital/ui-components
2. Use ThemeProvider to have the same styles
import { getMuiTheme, ThemeProvider } from '@communitycapital/ui-components';
const muiTheme = getMuiTheme(theme));
{children}.
3. Import needed component/helper function
import { Tooltip } from '@communitycapital/ui-components';
4. Use common fonts
import '@communitycapital/ui-components/fonts/index.css';

$3

We had to use UMD build format instead of ES due to
Styled Components library has issue with ES
https://github.com/rollup/rollup/issues/4438.
Another alternative would be migrating from Styled Components
to Emotion. Thoughts regarding it can be found here
https://app.clickup.com/14159275/v/dc/dg3db-14031/dg3db-23111

$3

> Important! All dependencies must be frozen to avoid problems with automatic dependency updates during deployment.

* After updating libphonenumber-metadata-generator package, we need to re-generate metadata for libphonenumber-js package.
Please, run npm run generate-libphonenumber-metadata for it.