@indico-data/design-system

Indico Design System - codename Permafrost

Module Organization

• Components and Stories are now in src/stories
• Global Styles src/styles
• Design Tokens src/tokens

Storybook Dev Server Initialization

Install dependencies with a simple yarn command.

yarn dev runs the command storybook dev -p 6006 which should boot the dev server and open the local host in a browser window.

Import Issues

When you first set this up, you might run into import issues due to Yarn 4. In order to resolve these, you need to run yarn dlx @yarnpkg/sdks vscode (assuming you are on vs code.) more information available here(https://stackoverflow.com/questions/54954337/is-it-possible-to-use-yarn-pnp-with-typescript-vscode)

Additional scripts

Run the below like yarn <my command>

"build": "storybook build",
"test-storybook": "test-storybook",
"prepare": "husky install"

Concerning TODOS

Ideally, each component migrated from the Intake mono-repo (aka stratosphere) will have a corresponding JIRA ticket, including ACs for potential refactor, updated documentation, and unit tests. However, the first migration of core componenets has been fast-tracked to facilitate work on the Insights client MVP; therefore, these components have not benefitted from the above and have TODOS indicating this. Corresponding JIRA tickets will follow.