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
48916b9ed2
insomnia/packages/insomnia-components
History
Gregory Schier 58fed78d06
Flatten insomnia-libcurl package (#2081) 
* Remove unnecessary insomnia-libcurl package to flatter installation dirs

* Remove empty test folder

* Fix inlc mock
2020-04-29 12:59:46 -07:00
..
.storybook Initial designer merge 2020-04-26 13:33:39 -07:00
assets Initial designer merge 2020-04-26 13:33:39 -07:00
components Fixing hit area for card menu (#2076) 2020-04-29 15:37:39 -04:00
dist Fixing hit area for card menu (#2076) 2020-04-29 15:37:39 -04:00
flow-typed Initial designer merge 2020-04-26 13:33:39 -07:00
.babelrc Initial designer merge 2020-04-26 13:33:39 -07:00
.flowconfig Initial designer merge 2020-04-26 13:33:39 -07:00
.gitignore Initial designer merge 2020-04-26 13:33:39 -07:00
.svgrrc.json Initial designer merge 2020-04-26 13:33:39 -07:00
index.js Initial designer merge 2020-04-26 13:33:39 -07:00
package-lock.json Flatten insomnia-libcurl package (#2081) 2020-04-29 12:59:46 -07:00
package.json lib@2.2.3 2020-04-29 11:15:38 -07:00
README.md Initial designer merge 2020-04-26 13:33:39 -07:00
webpack.config.js 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.