Clone or download
alsmola Merge pull request #325 from Clever/update-dependencies-for-npm-audit
Updates dependencies to pass npm audit, bumps version to 0.35.0
Latest commit b0caf74 Nov 13, 2018
Permalink
Failed to load latest commit information.
.circleci add back awscli install for s3-upload Aug 31, 2018
.github Expand version bump instructions. May 13, 2017
assets FEE-101 A11y colors (#252) Mar 21, 2018
bin Add TopBar component (#279) Mar 29, 2018
docs update docs Nov 8, 2018
src PR comments Nov 9, 2018
test Multiple Panel Modals (#307) Sep 7, 2018
.babelrc Update new_component script to create tsx component and demo boilerpl… Sep 18, 2017
.eslintrc.yml Update new_component script to create tsx component and demo boilerpl… Sep 18, 2017
.gitignore fix Chrome breaking design choices (#243) Dec 4, 2017
.npmignore switching to CircleCI Jan 18, 2017
Makefile remove vendor directory Mar 23, 2018
README.md Remove outdated SVG-handling info May 2, 2018
deploy.sh Add an npm install step to the deploy script before running webpack. (#… Jun 19, 2017
genBorder.js FEE-101 A11y colors (#252) Mar 21, 2018
genBorderRadius.js App icon border radius (#218) Aug 9, 2017
genColors.ts Tweaked colors (#284) Apr 6, 2018
genSizing.js Add lint-compliant spacing between auto-generated CSS rulesets. (#214) Aug 4, 2017
jest_css_import_stub.js Update new_component script to create tsx component and demo boilerpl… Sep 18, 2017
jest_preprocessor.js Update new_component script to create tsx component and demo boilerpl… Sep 18, 2017
jestconfig.json Update new_component script to create tsx component and demo boilerpl… Sep 18, 2017
package.json Updates dependencies to pass npm audit, bumps version to 0.35.0 Nov 13, 2018
setUpJestTests.js update enzyme from v2 to v3 and fix failing tests Apr 2, 2018
stylelint.config.js Add TopBar component (#279) Mar 29, 2018
transform-code-string.js Add transform-code-string. Apr 24, 2017
tsconfig.build.json remove vendor directory Mar 23, 2018
tsconfig.docs.json remove vendor directory Mar 23, 2018
tsconfig.json update DateInput and DatePicker to no longer use vendored components Mar 23, 2018
webpack.config.js Update new_component script to create tsx component and demo boilerpl… Sep 18, 2017
webpack_styles.config.js cleaning up an extra space Oct 26, 2016

README.md

Clever Design System

Check out documentation and live examples for Dewey, as well as our getting starting guide.

Development

Adding a new component

The following command will create a new component shell in src/MyNewComponent/ along with a starter test file and demo boilerplate:

./bin/new_component.sh MyNewComponent

You can also create additional sub-components in any existing directory by running:

./bin/new_sub_component.sh MyNewSubComponent ./src/MyNewComponent

You can then modify the component and demo code as needed. Your new component can be viewed at http://localhost:5010/#/components/my-new-component while the demo server is running.

Adding new SVGs

We use SVGs as JSX components for Icons, following this process:

  1. Optimize the svg at svgomg
  2. Make it React compatible with double quotes option at svg2jsx
  3. Prefix DOM Ids and classnames with component name if necessary
  4. Add it to the code:
    • Create a new file in src/Icon/icons/<<NewIcon>>.jsx
    • Add to src/Icon/icons/index.jsx and src/Icon/Icon.jsx

Running the demo server locally

Start up the demo server by running

make dev-server