This project was bootstrapped with Create React App and storybook. Hosted on github-pages. Styled with Ant design.

Available Scripts

In the project directory, you can run:

yarn run storybook

Runs the storybook app in the development mode. Open http://localhost:6006 to view it in the browser.

The page will reload if you make edits.

To locally link with a dependent project:

Follow the steps for using yarn 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/[email protected]

NPM Package:

Check the latest version: 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