npm package: @levantr/khaos
Description: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app) and [storybook](https://storybook.js.org/). Hosted on [github-pages](https://pages.github.com/). Styled with [Ant design](https://ant.design/components/ove
Latest version: 1.8.23

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app) and [storybook](https://storybook.js.org/). Hosted on [github-pages](https://pages.github.com/). Styled with [Ant design](https://ant.design/components/overview/).

## Available Scripts

In the project directory, you can run:

### `yarn run storybook`

Runs the storybook app in the development mode.<br />
Open [http://localhost:6006](http://localhost:6006) to view it in the browser.

The page will reload if you make edits.<br />

#### To locally link with a dependent project:

Follow the steps for using [yarn link](https://classic.yarnpkg.com/en/docs/cli/link).

After setting this up, you may see a react hooks error in the browser. In that case, also link react and react-dom by running:
```
cd PACKAGE_YOU_DEBUG_LOCALLY
yarn link
yarn install
cd node_modules/react
yarn link
cd ../../node_modules/react-dom
yarn link
cd YOUR_PROJECT
yarn link PACKAGE_YOU_DEBUG_LOCALLY
yarn link react
yarn link react-dom
```

To view new changes on the dependent project run `yarn build`

### `yarn run deploy-storybook`

Builds the application, adds the static files to the docs folder, then deploys to the gh-pages url.

## Deployed to:

https://rhinolabs.github.io/levantr-khaos/index.html

and

https://www.chromatic.com/start

#### To get access:

Go to
http://checkip.amazonaws.com/

And give that address to an admin to grant you access

or we can give the chromatic access token link.

# Drafting a alpha test release

1. Go to the releases page in github khaos https://github.com/Levantr/Khaos/releases
2. Then draft a new release. Select your branch instead of master and create a tag with the format 1.x.x-alpha.x
3. In your emerald branch run ```yarn add @levantr/khaos@1.x.x-alpha.x```

# NPM Package:

Check the latest version:
[https://www.npmjs.com/package/levantr-khaos](https://www.npmjs.com/package/levantr-khaos)

install:
npm install levantr-khaos

#### Atoms:

- Button
- CalendarButton
- CardFolder
- Checkbox
- CircleCheckbox
- HorizontalDateIcon
- Typography

#### Molecules:

- BinaryChoiceQuestion
- Calendar
- CalendarExpanded
- CenterModal
- DrawerModal
- Footer
- HorizontalItineraryScroll
- LeftNav
- MultipleChoiceQuestion
- ResultsPreferred
- ResultsTable
- SurveyCardFooter
- TilesChoiceQuestion
- TopTitleIconBar

#### Organisms:

- Layout
- SurveyQuestionsSidePage
- SurveyRespondedResultsContainer

#### Cards:

- IdeaCard
- ItineraryCardRow
- ItinerayIdeaCard
- JourneyCard
- SurveyResultsIdeaCard
- SurveyCard
- SurveyQuestionCard
- SurveyRespondedResultsCard
- SurveyResultCard

#### Forms:

- AddItineraryNoteForm
- IdeaForm
- JourneyForm
- CreateSurveyBinary
- CreateSurveyCheckboxes
- CreateSurveyDates
- CreateSurveyName
- CreateSurveyQuestion
- CreateSurveyRankTiles
- ItineraryQuickAddForm