insomnia/packages/insomnia-components
John Chadwick b07cd1cf16
Upgrade Electron to 11.2.3. (#3798)
* Upgrade Electron from 9.3.5 to 11.2.3.

* bump version

* update preid to alpha

* version packages lib@2.3.1-alpha.0

* Downgrade electron-builder to 22.11.3.

We tried to upgrade electron-builder to 22.11.7, but this fails
because electron-builder 22.11.4 introduces imports into fs/promises.
This module is only available in Node 14+, so we have to stick to
22.11.3 until we update to Electron 12.

* Revert npm script changes from alpha release.

Co-authored-by: Opender Singh <opender.singh@konghq.com>
2021-07-16 13:35:32 -07:00
..
.storybook [TypeScript] Phase 1 & 2 (#3370) 2021-05-12 18:35:00 +12:00
src Margin control to insomnia-component styled buttons (#3429) 2021-06-23 11:29:21 +12:00
webpack Use safe state and reducer dispatch hooks (#3483) 2021-06-23 12:40:48 -04:00
.eslintignore Add formatting ESLint rules (#3425) 2021-05-27 14:00:32 -04:00
.eslintrc.js Add formatting ESLint rules (#3425) 2021-05-27 14:00:32 -04:00
.gitignore keep the previous svgr assets dir in gitignore (#3372) 2021-05-12 07:58:22 -04:00
.npmignore Fix .npmignore 2021-05-19 14:37:56 +02:00
.nvmrc Fix netlify/storybook deployment issues (#2572) 2020-08-31 21:58:54 +12:00
jest.config.js remove duplication of all jest configs (#3375) 2021-05-13 07:29:02 -04:00
package-lock.json Upgrade Electron to 11.2.3. (#3798) 2021-07-16 13:35:32 -07:00
package.json Upgrade Electron to 11.2.3. (#3798) 2021-07-16 13:35:32 -07:00
README.md Initial designer merge 2020-04-26 13:33:39 -07:00
svgr.config.js [TypeScript] Phase 1 & 2 (#3370) 2021-05-12 18:35:00 +12:00
tsconfig.build.json [TypeScript] Phase 1 & 2 (#3370) 2021-05-12 18:35:00 +12:00
tsconfig.json [TypeScript] Phase 1 & 2 (#3370) 2021-05-12 18:35:00 +12:00
vercel.json Replace Netlify with Vercel for Storybook (#3212) 2021-03-19 14:52:45 +01:00

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.