Modus

Modus design system for Cubic. More documentation to come.

Downloading the NPM package

You need to have npm installed on your system. https://www.npmjs.com/get-npm

• Enter the following command in the terminal: npm install
• Navigate to where you want the components installed and enter the command: npm install modus-design
• If you want to download a specific version of the npm package, enter the command: npm install modus-design@VERSION_NUMBER
• For example: npm install [email protected]

Developers

To publish the npm package, you need access to the AWS CI EC2 Instance, access to the git repo, and a Mac or Windows pc with Windows Remote Connection installed

To Get Access, contact Jennifer Bullard or Ashley Bles

Once you have access, select the CI instance and start the instance under the actions>Instance State dropdown

Next, connect to the CI instance with Windows Remote Connection

Access the command line and type in workon publish

Enter ci\run_build.bat in the command line to build the package. Once the package has been built, you can examine the package by looking in the dist folder in the repo.

Enter ci\run_publish.bat in the command line to publish the package

Once the script is finished, the command line should tell you if it published correctly. To confirm success, access the npm site https://www.npmjs.com/settings/modus-design/packages and confirm that the latest version of modus-design was published

After you are done publishing, ensure that you turn the instance off by selecting the instance in the AWS EC2 Dashboard and stopping the instance under the actions>Instance State dropdown

Modus Icon

Import the icon you wish you use via: import { AddDocument } from "modus-design" (replacing "AddDocument" with icon you wish you use)

Add to location for use. Available options to override in props are: fill="#000" width="50" height="50"

Changelog v0.0.12

• Pager component
• Minor CSS bug fixes