@bitrise/bitkit 9.1.3 → 9.1.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.1.3",
+  "version": "9.1.4",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "lib/cjs/index.js",
   "esnext": "lib/esn/index.js",
@@ -11,7 +11,7 @@
     "build": "yarn build:lib && yarn build:site",
     "build:css": "postcss src/{*.css,**/*.css} --base src",
     "build:docs": "ts-node ./scripts/build-docs",
-    "build:icons": "svgr -d src/Icon/tsx src/Icon/svg --ext tsx",
+    "build:icons": "svgr src/Icon/svg && yarn lint:fix-icons",
     "build:lib": "rm -rf ./lib && yarn build:lib:cjs && yarn build:lib:esn",
     "build:lib:esn": "tsc -p src -m esnext -t esnext --outDir lib/esn && yarn build:css --dir lib/esn",
     "build:lib:cjs": "tsc -p src --outDir lib/cjs && yarn build:css --dir lib/cjs",
@@ -20,11 +20,13 @@
     "lint": "yarn lint:js && yarn lint:css",
     "lint:css": "stylelint src/**/*.css site/**/*.css",
     "lint:js": "eslint src/**/*.tsx site/**/*.tsx",
+    "lint:fix-icons": "eslint --fix src/Icon/tsx/**",
     "semantic-release": "semantic-release",
     "serve": "superstatic ./dist --port 4001 -c superstatic.json",
-    "start": "rm -rf ./dist && concurrently \"yarn start:docs\" \"yarn start:site\"",
+    "start": "rm -rf ./dist && concurrently \"yarn start:docs\" \"yarn start:site\" \"yarn start:icons\"",
     "start:docs": "ts-node ./scripts/build-docs-watch",
     "start:site": "parcel site/index.html --port 4001 -d dist --no-cache",
+    "start:icons": "chokidar src/Icon/svg/** -c \"yarn svgr {path} && yarn lint:fix-icons\"",
     "test": "jest ./src"
   },
   "alias": {
@@ -51,7 +53,7 @@
     "@semantic-release/changelog": "^6.0.0",
     "@semantic-release/commit-analyzer": "^9.0.1",
     "@semantic-release/git": "^10.0.0",
-    "@svgr/cli": "^5.5.0",
+    "@svgr/cli": "^6.2.1",
     "@types/classnames": "^2.2.7",
     "@types/clipboard": "^2.0.1",
     "@types/enzyme": "^3.10.3",
@@ -69,6 +71,7 @@
     "@typescript-eslint/parser": "^1.4.2",
     "autoprefixer": "^9.4.10",
     "babel-eslint": "^10.0.1",
+    "chokidar-cli": "^3.0.0",
     "concurrently": "^4.1.0",
     "enzyme": "^3.9.0",
     "enzyme-adapter-react-16": "^1.10.0",

package/src/Icon/svg/icons-crown.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3671 2.13171C11.6618 1.66858 12.3379 1.66858 12.6326 2.1317L16.4056 8.06065L20.3342 3.80469C20.8362 3.26078 21.7391 3.69585 21.6265 4.42745L19.9999 15H3.99966L2.37338 4.42732C2.26085 3.69572 3.1637 3.26068 3.66576 3.80458L7.59428 8.06048L11.3671 2.13171ZM6.48359 9.80587L4.9724 8.16874L5.46938 11.3997L6.48359 9.80587ZM6.82159 13L7.88683 11.326L9.43205 13H6.82159ZM8.99752 9.58065L11.9998 4.86265L15.0024 9.58082L12 12.8334L8.99752 9.58065ZM14.568 13L16.1131 11.3262L17.1782 13H14.568ZM17.5163 9.80602L18.5303 11.3995L19.0274 8.16903L17.5163 9.80602Z" fill="#351D48"/>
+<path d="M4.00002 19H20V21H4.00002V19Z" fill="#351D48"/>
+<path d="M20 18C19.4477 18 19 17.5523 19 17C19 16.4477 19.4477 16 20 16V18Z" fill="#351D48"/>
+<path d="M5.00002 17C5.00002 16.4477 4.5523 16 4.00002 16L4.00002 18C4.5523 18 5.00002 17.5523 5.00002 17Z" fill="#351D48"/>
+<path d="M8.00002 18C8.5523 18 9.00002 17.5523 9.00002 17C9.00002 16.4477 8.5523 16 8.00002 16C7.44773 16 7.00002 16.4477 7.00002 17C7.00002 17.5523 7.44773 18 8.00002 18Z" fill="#351D48"/>
+<path d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z" fill="#351D48"/>
+<path d="M16 18C16.5523 18 17 17.5523 17 17C17 16.4477 16.5523 16 16 16C15.4477 16 15 16.4477 15 17C15 17.5523 15.4477 18 16 18Z" fill="#351D48"/>
+</svg>

package/src/Icon/svg/icons-gauge.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.8436 10.4849L15.4294 9.07065L12.5846 11.9154C11.9006 11.707 11.1268 11.8733 10.5858 12.4142C9.80477 13.1953 9.80477 14.4616 10.5858 15.2427C11.3669 16.0237 12.6332 16.0237 13.4142 15.2427C13.9198 14.7371 14.0981 14.0282 13.9492 13.3792L16.8436 10.4849Z" fill="#351D48"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4857 21C22.0564 19.0981 23 16.6593 23 14C23 7.92487 18.0751 3 12 3C5.92487 3 1 7.92487 1 14C1 16.6593 1.94364 19.0981 3.51432 21H20.4857ZM20.9451 15C20.7827 16.4689 20.2668 17.8312 19.4845 19H4.51555C3.73316 17.8312 3.2173 16.4689 3.05493 15H5V13H3.05493C3.24682 11.2642 3.93237 9.67711 4.96807 8.38235L6.41415 9.82843L7.82837 8.41421L6.38228 6.96813C7.67705 5.93239 9.26413 5.24682 11 5.05493V7H13V5.05493C14.6932 5.2421 16.2449 5.899 17.5218 6.89243L16.2718 8.14235L17.6861 9.55656L18.9551 8.28756C20.0337 9.59931 20.7485 11.2216 20.9451 13H19V15H20.9451Z" fill="#351D48"/>
+</svg>

package/src/Icon/svg/icons-pencil.svg

@@ -1,3 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path fill="#492F5C" fill-rule="evenodd" d="M8.8 15.362l.7.69L18 7.665l-.7-.69-8.5 8.388zm-2.8 0l9.9-9.77c.8-.79 2-.79 2.8 0l.7.69c.8.79.8 1.975 0 2.764l-9.9 9.77L6 15.362zM5 20v-2.96L8 20H5z"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 20L20 20L20 10H22L22 20C22 21.1046 21.1046 22 20 22L4 22C2.89543 22 2 21.1046 2 20V4C2 2.89543 2.89543 2 4 2H14V4L4 4L4 20Z" fill="#351D48"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9 3.59211L7 13.3618L10.5 16.8158L20.4 7.04605C21.2 6.25658 21.2 5.07237 20.4 4.2829L19.7 3.59211C18.9 2.80263 17.7 2.80263 16.9 3.59211ZM10.5 14.0526L9.8 13.3618L18.3 4.97369L19 5.66447L10.5 14.0526Z" fill="#351D48"/>
+<path d="M6 15.0395V18H9L6 15.0395Z" fill="#351D48"/>
 </svg>

package/src/Icon/tsx/IconsAddOns.tsx

@@ -1,10 +1,13 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsAddOns = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <path
-      fill="currentColor"
-      fillRule="evenodd"
-      d="M20 17.767a.502.502 0 01-.25.434l-3.001 1.732a.5.5 0 01-.499-.001l-2.999-1.73a.504.504 0 01-.251-.435V14.15c0-.178.096-.343.248-.432l.002-.001 3-1.732.001-.001a.503.503 0 01.499 0l2.999 1.73c.155.09.251.257.251.436v3.616zm-9.25.434l-3.001 1.732a.5.5 0 01-.499-.001l-2.999-1.73A.504.504 0 014 17.767V14.15c0-.18.096-.345.25-.434l3.001-1.732a.503.503 0 01.499 0l3 1.733h.002c.153.09.248.255.248.433v3.616a.502.502 0 01-.25.434zM8.5 6.23c0-.178.096-.344.25-.433l3.001-1.732a.503.503 0 01.499 0l2.999 1.73c.155.09.251.257.251.436V9.82a.501.501 0 01-.25.432l-3.001 1.733h-.001a.496.496 0 01-.496 0l-.002-.001-2.108-1.217-.892-.515a.501.501 0 01-.25-.432V6.23zm12.25 5.754l-2.999-1.731c-.093-.053-.195-.08-.293-.121.014-.104.042-.206.042-.312V6.23a2.51 2.51 0 00-1.25-2.165l-2.999-1.731a2.505 2.505 0 00-2.501-.001L7.749 4.067A2.51 2.51 0 006.5 6.232V9.82c0 .106.028.208.042.312-.098.04-.199.067-.292.12l-3.001 1.733A2.51 2.51 0 002 14.15v3.616c0 .89.479 1.719 1.25 2.166l2.999 1.73a2.49 2.49 0 001.251.335c.433 0 .865-.111 1.25-.334l3.001-1.732c.092-.054.165-.128.249-.192.084.064.157.139.25.193l2.999 1.73a2.49 2.49 0 001.251.335c.433 0 .865-.111 1.25-.334l3.001-1.732A2.51 2.51 0 0022 17.767V14.15c0-.89-.479-1.72-1.25-2.166z"
-    />
+        d="M20 17.767a.502.502 0 0 1-.25.434l-3.001 1.732a.5.5 0 0 1-.499-.001l-2.999-1.73a.504.504 0 0 1-.251-.435V14.15c0-.178.096-.343.248-.432l.002-.001 3-1.732.001-.001a.503.503 0 0 1 .499 0l2.999 1.73c.155.09.251.257.251.436v3.616zm-9.25.434-3.001 1.732a.5.5 0 0 1-.499-.001l-2.999-1.73A.504.504 0 0 1 4 17.767V14.15c0-.18.096-.345.25-.434l3.001-1.732a.503.503 0 0 1 .499 0l3 1.733h.002c.153.09.248.255.248.433v3.616a.502.502 0 0 1-.25.434zM8.5 6.23c0-.178.096-.344.25-.433l3.001-1.732a.503.503 0 0 1 .499 0l2.999 1.73c.155.09.251.257.251.436V9.82a.501.501 0 0 1-.25.432l-3.001 1.733h-.001a.496.496 0 0 1-.496 0l-.002-.001-2.108-1.217-.892-.515a.501.501 0 0 1-.25-.432V6.23zm12.25 5.754-2.999-1.731c-.093-.053-.195-.08-.293-.121.014-.104.042-.206.042-.312V6.23a2.51 2.51 0 0 0-1.25-2.165l-2.999-1.731a2.505 2.505 0 0 0-2.501-.001L7.749 4.067A2.51 2.51 0 0 0 6.5 6.232V9.82c0 .106.028.208.042.312-.098.04-.199.067-.292.12l-3.001 1.733A2.51 2.51 0 0 0 2 14.15v3.616c0 .89.479 1.719 1.25 2.166l2.999 1.73a2.49 2.49 0 0 0 1.251.335c.433 0 .865-.111 1.25-.334l3.001-1.732c.092-.054.165-.128.249-.192.084.064.157.139.25.193l2.999 1.73a2.49 2.49 0 0 0 1.251.335c.433 0 .865-.111 1.25-.334l3.001-1.732A2.51 2.51 0 0 0 22 17.767V14.15c0-.89-.479-1.72-1.25-2.166z"
+        fill="currentColor"
+        fillRule="evenodd"/>
   </svg>
 );
+
+export default SvgIconsAddOns;

package/src/Icon/tsx/IconsAddOnsColorTuorqouise.tsx

@@ -1,16 +1,20 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsAddOnsColorTuorqouise = (
+  props: React.SVGProps<SVGSVGElement>
+) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <g fill="#0DD3C5" fillRule="evenodd">
       <path
-        d="M12 13.433v5.973l-4.001 2.322a1.988 1.988 0 01-1.998 0l-3-1.741A2.015 2.015 0 012 18.244v-3.649c0-.72.382-1.384 1.001-1.742L7 10.532l5 2.901z"
-        opacity={0.8}
-      />
+          d="M12 13.433v5.973l-4.001 2.322a1.988 1.988 0 0 1-1.998 0l-3-1.741A2.015 2.015 0 0 1 2 18.244v-3.649c0-.72.382-1.384 1.001-1.742L7 10.532l5 2.901z"
+          opacity={ 0.8 }/>
       <path
-        d="M22 14.595v3.65c0 .718-.382 1.383-1.001 1.741l-3 1.742a1.992 1.992 0 01-1.998 0L12 19.406v-5.972l5-2.902 3.999 2.321A2.012 2.012 0 0122 14.595"
-        opacity={0.5}
-      />
-      <path d="M17 5.753v4.779l-5 2.902-5-2.902v-4.78a2.01 2.01 0 011.001-1.741l3-1.742a1.992 1.992 0 011.998 0l3 1.742A2.012 2.012 0 0117 5.753" />
+          d="M22 14.595v3.65c0 .718-.382 1.383-1.001 1.741l-3 1.742a1.992 1.992 0 0 1-1.998 0L12 19.406v-5.972l5-2.902 3.999 2.321A2.012 2.012 0 0 1 22 14.595"
+          opacity={ 0.5 }/>
+      <path d="M17 5.753v4.779l-5 2.902-5-2.902v-4.78a2.01 2.01 0 0 1 1.001-1.741l3-1.742a1.992 1.992 0 0 1 1.998 0l3 1.742A2.012 2.012 0 0 1 17 5.753" />
     </g>
   </svg>
 );
+
+export default SvgIconsAddOnsColorTuorqouise;

package/src/Icon/tsx/IconsAddOnsColorViolet.tsx

@@ -1,16 +1,18 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsAddOnsColorViolet = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <g fill="#990FC3" fillRule="evenodd">
       <path
-        d="M12 13.433v5.973l-4.001 2.322a1.988 1.988 0 01-1.998 0l-3-1.741A2.015 2.015 0 012 18.244v-3.649c0-.72.382-1.384 1.001-1.742L7 10.532l5 2.901z"
-        opacity={0.8}
-      />
+          d="M12 13.433v5.973l-4.001 2.322a1.988 1.988 0 0 1-1.998 0l-3-1.741A2.015 2.015 0 0 1 2 18.244v-3.649c0-.72.382-1.384 1.001-1.742L7 10.532l5 2.901z"
+          opacity={ 0.8 }/>
       <path
-        d="M22 14.595v3.65c0 .718-.382 1.383-1.001 1.741l-3 1.742a1.992 1.992 0 01-1.998 0L12 19.406v-5.972l5-2.902 3.999 2.321A2.012 2.012 0 0122 14.595"
-        opacity={0.5}
-      />
-      <path d="M17 5.753v4.779l-5 2.902-5-2.902v-4.78a2.01 2.01 0 011.001-1.741l3-1.742a1.992 1.992 0 011.998 0l3 1.742A2.012 2.012 0 0117 5.753" />
+          d="M22 14.595v3.65c0 .718-.382 1.383-1.001 1.741l-3 1.742a1.992 1.992 0 0 1-1.998 0L12 19.406v-5.972l5-2.902 3.999 2.321A2.012 2.012 0 0 1 22 14.595"
+          opacity={ 0.5 }/>
+      <path d="M17 5.753v4.779l-5 2.902-5-2.902v-4.78a2.01 2.01 0 0 1 1.001-1.741l3-1.742a1.992 1.992 0 0 1 1.998 0l3 1.742A2.012 2.012 0 0 1 17 5.753" />
     </g>
   </svg>
 );
+
+export default SvgIconsAddOnsColorViolet;

package/src/Icon/tsx/IconsAddOnsWhite.tsx

@@ -1,16 +1,18 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsAddOnsWhite = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <g fill="#FFF" fillRule="evenodd">
       <path
-        d="M12 13.433v5.973l-4.001 2.322a1.988 1.988 0 01-1.998 0l-3-1.741A2.015 2.015 0 012 18.244v-3.649c0-.72.382-1.384 1.001-1.742L7 10.532l5 2.901z"
-        opacity={0.8}
-      />
+          d="M12 13.433v5.973l-4.001 2.322a1.988 1.988 0 0 1-1.998 0l-3-1.741A2.015 2.015 0 0 1 2 18.244v-3.649c0-.72.382-1.384 1.001-1.742L7 10.532l5 2.901z"
+          opacity={ 0.8 }/>
       <path
-        d="M22 14.595v3.65c0 .718-.382 1.383-1.001 1.741l-3 1.742a1.992 1.992 0 01-1.998 0L12 19.406v-5.972l5-2.902 3.999 2.321A2.012 2.012 0 0122 14.595"
-        opacity={0.5}
-      />
-      <path d="M17 5.753v4.779l-5 2.902-5-2.902v-4.78a2.01 2.01 0 011.001-1.741l3-1.742a1.992 1.992 0 011.998 0l3 1.742A2.012 2.012 0 0117 5.753" />
+          d="M22 14.595v3.65c0 .718-.382 1.383-1.001 1.741l-3 1.742a1.992 1.992 0 0 1-1.998 0L12 19.406v-5.972l5-2.902 3.999 2.321A2.012 2.012 0 0 1 22 14.595"
+          opacity={ 0.5 }/>
+      <path d="M17 5.753v4.779l-5 2.902-5-2.902v-4.78a2.01 2.01 0 0 1 1.001-1.741l3-1.742a1.992 1.992 0 0 1 1.998 0l3 1.742A2.012 2.012 0 0 1 17 5.753" />
     </g>
   </svg>
 );
+
+export default SvgIconsAddOnsWhite;

package/src/Icon/tsx/IconsApp.tsx

@@ -1,12 +1,15 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsApp = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <defs>
       <path
-        id="icons-app_svg__a"
-        d="M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4 10c0 .7-.2 1.4-.6 2l-2-2 2-2c.4.6.6 1.3.6 2zm-8 0c0-.7.2-1.4.6-2l2 2-2 2c-.4-.6-.6-1.3-.6-2zm2-3.4c.6-.4 1.3-.6 2-.6s1.4.2 2 .6l-2 2-2-2zm2 4.8l2 2c-.6.4-1.3.6-2 .6s-1.4-.2-2-.6l2-2zm3.5-6.3C14.5 6.4 13.3 6 12 6c-1.3 0-2.5.4-3.5 1.1L5.4 4h13.2l-3.1 3.1zM7.1 8.5C6.4 9.5 6 10.7 6 12c0 1.3.4 2.5 1.1 3.5L4 18.6V5.4l3.1 3.1zm1.4 8.4c1 .7 2.2 1.1 3.5 1.1 1.3 0 2.5-.4 3.5-1.1l3.1 3.1H5.4l3.1-3.1zm8.4-1.4c.7-1 1.1-2.2 1.1-3.5 0-1.3-.4-2.5-1.1-3.5L20 5.4v13.2l-3.1-3.1z"
-      />
+          d="M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4 10c0 .7-.2 1.4-.6 2l-2-2 2-2c.4.6.6 1.3.6 2zm-8 0c0-.7.2-1.4.6-2l2 2-2 2c-.4-.6-.6-1.3-.6-2zm2-3.4c.6-.4 1.3-.6 2-.6s1.4.2 2 .6l-2 2-2-2zm2 4.8 2 2c-.6.4-1.3.6-2 .6s-1.4-.2-2-.6l2-2zm3.5-6.3C14.5 6.4 13.3 6 12 6c-1.3 0-2.5.4-3.5 1.1L5.4 4h13.2l-3.1 3.1zM7.1 8.5C6.4 9.5 6 10.7 6 12c0 1.3.4 2.5 1.1 3.5L4 18.6V5.4l3.1 3.1zm1.4 8.4c1 .7 2.2 1.1 3.5 1.1 1.3 0 2.5-.4 3.5-1.1l3.1 3.1H5.4l3.1-3.1zm8.4-1.4c.7-1 1.1-2.2 1.1-3.5 0-1.3-.4-2.5-1.1-3.5L20 5.4v13.2l-3.1-3.1z"
+          id="icons-app_svg__a"/>
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-app_svg__a" />
   </svg>
 );
+
+export default SvgIconsApp;

package/src/Icon/tsx/IconsArrowBack.tsx

@@ -1,10 +1,13 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsArrowBack = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <path
-      fill="currentColor"
-      fillRule="evenodd"
-      d="M5.615 11h8.199v2H5.642l3.23 3.23-1.415 1.414L1.8 11.987 7.457 6.33 8.87 7.744 5.615 11zm16.199 0v2h-2v-2h2zm-3 0v2h-4v-2h4z"
-    />
+        d="M5.615 11h8.199v2H5.642l3.23 3.23-1.415 1.414L1.8 11.987 7.457 6.33 8.87 7.744 5.615 11zm16.199 0v2h-2v-2h2zm-3 0v2h-4v-2h4z"
+        fill="currentColor"
+        fillRule="evenodd"/>
   </svg>
 );
+
+export default SvgIconsArrowBack;

package/src/Icon/tsx/IconsArrowDown.tsx

@@ -1,17 +1,19 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsArrowDown = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <defs>
       <path
-        id="icons-arrow-down_svg__a"
-        d="M18.308 10.92l-3.255-3.256 1.414-1.414 5.657 5.657-5.657 5.657-1.414-1.415 3.23-3.229H10.11v-2h8.198zm-16.198 0h2v2h-2v-2zm3 0h4v2h-4v-2z"
-      />
+          d="m18.308 10.92-3.255-3.256 1.414-1.414 5.657 5.657-5.657 5.657-1.414-1.415 3.23-3.229H10.11v-2h8.198zm-16.198 0h2v2h-2v-2zm3 0h4v2h-4v-2z"
+          id="icons-arrow-down_svg__a"/>
     </defs>
     <use
-      fill="currentColor"
-      fillRule="evenodd"
-      transform="rotate(90 12.017 11.907)"
-      xlinkHref="#icons-arrow-down_svg__a"
-    />
+        fill="currentColor"
+        fillRule="evenodd"
+        transform="rotate(90 12.017 11.907)"
+        xlinkHref="#icons-arrow-down_svg__a"/>
   </svg>
 );
+
+export default SvgIconsArrowDown;

package/src/Icon/tsx/IconsArrowForward.tsx

@@ -1,16 +1,18 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsArrowForward = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <defs>
       <path
-        id="icons-arrow-forward_svg__a"
-        d="M18.198 11l-3.255-3.256 1.414-1.414 5.657 5.657-5.657 5.657-1.414-1.415L18.173 13H10v-2h8.198zM2 11h2v2H2v-2zm3 0h4v2H5v-2z"
-      />
+          d="m18.198 11-3.255-3.256 1.414-1.414 5.657 5.657-5.657 5.657-1.414-1.415L18.173 13H10v-2h8.198zM2 11h2v2H2v-2zm3 0h4v2H5v-2z"
+          id="icons-arrow-forward_svg__a"/>
     </defs>
     <use
-      fill="currentColor"
-      fillRule="evenodd"
-      xlinkHref="#icons-arrow-forward_svg__a"
-    />
+        fill="currentColor"
+        fillRule="evenodd"
+        xlinkHref="#icons-arrow-forward_svg__a"/>
   </svg>
 );
+
+export default SvgIconsArrowForward;

package/src/Icon/tsx/IconsArrowQuit.tsx

@@ -1,10 +1,13 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsArrowQuit = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <path
-      fill="currentColor"
-      fillRule="evenodd"
-      d="M12.994 15H22v2h-9a2 2 0 01-2-2h-.006V7.492l-3.23 3.23L6.35 9.306l5.657-5.657 5.657 5.657-1.415 1.414-3.255-3.256V15z"
-    />
+        d="M12.994 15H22v2h-9a2 2 0 0 1-2-2h-.006V7.492l-3.23 3.23L6.35 9.306l5.657-5.657 5.657 5.657-1.415 1.414-3.255-3.256V15z"
+        fill="currentColor"
+        fillRule="evenodd"/>
   </svg>
 );
+
+export default SvgIconsArrowQuit;

package/src/Icon/tsx/IconsArrowUp.tsx

@@ -1,10 +1,13 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsArrowUp = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <path
-      fill="currentColor"
-      fillRule="evenodd"
-      d="M10.92 5.695L7.664 8.951 6.25 7.537l5.657-5.657 5.657 5.657-1.415 1.414-3.229-3.23v8.173h-2V5.695zm0 16.199v-2h2v2h-2zm0-3v-4h2v4h-2z"
-    />
+        d="M10.92 5.695 7.664 8.951 6.25 7.537l5.657-5.657 5.657 5.657-1.415 1.414-3.229-3.23v8.173h-2V5.695zm0 16.199v-2h2v2h-2zm0-3v-4h2v4h-2z"
+        fill="currentColor"
+        fillRule="evenodd"/>
   </svg>
 );
+
+export default SvgIconsArrowUp;

package/src/Icon/tsx/IconsBackArrow.tsx

@@ -1,16 +1,18 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsBackArrow = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <defs>
       <path
-        id="icons-back-arrow_svg__a"
-        d="M9.8 12.9l2.6 2.6-1.5 1.4-4.9-5L10.9 7l1.4 1.4-2.4 2.5h8v2z"
-      />
+          d="m9.8 12.9 2.6 2.6-1.5 1.4-4.9-5L10.9 7l1.4 1.4-2.4 2.5h8v2z"
+          id="icons-back-arrow_svg__a"/>
     </defs>
     <use
-      fill="currentColor"
-      fillRule="evenodd"
-      xlinkHref="#icons-back-arrow_svg__a"
-    />
+        fill="currentColor"
+        fillRule="evenodd"
+        xlinkHref="#icons-back-arrow_svg__a"/>
   </svg>
 );
+
+export default SvgIconsBackArrow;

package/src/Icon/tsx/IconsBell.tsx

@@ -1,16 +1,18 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsBell = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <defs>
       <path
-        id="icons-bell_svg__a"
-        d="M16.567 13.6c-.301-.4-.402-.9-.402-1.3V12c0-2.2-1.81-4-4.021-4-2.212 0-4.022 1.8-4.022 4v.2c0 .5-.1.9-.402 1.3L6.01 16h12.267l-1.71-2.4zm-6.434-7.3V6a2.011 2.011 0 014.021 0v.3c2.313.8 4.022 3 4.022 5.7v.4l1.71 2.4c.602.9.401 2.1-.504 2.8-.301.2-.703.4-1.206.4H6.011C4.905 18 4 17.1 4 16c0-.4.1-.8.402-1.2l1.71-2.4V12c0-2.6 1.708-4.8 4.02-5.7zM9.127 19h6.033c-.302 1.1-1.609 2-3.016 2-1.408 0-2.715-.8-3.017-2z"
-      />
+          d="M16.567 13.6c-.301-.4-.402-.9-.402-1.3V12c0-2.2-1.81-4-4.021-4-2.212 0-4.022 1.8-4.022 4v.2c0 .5-.1.9-.402 1.3L6.01 16h12.267l-1.71-2.4zm-6.434-7.3V6a2.011 2.011 0 0 1 4.021 0v.3c2.313.8 4.022 3 4.022 5.7v.4l1.71 2.4c.602.9.401 2.1-.504 2.8-.301.2-.703.4-1.206.4H6.011C4.905 18 4 17.1 4 16c0-.4.1-.8.402-1.2l1.71-2.4V12c0-2.6 1.708-4.8 4.02-5.7zM9.127 19h6.033c-.302 1.1-1.609 2-3.016 2-1.408 0-2.715-.8-3.017-2z"
+          id="icons-bell_svg__a"/>
     </defs>
     <use
-      fill="currentColor"
-      fillRule="evenodd"
-      xlinkHref="#icons-bell_svg__a"
-    />
+        fill="currentColor"
+        fillRule="evenodd"
+        xlinkHref="#icons-bell_svg__a"/>
   </svg>
 );
+
+export default SvgIconsBell;

package/src/Icon/tsx/IconsBitbot.tsx

@@ -1,16 +1,18 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsBitbot = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <defs>
       <path
-        id="icons-bitbot_svg__a"
-        d="M12.09 15.284c1.108 0 2.015-.93 2.015-2.065h-4.029c0 1.136.907 2.065 2.015 2.065m-3.626-4.13c-.806 0-1.41.62-1.41 1.446h2.82c0-.826-.705-1.445-1.41-1.445m7.05 0c-.806 0-1.41.62-1.41 1.445h2.72c0-.826-.605-1.445-1.31-1.445m-3.324-6.09c.605 0 1.007-.413 1.007-1.033 0-.62-.402-1.032-1.007-1.032-.604 0-1.007.413-1.007 1.032 0 .62.504 1.033 1.007 1.033m9.568 7.225c-.201-1.445-.604-2.993-.806-4.025-.302-1.24-1.41-2.065-2.618-2.168-1.31 0-3.424-.103-6.244-.103s-4.935.103-6.144.206c-1.31 0-2.417.929-2.72 2.065-.2 1.032-.603 2.477-.805 4.025-.201 1.033-.302 2.168-.403 3.51-.1.723.202 1.445.705 2.065.504.516 1.209.929 2.015.929 1.712.103 4.43.206 7.25.206 2.82 0 5.54-.103 7.252-.206.806 0 1.51-.413 2.014-.93a2.485 2.485 0 00.705-2.064c.101-1.342 0-2.477-.2-3.51zm-1.813 4.13c-.201.206-.403.309-.705.309-2.316.103-4.733.206-7.15.206-2.418 0-4.835-.103-7.151-.206-.302 0-.504-.103-.705-.31-.201-.206-.201-.31-.201-.413.1-1.238.201-2.374.402-3.406.101-1.239.403-2.477.705-3.82.101-.309.403-.515.907-.515a95.073 95.073 0 016.043-.207c2.316 0 4.431.103 6.042.207.403 0 .806.31.806.619.302 1.239.604 2.58.806 3.82.1.928.302 2.064.403 3.406 0 0 0 .103-.202.31z"
-      />
+          d="M12.09 15.284c1.108 0 2.015-.93 2.015-2.065h-4.029c0 1.136.907 2.065 2.015 2.065m-3.626-4.13c-.806 0-1.41.62-1.41 1.446h2.82c0-.826-.705-1.445-1.41-1.445m7.05 0c-.806 0-1.41.62-1.41 1.445h2.72c0-.826-.605-1.445-1.31-1.445m-3.324-6.09c.605 0 1.007-.413 1.007-1.033 0-.62-.402-1.032-1.007-1.032-.604 0-1.007.413-1.007 1.032 0 .62.504 1.033 1.007 1.033m9.568 7.225c-.201-1.445-.604-2.993-.806-4.025-.302-1.24-1.41-2.065-2.618-2.168-1.31 0-3.424-.103-6.244-.103s-4.935.103-6.144.206c-1.31 0-2.417.929-2.72 2.065-.2 1.032-.603 2.477-.805 4.025-.201 1.033-.302 2.168-.403 3.51-.1.723.202 1.445.705 2.065.504.516 1.209.929 2.015.929 1.712.103 4.43.206 7.25.206 2.82 0 5.54-.103 7.252-.206.806 0 1.51-.413 2.014-.93a2.485 2.485 0 0 0 .705-2.064c.101-1.342 0-2.477-.2-3.51zm-1.813 4.13c-.201.206-.403.309-.705.309-2.316.103-4.733.206-7.15.206-2.418 0-4.835-.103-7.151-.206-.302 0-.504-.103-.705-.31-.201-.206-.201-.31-.201-.413.1-1.238.201-2.374.402-3.406.101-1.239.403-2.477.705-3.82.101-.309.403-.515.907-.515a95.073 95.073 0 0 1 6.043-.207c2.316 0 4.431.103 6.042.207.403 0 .806.31.806.619.302 1.239.604 2.58.806 3.82.1.928.302 2.064.403 3.406 0 0 0 .103-.202.31z"
+          id="icons-bitbot_svg__a"/>
     </defs>
     <use
-      fill="currentColor"
-      fillRule="evenodd"
-      xlinkHref="#icons-bitbot_svg__a"
-    />
+        fill="currentColor"
+        fillRule="evenodd"
+        xlinkHref="#icons-bitbot_svg__a"/>
   </svg>
 );
+
+export default SvgIconsBitbot;

package/src/Icon/tsx/IconsBitbotFailed.tsx

@@ -1,14 +1,17 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsBitbotFailed = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <g fill="currentColor" fillRule="evenodd">
-      <path d="M13 5a1 1 0 11-2 0 1 1 0 012 0zm5.028 4.156A106.57 106.57 0 0012 9c-2.343 0-4.363.06-6.028.156-.441.025-.753.267-.827.556a41.54 41.54 0 00-.788 3.688c-.146.914-.267 2.01-.356 3.253-.01.147.042.286.173.422a1 1 0 00.688.286c2.304.1 4.747.162 7.138.162 2.39 0 4.833-.063 7.138-.162a1 1 0 00.687-.286c.132-.136.184-.275.173-.423a38.273 38.273 0 00-.355-3.252 41.581 41.581 0 00-.788-3.688c-.074-.29-.386-.531-.827-.556zm2.764.058c.25.97.595 2.428.826 3.87.156.976.282 2.128.375 3.425a2.527 2.527 0 01-.733 1.959 2.997 2.997 0 01-2.036.891c-1.731.075-4.39.164-7.224.164-2.835 0-5.493-.09-7.224-.164a2.997 2.997 0 01-2.037-.891 2.527 2.527 0 01-.732-1.959c.092-1.297.219-2.45.375-3.425a44.1 44.1 0 01.826-3.87c.297-1.155 1.362-1.981 2.65-2.055C7.122 7.087 9.214 7 12 7c2.786 0 4.878.087 6.142.159 1.288.074 2.353.9 2.65 2.055z" />
+      <path d="M13 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm5.028 4.156A106.57 106.57 0 0 0 12 9c-2.343 0-4.363.06-6.028.156-.441.025-.753.267-.827.556a41.54 41.54 0 0 0-.788 3.688c-.146.914-.267 2.01-.356 3.253-.01.147.042.286.173.422a1 1 0 0 0 .688.286c2.304.1 4.747.162 7.138.162 2.39 0 4.833-.063 7.138-.162a1 1 0 0 0 .687-.286c.132-.136.184-.275.173-.423a38.273 38.273 0 0 0-.355-3.252 41.581 41.581 0 0 0-.788-3.688c-.074-.29-.386-.531-.827-.556zm2.764.058c.25.97.595 2.428.826 3.87.156.976.282 2.128.375 3.425a2.527 2.527 0 0 1-.733 1.959 2.997 2.997 0 0 1-2.036.891c-1.731.075-4.39.164-7.224.164-2.835 0-5.493-.09-7.224-.164a2.997 2.997 0 0 1-2.037-.891 2.527 2.527 0 0 1-.732-1.959c.092-1.297.219-2.45.375-3.425a44.1 44.1 0 0 1 .826-3.87c.297-1.155 1.362-1.981 2.65-2.055C7.122 7.087 9.214 7 12 7c2.786 0 4.878.087 6.142.159 1.288.074 2.353.9 2.65 2.055z" />
       <path
-        stroke="currentColor"
-        strokeLinecap="square"
-        strokeWidth={2}
-        d="M6.5 12L8 13.5 6.5 15m3-3L8 13.5 9.5 15m5-3l1.5 1.5-1.5 1.5m3-3L16 13.5l1.5 1.5"
-      />
+          d="M6.5 12 8 13.5 6.5 15m3-3L8 13.5 9.5 15m5-3 1.5 1.5-1.5 1.5m3-3L16 13.5l1.5 1.5"
+          stroke="currentColor"
+          strokeLinecap="square"
+          strokeWidth={ 2 }/>
     </g>
   </svg>
 );
+
+export default SvgIconsBitbotFailed;

package/src/Icon/tsx/IconsBitbucket.tsx

@@ -1,30 +1,30 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsBitbucket = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <defs>
       <linearGradient
-        id="icons-bitbucket_svg__a"
-        x1="31.228%"
-        y1="82.399%"
-        y2="0%"
-      >
-        <stop offset="0%" stopColor="#FFF" stopOpacity={0.1} />
+          id="icons-bitbucket_svg__a"
+          x1="31.228%"
+          y1="82.399%"
+          y2="0%">
+        <stop offset="0%" stopColor="#FFF" stopOpacity={ 0.1 } />
         <stop offset="100%" stopColor="#184AB8" />
       </linearGradient>
       <path
-        id="icons-bitbucket_svg__b"
-        d="M15.092 9l-1.01 5.892H9.919L5 20.729a.87.87 0 00.56.212h13.07a.641.641 0 00.625-.538L21.14 9h-6.048z"
-      />
+          d="m15.092 9-1.01 5.892H9.919L5 20.729a.87.87 0 0 0 .56.212h13.07a.641.641 0 0 0 .625-.538L21.14 9h-6.048z"
+          id="icons-bitbucket_svg__b"/>
     </defs>
     <g fill="none" fillRule="evenodd">
       <path
-        fill="#FFF"
-        d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892zM2.65 3a.64.64 0 00-.64.743l2.72 16.513a.87.87 0 00.851.727h13.05a.64.64 0 00.64-.538l2.72-16.698a.64.64 0 00-.64-.744L2.648 3z"
-      />
+          d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892zM2.65 3a.64.64 0 0 0-.64.743l2.72 16.513a.87.87 0 0 0 .851.727h13.05a.64.64 0 0 0 .64-.538l2.72-16.698a.64.64 0 0 0-.64-.744L2.648 3z"
+          fill="#FFF"/>
       <use
-        fill="url(#icons-bitbucket_svg__a)"
-        xlinkHref="#icons-bitbucket_svg__b"
-      />
+          fill="url(#icons-bitbucket_svg__a)"
+          xlinkHref="#icons-bitbucket_svg__b"/>
     </g>
   </svg>
 );
+
+export default SvgIconsBitbucket;

package/src/Icon/tsx/IconsBitbucketFill.tsx

@@ -1,10 +1,13 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsBitbucketFill = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <path
-      fill="currentColor"
-      fillRule="evenodd"
-      d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892zM2.65 3a.64.64 0 00-.64.743l2.72 16.513a.87.87 0 00.851.727h13.05a.64.64 0 00.64-.538l2.72-16.698a.64.64 0 00-.64-.744L2.648 3z"
-    />
+        d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892zM2.65 3a.64.64 0 0 0-.64.743l2.72 16.513a.87.87 0 0 0 .851.727h13.05a.64.64 0 0 0 .64-.538l2.72-16.698a.64.64 0 0 0-.64-.744L2.648 3z"
+        fill="currentColor"
+        fillRule="evenodd"/>
   </svg>
 );
+
+export default SvgIconsBitbucketFill;

package/src/Icon/tsx/IconsBitriseCertified.tsx

@@ -1,15 +1,17 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24" fill="none">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsBitriseCertified = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } fill="none" viewBox="0 0 24 24">
     <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M14.34 5.152L12 3 9.66 5.152 6.439 4.72l-.563 3.049L3 9.218 4.43 12 3 14.781l2.875 1.451.563 3.05 3.223-.434L12 21l2.34-2.152 3.222.433.563-3.049L21 14.782 19.57 12 21 9.219l-2.875-1.451-.563-3.05-3.223.434z"
-      fill="currentColor"
-    />
+        clipRule="evenodd"
+        d="M14.34 5.152 12 3 9.66 5.152 6.439 4.72l-.563 3.049L3 9.218 4.43 12 3 14.781l2.875 1.451.563 3.05 3.223-.434L12 21l2.34-2.152 3.222.433.563-3.049L21 14.782 19.57 12 21 9.219l-2.875-1.451-.563-3.05-3.223.434Z"
+        fill="currentColor"
+        fillRule="evenodd"/>
     <path
-      d="M12.724 15.6c1.544 0 2.57-1.048 2.57-2.214 0-1.296-1.242-1.782-1.242-1.782s.864-.486.864-1.566c0-1.026-.972-1.998-2.376-1.998H9.3v7.56h3.424zm-1.804-1.35v-1.944h1.728c.594 0 1.026.432 1.026.972s-.432.972-1.026.972H10.92zm1.512-4.86c.54 0 .864.324.864.81 0 .486-.324.81-.864.81H10.92V9.39h1.512z"
-      fill="#fff"
-    />
+        d="M12.724 15.6c1.544 0 2.57-1.048 2.57-2.214 0-1.296-1.242-1.782-1.242-1.782s.864-.486.864-1.566c0-1.026-.972-1.998-2.376-1.998H9.3v7.56h3.424Zm-1.804-1.35v-1.944h1.728c.594 0 1.026.432 1.026.972s-.432.972-1.026.972H10.92Zm1.512-4.86c.54 0 .864.324.864.81 0 .486-.324.81-.864.81H10.92V9.39h1.512Z"
+        fill="#fff"/>
   </svg>
 );
+
+export default SvgIconsBitriseCertified;

package/src/Icon/tsx/IconsBook.tsx

@@ -1,16 +1,18 @@
-import * as React from "react";
-export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsBook = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } viewBox="0 0 24 24">
     <defs>
       <path
-        id="icons-book_svg__a"
-        d="M16 2H8c-1.1 0-2 .945-2 2.1v12.6c0 1.155.9 2.1 2 2.1h3v4.095l1.9-2.205L15 23v-4.2h1c1.1 0 2-.945 2-2.1V4.1c0-1.155-.9-2.1-2-2.1zm0 15h-6V4h6v13zM11 7h4v2h-4V7z"
-      />
+          d="M16 2H8c-1.1 0-2 .945-2 2.1v12.6c0 1.155.9 2.1 2 2.1h3v4.095l1.9-2.205L15 23v-4.2h1c1.1 0 2-.945 2-2.1V4.1c0-1.155-.9-2.1-2-2.1zm0 15h-6V4h6v13zM11 7h4v2h-4V7z"
+          id="icons-book_svg__a"/>
     </defs>
     <use
-      fill="currentColor"
-      fillRule="evenodd"
-      xlinkHref="#icons-book_svg__a"
-    />
+        fill="currentColor"
+        fillRule="evenodd"
+        xlinkHref="#icons-book_svg__a"/>
   </svg>
 );
+
+export default SvgIconsBook;