# @inspectionxpert/ix-ui-library > The InspectionXpert design system is a subset of the full [Ant Design component library](https://ant.design/docs/react/introduce). Latest version **0.1.16** (published 2020-01-28) · ISC license · 0 weekly downloads ## Install ```sh npm install @inspectionxpert/ix-ui-library pnpm add @inspectionxpert/ix-ui-library yarn add @inspectionxpert/ix-ui-library bun add @inspectionxpert/ix-ui-library ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.1.16 | | Published | 2020-01-28 | | First published | 2020-01-09 | | Weekly downloads | 0 | | License | ISC | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 63 | | Unpacked size | 1.4 MB | | Known vulnerabilities | 0 (+26 in 2 direct dependencies) | | Install scripts | no | | Author | InspectionXpert | | Maintainers | ryanmee | ## Links - npm: https://www.npmjs.com/package/@inspectionxpert/ix-ui-library - Repository: https://rphmee@bitbucket.org/ixeng/ix-storybook - Homepage: https://bitbucket.org/ixeng/ix-storybook#readme - npm.io page: https://npm.io/package/@inspectionxpert/ix-ui-library ## Dependencies (63) - [antd](https://npm.io/package/antd.md) ^3.26.7 - [axios](https://npm.io/package/axios.md) ^0.19.2 - [faker](https://npm.io/package/faker.md) ^4.1.0 - [react](https://npm.io/package/react.md) ^16.12.0 - [dotenv](https://npm.io/package/dotenv.md) 8.2.0 - [ts-pnp](https://npm.io/package/ts-pnp.md) 1.1.5 - [reqwest](https://npm.io/package/reqwest.md) ^2.0.5 - [resolve](https://npm.io/package/resolve.md) ^1.15.0 - [webpack](https://npm.io/package/webpack.md) ^4.41.5 - [fs-extra](https://npm.io/package/fs-extra.md) ^8.1.0 - [polished](https://npm.io/package/polished.md) ^3.4.3 - [prettier](https://npm.io/package/prettier.md) ^1.19.1 - [camelcase](https://npm.io/package/camelcase.md) ^5.3.1 - [react-dnd](https://npm.io/package/react-dnd.md) ^10.0.2 - [babel-jest](https://npm.io/package/babel-jest.md) ^25.1.0 - [prop-types](https://npm.io/package/prop-types.md) ^15.7.2 - [typescript](https://npm.io/package/typescript.md) ^3.7.5 - [url-loader](https://npm.io/package/url-loader.md) ^3.0.0 - [babel-eslint](https://npm.io/package/babel-eslint.md) 10.0.3 - [babel-loader](https://npm.io/package/babel-loader.md) 8.0.6 - [react-router](https://npm.io/package/react-router.md) ^5.1.2 - [@reach/router](https://npm.io/package/@reach/router.md) ^1.2.1 - [@svgr/webpack](https://npm.io/package/@svgr/webpack.md) 4.3.3 - [dotenv-expand](https://npm.io/package/dotenv-expand.md) 5.1.0 - [eslint-loader](https://npm.io/package/eslint-loader.md) 3.0.2 - [react-scripts](https://npm.io/package/react-scripts.md) ^3.3.0 - [@mdx-js/runtime](https://npm.io/package/@mdx-js/runtime.md) ^1.5.3 - [react-dev-utils](https://npm.io/package/react-dev-utils.md) ^10.0.0 - [react-router-dom](https://npm.io/package/react-router-dom.md) ^5.1.2 - [json-schema-faker](https://npm.io/package/json-schema-faker.md) ^0.5.0-rc23 - [postcss-normalize](https://npm.io/package/postcss-normalize.md) 8.0.1 - [styled-components](https://npm.io/package/styled-components.md) ^4.4.1 - [@storybook/theming](https://npm.io/package/@storybook/theming.md) ^5.3.9 - [identity-obj-proxy](https://npm.io/package/identity-obj-proxy.md) 3.0.0 - [pnp-webpack-plugin](https://npm.io/package/pnp-webpack-plugin.md) 1.5.0 - [postcss-preset-env](https://npm.io/package/postcss-preset-env.md) 6.7.0 - [react-app-polyfill](https://npm.io/package/react-app-polyfill.md) ^1.0.5 - [eslint-plugin-react](https://npm.io/package/eslint-plugin-react.md) 7.16.0 - [immutability-helper](https://npm.io/package/immutability-helper.md) ^3.0.1 - [postcss-safe-parser](https://npm.io/package/postcss-safe-parser.md) 4.0.1 - [eslint-plugin-import](https://npm.io/package/eslint-plugin-import.md) 2.18.2 - [require-context.macro](https://npm.io/package/require-context.macro.md) ^1.2.2 - [start-server-and-test](https://npm.io/package/start-server-and-test.md) ^1.10.8 - [terser-webpack-plugin](https://npm.io/package/terser-webpack-plugin.md) ^2.3.2 - [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^9.3.2 - [babel-preset-react-app](https://npm.io/package/babel-preset-react-app.md) ^9.1.0 - [eslint-plugin-flowtype](https://npm.io/package/eslint-plugin-flowtype.md) 3.13.0 - [eslint-plugin-jsx-a11y](https://npm.io/package/eslint-plugin-jsx-a11y.md) 6.2.3 - [postcss-flexbugs-fixes](https://npm.io/package/postcss-flexbugs-fixes.md) 4.1.0 - [workbox-webpack-plugin](https://npm.io/package/workbox-webpack-plugin.md) 4.3.1 - [eslint-config-react-app](https://npm.io/package/eslint-config-react-app.md) ^5.1.0 - [react-dnd-html5-backend](https://npm.io/package/react-dnd-html5-backend.md) ^10.0.2 - [webpack-manifest-plugin](https://npm.io/package/webpack-manifest-plugin.md) 2.2.0 - [@storybook/source-loader](https://npm.io/package/@storybook/source-loader.md) ^5.3.9 - [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^4.2.4 - [@typescript-eslint/parser](https://npm.io/package/@typescript-eslint/parser.md) ^2.8.0 - [eslint-plugin-react-hooks](https://npm.io/package/eslint-plugin-react-hooks.md) ^1.6.1 - [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^7.1.2 - [babel-plugin-react-css-modules](https://npm.io/package/babel-plugin-react-css-modules.md) ^5.2.6 - [babel-plugin-named-asset-import](https://npm.io/package/babel-plugin-named-asset-import.md) ^0.3.5 - [@typescript-eslint/eslint-plugin](https://npm.io/package/@typescript-eslint/eslint-plugin.md) ^2.8.0 - [optimize-css-assets-webpack-plugin](https://npm.io/package/optimize-css-assets-webpack-plugin.md) 5.0.3 - [case-sensitive-paths-webpack-plugin](https://npm.io/package/case-sensitive-paths-webpack-plugin.md) 2.2.0 ## Recent versions - 0.1.16 (latest) — 2020-01-28 - 0.1.15 — 2020-01-22 - 0.1.14 — 2020-01-20 - 0.1.13 — 2020-01-18 - 0.1.12 — 2020-01-16 - 0.1.11 — 2020-01-16 - 0.1.10 — 2020-01-15 - 0.1.9 — 2020-01-15 - 0.1.8 — 2020-01-15 - 0.1.7 — 2020-01-15 - 0.1.6 — 2020-01-15 - 0.1.5 — 2020-01-14 - 0.1.4 — 2020-01-13 - 0.1.3 — 2020-01-12 - 0.1.2 — 2020-01-11 - … 2 more at https://npm.io/package/@inspectionxpert/ix-ui-library/versions ## README # The InspectionXpert design system The InspectionXpert design system is a subset of the full [Ant Design component library](https://ant.design/docs/react/introduce). ## Structure Components are created within folders that share the same name under the src directory. Files in the component Folder: -component.js (component file) -component.stories.js (component storybook file) -component.mdx (markup file for storybook documentation) -component.test.js (tests in jest+enzyme) -component.less (component's styles) -src -component -component.js -component.stories.js -component.mdx -component.test.js -componentTests.js (optional) -component.less (optional) ## Build and Run To build Storybook: npm run build-storybook To build Storybook docs: npm run build-storybook-docs To build and run: npm run storybook ## Testing To run the full suite of jest and snapshot tests run the command: npm run test:storybook Tests are written in *.test.js files within each component's folder. And additinal *Tests.js file is created which exports tests as modules. These modules are imported into the component Stories where they are run with the specifications plugin. It isn't required that the *Tests.js file is created and added to the stories, but it does add an easy to find visual for checking test results when running Storybook. Additionally component's Story is run through the Storybook snapshot and image snapshot plugins to check for structural and visual regressions. The configuration for this is already set and doesn't require any setup when creating components. --- _Source: https://npm.io/package/@inspectionxpert/ix-ui-library · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._