@bitrise/bitkit 9.1.6 → 9.2.2

package/lib/esn/tsconfig.tsbuildinfo

@@ -417,10 +417,6 @@
         "version": "34c382f5d21ae0b849ea724430f473679587c2cea57df261126e927060b0c739",
         "signature": "b9a55fa195d0cada40c826f57f7185ffa3014d676f01a05667405fc26ff80835"
       },
-      "/bitrise/src/src/Icon/tsx/IconsEye.tsx": {
-        "version": "7cec50760705a228f57190d72ec270dbd28b2896ceba516381ef875b4100e288",
-        "signature": "a8119a13c06b541b4fda4830189d91889046bf8cfb249ebf1fa57b960b16bd9a"
-      },
       "/bitrise/src/src/Icon/tsx/IconsFileDoc.tsx": {
         "version": "10ab8e7bdf0a87b0981d877ec8d6fe36f754905d20a98494c87e09c20b5178e9",
         "signature": "4f7b410895f34799960f1de432061494521ed698b59e04a789797e1406401915"
@@ -485,6 +481,10 @@
         "version": "65ca56979d35815997d42ef2cbda02baeb9551f42660a362a4374d11577ab06b",
         "signature": "19c91477a1173564d11616b20425733698d2d56b83668e092ccf7d32ca6b2f54"
       },
+      "/bitrise/src/src/Icon/tsx/IconsHidePassword.tsx": {
+        "version": "1686a5ea624ec1b53766fe2fb670200ab38560183d96b4469d05e7eca56a92bd",
+        "signature": "f86d9c242cefeb96db92329f790ba5ea8ee5d72dc481b8ea7ae09f6ff8c0584d"
+      },
       "/bitrise/src/src/Icon/tsx/IconsHistory.tsx": {
         "version": "b09bc9dce7a008818a9fafc73d7d82cf92316588724d78a274197f45cfd9632d",
         "signature": "39c908c9fc556964e07aca32535eb4c64eea6c2fee727eb4993692122cc804b0"
@@ -709,6 +709,10 @@
         "version": "9145b884643c8fe03c3b67668d87f72dff9c084954a60f9275a3026e01c4b7fb",
         "signature": "da2b75855058ee98fdbf735e6b00e79ba347c21de1d869c9ef5ec37a7e9be87b"
       },
+      "/bitrise/src/src/Icon/tsx/IconsShowPassword.tsx": {
+        "version": "fdbf9edcd6a8a9a396702483e34e819d5ebbe4b9dc8875ffc8831e193469604b",
+        "signature": "5b9374ffda84d50d9401c59f1d8c76628d32c71e76ec81723719e9662ff982e4"
+      },
       "/bitrise/src/src/Icon/tsx/IconsShuffle.tsx": {
         "version": "c183be5134e63c064c065349eb1e87c920cc78e578f04548e9f02c2ba57d0021",
         "signature": "a254024fc491cb3af8908ceae5b8136472e563aa97bfc6ca22f86af78ed804d0"
@@ -846,8 +850,8 @@
         "signature": "dd09fa7389df583f3735c5707652b2a7a29275c764d2f9c12c402ade540b0bbc"
       },
       "/bitrise/src/src/Icon/tsx/index.ts": {
-        "version": "13862a7915f2f177180fbff9bcc93243dd704d7554cf41c13e562f705fb49a6b",
-        "signature": "78fccb421d5019943e48f27d28f318e384d145c95fb8ca262b98c0c572d13a50"
+        "version": "3b52bfd0820bdef26dc3dc0dc82a467fb642d25a293fa6371a5a979de0f50113",
+        "signature": "520d03a23308f00086274446cfcc721181923c554145cfdc8440301c3ab6f9a4"
       },
       "/bitrise/src/src/variables.ts": {
         "version": "657aac073381bbc671cd3459844c4b979942eb74d6b431e898ee4e73b3ecf332",
@@ -992,9 +996,13 @@
         "version": "f305ddb03e57eaa7a58633d414ccb76d1589398f1cc65b8af2de66e4ea3c834f",
         "signature": "b77da07fc65e8498d161679d0b393d5e21d8becedb04adbbd0d921052e8f4b27"
       },
+      "/bitrise/src/src/Button/ButtonSize.ts": {
+        "version": "2779bfdc1cbf30315e8f6cce4fef9c57f4ef36eef75cc363e34f11293a6abeba",
+        "signature": "8ce445c09395d964e0bb4098b6b542ea815be587819830f279972b4fc7333b82"
+      },
       "/bitrise/src/src/Button/Button.tsx": {
-        "version": "fcf9680314e889e38420ba6df898748130ec43a2ba6a826d991bc72d55de26c6",
-        "signature": "5bcc10c84ef5c425847e1fcbe2254bd85a547e797671f4b065aaedca1992a310"
+        "version": "aaf9d9485b0cb6f04ed33e0375913cd9055e742edd84828cecbd92d63604ee3e",
+        "signature": "178fd572bd74fdfee891b8ec35e061eb345740945c4e4ae22049fc3f3313d051"
       },
       "/bitrise/src/src/Button/Buttons.tsx": {
         "version": "e5bef22712f5a42ae6ae3c1b63cbb07b59d834f804b5c1a0ec4eaabf876b9b9e",
@@ -1025,8 +1033,8 @@
         "signature": "a6c91195a9a692fa95736513d3cd875f7fc8b23f17e12a865d696c9e69dd5f75"
       },
       "/bitrise/src/src/Button/ColorButton.tsx": {
-        "version": "ad8fc39983eb26bab94e8f3b07a0dd5a23c7f41e7b154c134be0e01e39bbbf89",
-        "signature": "f1eb65acb4f3a572c412e8126302557d52b38f003ecca7fed1f037c6cf677a67"
+        "version": "c229f924965a0e3e4aacefd2f23527273718e0eb4351295be9cd00c73f92406c",
+        "signature": "7147b6bf41f24207d04e83042592ad0d764e4d0e99ab2c8d16d940e21bd2f346"
       },
       "/bitrise/src/node_modules/@types/luxon/index.d.ts": {
         "version": "2e3ecf70a6141d644cdc7292d6ee7e855c1646a3c9cf89e4f11ad0f8067fd288",
@@ -1213,11 +1221,11 @@
         "signature": "f1e1c7937d162a2076aab174e2fa3b6e922e0973abcc110bea1db07334b794ed"
       },
       "/bitrise/src/src/Progress/ProgressButtonContent.tsx": {
-        "version": "f691d44cfce3dd08e02e4c4bb2ec697605c7869c873f4e46061102acdb861fdb",
-        "signature": "c7bc06141a90ecd84ed43521fce78d0e5dff9e683501328b6141a0a7659744c0"
+        "version": "05c000cd8d012507f992f97b1b539293636f27f4899df7bdd5a054bc3562a8a1",
+        "signature": "35601ba6e4a826a5024ec867844acbef66b9a0ca931a4cd7b59cb12004426e0a"
       },
       "/bitrise/src/src/Progress/ProgressButton.tsx": {
-        "version": "69390605109df5703e966769e369896ae50c711339287a373d9f7693d4e35f7a",
+        "version": "5ceb085b549f9645f5faebc35d59690dc965da3eb2a886e299789b0f3b52d9d9",
         "signature": "1d8e946910abae24a8af73d63858846284c2b0a663fe0a87cf9b1bf528f17764"
       },
       "/bitrise/src/src/Progress/ProgressBitbot.tsx": {
@@ -2283,11 +2291,6 @@
         "/bitrise/src/node_modules/@types/node/util.d.ts",
         "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
       ],
-      "/bitrise/src/src/Icon/tsx/IconsEye.tsx": [
-        "/bitrise/src/node_modules/@types/react/index.d.ts",
-        "/bitrise/src/node_modules/@types/node/util.d.ts",
-        "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
-      ],
       "/bitrise/src/src/Icon/tsx/IconsFileDoc.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts",
         "/bitrise/src/node_modules/@types/node/util.d.ts",
@@ -2368,6 +2371,11 @@
         "/bitrise/src/node_modules/@types/node/util.d.ts",
         "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
       ],
+      "/bitrise/src/src/Icon/tsx/IconsHidePassword.tsx": [
+        "/bitrise/src/node_modules/@types/react/index.d.ts",
+        "/bitrise/src/node_modules/@types/node/util.d.ts",
+        "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
+      ],
       "/bitrise/src/src/Icon/tsx/IconsHistory.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts",
         "/bitrise/src/node_modules/@types/node/util.d.ts",
@@ -2648,6 +2656,11 @@
         "/bitrise/src/node_modules/@types/node/util.d.ts",
         "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
       ],
+      "/bitrise/src/src/Icon/tsx/IconsShowPassword.tsx": [
+        "/bitrise/src/node_modules/@types/react/index.d.ts",
+        "/bitrise/src/node_modules/@types/node/util.d.ts",
+        "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
+      ],
       "/bitrise/src/src/Icon/tsx/IconsShuffle.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts",
         "/bitrise/src/node_modules/@types/node/util.d.ts",
@@ -2882,7 +2895,6 @@
         "/bitrise/src/src/Icon/tsx/IconsDuplicate.tsx",
         "/bitrise/src/src/Icon/tsx/IconsEnterprise.tsx",
         "/bitrise/src/src/Icon/tsx/IconsErrorGeneral.tsx",
-        "/bitrise/src/src/Icon/tsx/IconsEye.tsx",
         "/bitrise/src/src/Icon/tsx/IconsFileDoc.tsx",
         "/bitrise/src/src/Icon/tsx/IconsFilePdf.tsx",
         "/bitrise/src/src/Icon/tsx/IconsFilePlist.tsx",
@@ -2899,6 +2911,7 @@
         "/bitrise/src/src/Icon/tsx/IconsGlobe.tsx",
         "/bitrise/src/src/Icon/tsx/IconsGroup.tsx",
         "/bitrise/src/src/Icon/tsx/IconsHeart.tsx",
+        "/bitrise/src/src/Icon/tsx/IconsHidePassword.tsx",
         "/bitrise/src/src/Icon/tsx/IconsHistory.tsx",
         "/bitrise/src/src/Icon/tsx/IconsImage.tsx",
         "/bitrise/src/src/Icon/tsx/IconsInfo.tsx",
@@ -2955,6 +2968,7 @@
         "/bitrise/src/src/Icon/tsx/IconsSecurityShield.tsx",
         "/bitrise/src/src/Icon/tsx/IconsSettings.tsx",
         "/bitrise/src/src/Icon/tsx/IconsShip.tsx",
+        "/bitrise/src/src/Icon/tsx/IconsShowPassword.tsx",
         "/bitrise/src/src/Icon/tsx/IconsShuffle.tsx",
         "/bitrise/src/src/Icon/tsx/IconsStability.tsx",
         "/bitrise/src/src/Icon/tsx/IconsStack.tsx",
@@ -3222,10 +3236,15 @@
         "/bitrise/src/node_modules/@types/node/util.d.ts",
         "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
       ],
+      "/bitrise/src/src/Button/ButtonSize.ts": [
+        "/bitrise/src/node_modules/@types/node/util.d.ts",
+        "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
+      ],
       "/bitrise/src/src/Button/Button.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts",
         "/bitrise/src/node_modules/@types/classnames/index.d.ts",
         "/bitrise/src/src/Flex/Flex.tsx",
+        "/bitrise/src/src/Button/ButtonSize.ts",
         "/bitrise/src/node_modules/@types/node/util.d.ts",
         "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
       ],
@@ -3278,6 +3297,7 @@
         "/bitrise/src/node_modules/@types/react/index.d.ts",
         "/bitrise/src/node_modules/@types/classnames/index.d.ts",
         "/bitrise/src/src/Flex/Flex.tsx",
+        "/bitrise/src/src/Button/ButtonSize.ts",
         "/bitrise/src/node_modules/@types/node/util.d.ts",
         "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
       ],
@@ -3638,6 +3658,7 @@
         "/bitrise/src/src/Base/Base.tsx",
         "/bitrise/src/src/Progress/ProgressSpinner.tsx",
         "/bitrise/src/src/Visibility/Visibility.tsx",
+        "/bitrise/src/src/Button/ButtonSize.ts",
         "/bitrise/src/node_modules/@types/node/util.d.ts",
         "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
       ],
@@ -5139,7 +5160,8 @@
         "/bitrise/src/node_modules/@types/react/index.d.ts"
       ],
       "/bitrise/src/src/Progress/ProgressButtonContent.tsx": [
-        "/bitrise/src/node_modules/@types/react/index.d.ts"
+        "/bitrise/src/node_modules/@types/react/index.d.ts",
+        "/bitrise/src/src/Button/ButtonSize.ts"
       ],
       "/bitrise/src/src/Notification/Notification.tsx": [
         "/bitrise/src/src/Flex/Flex.tsx",
@@ -5325,6 +5347,7 @@
       ],
       "/bitrise/src/src/Button/ColorButton.tsx": [
         "/bitrise/src/src/Flex/Flex.tsx",
+        "/bitrise/src/src/Button/ButtonSize.ts",
         "/bitrise/src/node_modules/@types/react/index.d.ts"
       ],
       "/bitrise/src/src/Checkbox/Checkbox.tsx": [
@@ -5352,6 +5375,7 @@
       ],
       "/bitrise/src/src/Button/Button.tsx": [
         "/bitrise/src/src/Flex/Flex.tsx",
+        "/bitrise/src/src/Button/ButtonSize.ts",
         "/bitrise/src/node_modules/@types/react/index.d.ts"
       ],
       "/bitrise/src/src/Bounds/Bounds.tsx": [
@@ -5569,6 +5593,9 @@
       "/bitrise/src/src/Icon/tsx/IconsShuffle.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts"
       ],
+      "/bitrise/src/src/Icon/tsx/IconsShowPassword.tsx": [
+        "/bitrise/src/node_modules/@types/react/index.d.ts"
+      ],
       "/bitrise/src/src/Icon/tsx/IconsShip.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts"
       ],
@@ -5737,6 +5764,9 @@
       "/bitrise/src/src/Icon/tsx/IconsHistory.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts"
       ],
+      "/bitrise/src/src/Icon/tsx/IconsHidePassword.tsx": [
+        "/bitrise/src/node_modules/@types/react/index.d.ts"
+      ],
       "/bitrise/src/src/Icon/tsx/IconsHeart.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts"
       ],
@@ -5785,9 +5815,6 @@
       "/bitrise/src/src/Icon/tsx/IconsFileDoc.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts"
       ],
-      "/bitrise/src/src/Icon/tsx/IconsEye.tsx": [
-        "/bitrise/src/node_modules/@types/react/index.d.ts"
-      ],
       "/bitrise/src/src/Icon/tsx/IconsErrorGeneral.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts"
       ],
@@ -6790,7 +6817,6 @@
       "/bitrise/src/src/Icon/tsx/IconsDuplicate.tsx",
       "/bitrise/src/src/Icon/tsx/IconsEnterprise.tsx",
       "/bitrise/src/src/Icon/tsx/IconsErrorGeneral.tsx",
-      "/bitrise/src/src/Icon/tsx/IconsEye.tsx",
       "/bitrise/src/src/Icon/tsx/IconsFileDoc.tsx",
       "/bitrise/src/src/Icon/tsx/IconsFilePdf.tsx",
       "/bitrise/src/src/Icon/tsx/IconsFilePlist.tsx",
@@ -6807,6 +6833,7 @@
       "/bitrise/src/src/Icon/tsx/IconsGlobe.tsx",
       "/bitrise/src/src/Icon/tsx/IconsGroup.tsx",
       "/bitrise/src/src/Icon/tsx/IconsHeart.tsx",
+      "/bitrise/src/src/Icon/tsx/IconsHidePassword.tsx",
       "/bitrise/src/src/Icon/tsx/IconsHistory.tsx",
       "/bitrise/src/src/Icon/tsx/IconsImage.tsx",
       "/bitrise/src/src/Icon/tsx/IconsInfo.tsx",
@@ -6863,6 +6890,7 @@
       "/bitrise/src/src/Icon/tsx/IconsSecurityShield.tsx",
       "/bitrise/src/src/Icon/tsx/IconsSettings.tsx",
       "/bitrise/src/src/Icon/tsx/IconsShip.tsx",
+      "/bitrise/src/src/Icon/tsx/IconsShowPassword.tsx",
       "/bitrise/src/src/Icon/tsx/IconsShuffle.tsx",
       "/bitrise/src/src/Icon/tsx/IconsStability.tsx",
       "/bitrise/src/src/Icon/tsx/IconsStack.tsx",
@@ -6934,6 +6962,7 @@
       "/bitrise/src/src/Avatar/avatarColors.ts",
       "/bitrise/src/src/Avatar/Avatar.tsx",
       "/bitrise/src/src/Bounds/Bounds.tsx",
+      "/bitrise/src/src/Button/ButtonSize.ts",
       "/bitrise/src/src/Button/Button.tsx",
       "/bitrise/src/src/Button/Buttons.tsx",
       "/bitrise/src/src/ButtonWithDropdown/ButtonWithDropdown.tsx",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.1.6",
+  "version": "9.2.2",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "lib/cjs/index.js",
   "esnext": "lib/esn/index.js",
@@ -25,7 +25,7 @@
     "serve": "superstatic ./dist --port 4001 -c superstatic.json",
     "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:site": "parcel serve 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"
   },

package/site/components/Documentation/Components/SectionProgress.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { hooks, Base, Buttons, ProgressBar, ProgressButton, ProgressColorButton, ProgressBitbot, ProgressSpinner, Flex, Text } from '@bitrise/bitkit';
+import { hooks, Base, Buttons, ProgressBar, ProgressButton, ProgressColorButton, ProgressBitbot, ProgressSpinner, Flex, Text, Icon } from '@bitrise/bitkit';
 import Section from '../../Section/Section';
 import SectionSubTitle from '../../Section/SectionSubTitle';
 
@@ -14,6 +14,7 @@ const SectionProgress = () => {
   const [progressing2, setProgressing2] = useState(false);
   const [progressing3, setProgressing3] = useState(false);
   const [progressing4, setProgressing4] = useState(false);
+  const [progressing5, setProgressing5] = useState(false);
 
   React.useEffect(() => {
     refTimeout.current = window.setTimeout(() => {
@@ -96,6 +97,14 @@ const SectionProgress = () => {
               size="medium">
             Color button
           </ProgressColorButton>
+
+          <ProgressButton
+              level="primary"
+              onClick={ () => setProgressing5(!progressing5) }
+              progressing={ progressing5 }>
+            <Icon name="App" />
+            <span>Button with icon</span>
+          </ProgressButton>
         </Buttons>
       </Base>
 

package/src/Button/Button.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import classnames from 'classnames';
 import Flex, { Props as FlexProps } from '../Flex/Flex';
 import './Button.css';
+import ButtonSize from './ButtonSize';
 
 export interface Props extends FlexProps {
   /**
@@ -21,7 +22,7 @@ export interface Props extends FlexProps {
    * into smaller spaces, while large will help the button stand
    * out on a page with lots of space.
    */
-  size?: 'small' | 'medium' | 'large';
+  size?: ButtonSize;
   /**
    * Variant is another prop that changes the styles to indicate it's usage.
    * For example "danger" is to let the user know this button performs a

package/src/Button/ButtonSize.ts

@@ -0,0 +1,3 @@
+type ButtonSize = 'small' | 'medium' | 'large';
+
+export default ButtonSize;

package/src/Button/ColorButton.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import classnames from 'classnames';
 import Flex, { Props as FlexProps } from '../Flex/Flex';
 import './ColorButton.css';
+import ButtonSize from './ButtonSize';
 
 export interface Props extends FlexProps {
   /** Color of the button */
@@ -11,7 +12,7 @@ export interface Props extends FlexProps {
    * into smaller spaces, while large will help the button stand
    * out on a page with lots of space.
    */
-  size: 'small' | 'medium' | 'large';
+  size?: ButtonSize;
 }
 
 /**

package/src/Icon/svg/icons-hide-password.svg

@@ -0,0 +1,4 @@
+<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.2929 17.7071L2.29289 1.70712L3.70711 0.292908L6.08051 2.66631C7.00348 2.22999 8.01944 2.00018 9.0708 2.00018L12.9328 2.00118C14.8008 2.00118 16.5588 2.72818 17.8798 4.05118L21.4148 7.58618C22.1948 8.36518 22.1948 9.63518 21.4148 10.4142C20.1547 11.6742 18.9401 13.0089 17.6148 14.2006L19.7071 16.2929L18.2929 17.7071ZM16.1981 12.7839L13.7069 10.2927C13.8941 9.90123 13.999 9.46286 13.999 8.99998C13.999 7.34398 12.655 5.99998 10.999 5.99998C10.5361 5.99998 10.0978 6.10486 9.70632 6.29212L7.6252 4.211C8.08816 4.07205 8.57401 4.00018 9.0708 4.00018L12.9318 4.00118C14.2668 4.00118 15.5218 4.52018 16.4658 5.46518L20.0018 8.99918C18.7456 10.2554 17.5444 11.6239 16.1981 12.7839Z" fill="#351D48"/>
+    <path d="M2.96338 5.20761L0.584802 7.58618C-0.195198 8.36518 -0.195198 9.63518 0.584802 10.4142L4.1208 13.9502C5.4428 15.2722 7.2008 16.0002 9.0708 16.0002L12.9318 15.9992C13.1926 15.9992 13.4527 15.9842 13.7106 15.9548L11.7553 13.9995L9.0708 14.0002C7.7358 14.0002 6.4798 13.4802 5.5348 12.5362L1.9988 9.00018L4.37738 6.62161L2.96338 5.20761Z" fill="#351D48"/>
+</svg>

package/src/Icon/tsx/IconsHidePassword.tsx

@@ -0,0 +1,17 @@
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsHidePassword = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } fill="none" viewBox="0 0 22 18">
+    <path
+        clipRule="evenodd"
+        d="m18.293 17.707-16-16L3.707.293l2.374 2.373A6.979 6.979 0 0 1 9.07 2l3.862.001c1.868 0 3.626.727 4.947 2.05l3.535 3.535c.78.78.78 2.05 0 2.828-1.26 1.26-2.475 2.595-3.8 3.787l2.092 2.092-1.414 1.414Zm-2.095-4.923-2.491-2.491a3.001 3.001 0 0 0-4-4L7.624 4.21c.463-.139.949-.21 1.446-.21h3.86c1.336 0 2.59.52 3.535 1.464L20.002 9c-1.256 1.256-2.458 2.625-3.804 3.785Z"
+        fill="currentColor"
+        fillRule="evenodd"/>
+    <path
+        d="M2.963 5.208.585 7.586a2.001 2.001 0 0 0 0 2.828L4.12 13.95A6.954 6.954 0 0 0 9.07 16h3.86c.262 0 .522-.016.78-.045l-1.956-1.956L9.071 14a4.971 4.971 0 0 1-3.536-1.464L1.999 9l2.378-2.378-1.414-1.414Z"
+        fill="currentColor"/>
+  </svg>
+);
+
+export default SvgIconsHidePassword;

package/src/Icon/tsx/{IconsEye.tsx → IconsShowPassword.tsx}

@@ -1,15 +1,18 @@
 // THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
 import * as React from 'react';
 
-const SvgIconsEye = (props: React.SVGProps<SVGSVGElement>) => (
+const SvgIconsShowPassword = (props: React.SVGProps<SVGSVGElement>) => (
   <svg { ...props } viewBox="0 0 24 24">
     <defs>
       <path
           d="M11.999 9a3.001 3.001 0 0 1 0 6 3 3 0 1 1 0-6zm5.467 6.535L21.002 12l-3.536-3.534a4.961 4.961 0 0 0-3.534-1.464H10.07a4.967 4.967 0 0 0-3.536 1.463L2.999 12l3.536 3.536A4.971 4.971 0 0 0 10.07 17h3.86a5.029 5.029 0 0 0 3.535-1.465zm4.949-4.949c.78.78.78 2.05 0 2.828L18.88 16.95A7.042 7.042 0 0 1 13.932 19H10.07a6.954 6.954 0 0 1-4.95-2.05l-3.535-3.536a2.001 2.001 0 0 1 0-2.828L5.12 7.05A6.95 6.95 0 0 1 10.07 5l3.862.001c1.868 0 3.626.727 4.947 2.05l3.535 3.535z"
-          id="icons-eye_svg__a"/>
+          id="icons-show-password_svg__a"/>
     </defs>
-    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-eye_svg__a" />
+    <use
+        fill="currentColor"
+        fillRule="evenodd"
+        xlinkHref="#icons-show-password_svg__a"/>
   </svg>
 );
 
-export default SvgIconsEye;
+export default SvgIconsShowPassword;

package/src/Icon/tsx/index.ts

@@ -61,7 +61,6 @@ import Dudes from './IconsDudes';
 import Duplicate from './IconsDuplicate';
 import Enterprise from './IconsEnterprise';
 import ErrorGeneral from './IconsErrorGeneral';
-import Eye from './IconsEye';
 import FileDoc from './IconsFileDoc';
 import FilePdf from './IconsFilePdf';
 import FilePlist from './IconsFilePlist';
@@ -78,6 +77,7 @@ import Gitlab from './IconsGitlab';
 import Globe from './IconsGlobe';
 import Group from './IconsGroup';
 import Heart from './IconsHeart';
+import HidePassword from './IconsHidePassword';
 import History from './IconsHistory';
 import Image from './IconsImage';
 import Info from './IconsInfo';
@@ -134,6 +134,7 @@ import Save from './IconsSave';
 import SecurityShield from './IconsSecurityShield';
 import Settings from './IconsSettings';
 import Ship from './IconsShip';
+import ShowPassword from './IconsShowPassword';
 import Shuffle from './IconsShuffle';
 import Stability from './IconsStability';
 import Stack from './IconsStack';
@@ -233,7 +234,6 @@ export type TypeIconName =
   | 'Duplicate'
   | 'Enterprise'
   | 'ErrorGeneral'
-  | 'Eye'
   | 'FileDoc'
   | 'FilePdf'
   | 'FilePlist'
@@ -250,6 +250,7 @@ export type TypeIconName =
   | 'Globe'
   | 'Group'
   | 'Heart'
+  | 'HidePassword'
   | 'History'
   | 'Image'
   | 'Info'
@@ -306,6 +307,7 @@ export type TypeIconName =
   | 'SecurityShield'
   | 'Settings'
   | 'Ship'
+  | 'ShowPassword'
   | 'Shuffle'
   | 'Stability'
   | 'Stack'
@@ -405,7 +407,6 @@ export const IconList: TypeIconName[] = [
   'Duplicate',
   'Enterprise',
   'ErrorGeneral',
-  'Eye',
   'FileDoc',
   'FilePdf',
   'FilePlist',
@@ -422,6 +423,7 @@ export const IconList: TypeIconName[] = [
   'Globe',
   'Group',
   'Heart',
+  'HidePassword',
   'History',
   'Image',
   'Info',
@@ -478,6 +480,7 @@ export const IconList: TypeIconName[] = [
   'SecurityShield',
   'Settings',
   'Ship',
+  'ShowPassword',
   'Shuffle',
   'Stability',
   'Stack',
@@ -580,7 +583,6 @@ export const IconMap: {
   Duplicate,
   Enterprise,
   ErrorGeneral,
-  Eye,
   FileDoc,
   FilePdf,
   FilePlist,
@@ -597,6 +599,7 @@ export const IconMap: {
   Globe,
   Group,
   Heart,
+  HidePassword,
   History,
   Image,
   Info,
@@ -653,6 +656,7 @@ export const IconMap: {
   SecurityShield,
   Settings,
   Ship,
+  ShowPassword,
   Shuffle,
   Stability,
   Stack,

package/src/Progress/ProgressButton.tsx

@@ -10,11 +10,11 @@ export interface Props extends ButtonProps, ProgressButtonContentProps { }
  * something is happening.
  */
 const ProgressButton: React.FunctionComponent<Props> = (props: Props) => {
-  const { children, progressing, ...rest } = props;
+  const { children, progressing, size, ...rest } = props;
 
   return (
-    <Button { ...rest }>
-      <ProgressButtonContent progressing={ progressing }>
+    <Button size={ size } { ...rest }>
+      <ProgressButtonContent progressing={ progressing } size={ size }>
         { children }
       </ProgressButtonContent>
     </Button>

package/src/Progress/ProgressButtonContent.tsx

@@ -2,10 +2,12 @@ import * as React from 'react';
 import Base from '../Base/Base';
 import ProgressSpinner from './ProgressSpinner';
 import Visibility from '../Visibility/Visibility';
+import ButtonSize from '../Button/ButtonSize';
 
 export interface Props {
   progressing: boolean;
   children: React.ReactNode;
+  size?: ButtonSize;
 }
 
 /**
@@ -14,11 +16,16 @@ export interface Props {
  * something is happening.
  */
 const ProgressButtonContent: React.FunctionComponent<Props> = (props: Props) => {
-  const { children, progressing } = props;
+  const { children, progressing, size } = props;
+  const gap = size === 'small' ? 'x1' : 'x2';
 
   return (
     <Base container>
-      <Visibility visible={ !progressing }>
+      <Visibility
+          alignChildren="middle"
+          direction="horizontal"
+          gap={ gap }
+          visible={ !progressing }>
         { children }
       </Visibility>
 

package/lib/cjs/Icon/tsx/IconsEye.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-declare const SvgIconsEye: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgIconsEye;
-//# sourceMappingURL=IconsEye.d.ts.map

package/lib/cjs/Icon/tsx/IconsEye.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconsEye.d.ts","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsEye.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,WAAW,uDAShB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/cjs/Icon/tsx/IconsEye.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconsEye.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsEye.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,8FAA8F;AAC9F,2CAA+B;AAE/B,IAAM,WAAW,GAAG,UAAC,KAAoC,IAAK,OAAA,CAC5D,wCAAU,KAAK,IAAG,OAAO,EAAC,WAAW;IACnC;QACE,8BACI,CAAC,EAAC,mdAAmd,EACrd,EAAE,EAAC,kBAAkB,GAAE,CACtB;IACP,6BAAK,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,mBAAmB,GAAG,CACxE,CACP,EAT6D,CAS7D,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/lib/esn/Icon/tsx/IconsEye.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-declare const SvgIconsEye: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgIconsEye;
-//# sourceMappingURL=IconsEye.d.ts.map

package/lib/esn/Icon/tsx/IconsEye.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconsEye.d.ts","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsEye.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,WAAW,uDAShB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esn/Icon/tsx/IconsEye.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconsEye.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsEye.tsx"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC5D,6CAAU,KAAK,IAAG,OAAO,EAAC,WAAW;IACnC;QACE,8BACI,CAAC,EAAC,mdAAmd,EACrd,EAAE,EAAC,kBAAkB,GAAE,CACtB;IACP,6BAAK,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,mBAAmB,GAAG,CACxE,CACP,CAAC;AAEF,eAAe,WAAW,CAAC"}