mirrors/insomnia
1
0
Fork 0
mirror of https://github.com/Kong/insomnia synced 2024-11-08 14:49:53 +00:00
Code Issues Packages Projects Releases Wiki Activity
1fe337dd2d
insomnia/packages/insomnia-components
History
Opender Singh 42ab4e4465
Multi proto file support (#3006)
2021-01-25 15:50:53 +13:00
..
__jest__ Tooltip with an initial empty message does not unmount correctly (#2927) 2020-12-15 09:27:11 +13:00
__mocks__ Tooltip with an initial empty message does not unmount correctly (#2927) 2020-12-15 09:27:11 +13:00
.storybook Updating storybook styling (#2489) 2020-08-06 10:00:21 -04:00
assets Design sidebar (#2328) 2020-07-22 09:13:06 -04:00
components Multi proto file support (#3006) 2021-01-25 15:50:53 +13:00
flow-typed gRPC URL bar improvements - streaming type & package groups (#2883) 2020-12-09 17:42:50 +13:00
webpack Fix webpack file watching, remove styled-components from insomnia-components bundle (#2497) 2020-08-11 07:12:53 +12:00
.babelrc Tooltip with an initial empty message does not unmount correctly (#2927) 2020-12-15 09:27:11 +13:00
.flowconfig Tooltip with an initial empty message does not unmount correctly (#2927) 2020-12-15 09:27:11 +13:00
.gitignore Remove built files from source control and update bootstrap steps (#2165) 2020-05-15 08:57:03 +12:00
.npmignore Remove built files from source control and update bootstrap steps (#2165) 2020-05-15 08:57:03 +12:00
.nvmrc Fix netlify/storybook deployment issues (#2572) 2020-08-31 21:58:54 +12:00
.svgrrc.json Initial designer merge 2020-04-26 13:33:39 -07:00
index.js gRPC URL bar improvements - streaming type & package groups (#2883) 2020-12-09 17:42:50 +13:00
package-lock.json Bump ini from 1.3.5 to 1.3.8 (#2940) 2020-12-15 05:22:01 +00:00
package.json Tooltip with an initial empty message does not unmount correctly (#2927) 2020-12-15 09:27:11 +13:00
README.md Initial designer merge 2020-04-26 13:33:39 -07:00

README.md

insomnia-components

insomnia-components is a React component library of UI elements needed to build Insomnia. Explore the components via Storybook!

SVGs

We use SVGR on the source SVGs to minify and convert them to React components. This conversion happens during npm run bootstrap.

The generated icons can automatically be bound to the theme library built into Insomnia, by following a few rules. In the source SVG:

  1. All background colors should be black (#000)
  2. All foreground colors should be white (#FFF)

SVGR converts these colors to fill='' and fill='currentColor' respectively. These icons are exposed via svg-icon.js, which sets the css fill and color of the SVG according to the required theme.

You can view the current icons available here.