@toptal/picasso 18.7.0 → 18.10.0

package/NumberInput/styles.js

@@ -1,5 +1,5 @@
 import { createStyles } from '@material-ui/core/styles';
-export default ({ palette, transitions, sizes: { borderRadius } }) => createStyles({
+export default () => createStyles({
     root: {
         paddingRight: 0,
         cursor: 'text'
@@ -11,46 +11,6 @@ export default ({ palette, transitions, sizes: { borderRadius } }) => createStyl
             margin: 0
         },
         '-moz-appearance': 'textfield'
-    },
-    control: {
-        height: '1rem',
-        width: '1.625rem',
-        borderLeft: `1px solid ${palette.grey.light2}`,
-        borderRight: '1px solid transparent',
-        '&:hover': {
-            background: palette.grey.light2,
-            borderColor: palette.grey.light2
-        },
-        '& + &': {
-            borderTop: `1px solid ${palette.grey.light2}`
-        },
-        '&:active + &': {
-            borderTop: `1px solid ${palette.grey.main}`
-        },
-        '&:active': {
-            background: palette.grey.main,
-            borderColor: palette.grey.main
-        },
-        '&:first-child': {
-            borderTopRightRadius: borderRadius.small
-        },
-        '&:last-child': {
-            borderBottomRightRadius: borderRadius.small
-        },
-        transition: `all ${transitions.duration.short}ms ${transitions.easing.easeOut}`,
-        transitionProperty: 'border, color, background'
-    },
-    controlDisabled: {
-        opacity: 0.48
-    },
-    small: {
-        height: '0.75rem'
-    },
-    medium: {
-        height: '1rem'
-    },
-    large: {
-        height: '1.5rem'
     }
 });
 //# sourceMappingURL=styles.js.map

package/NumberInput/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAS,EAAE,EAAE,CAC1E,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,4DAA4D,EAAE;YAC5D,oBAAoB,EAAE,MAAM;YAC5B,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,CAAC;SACV;QACD,iBAAiB,EAAE,WAAW;KAC/B;IAED,OAAO,EAAE;QACP,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,UAAU,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC9C,WAAW,EAAE,uBAAuB;QAEpC,SAAS,EAAE;YACT,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;YAC/B,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;SACjC;QAED,OAAO,EAAE;YACP,SAAS,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;SAC9C;QAED,cAAc,EAAE;YACd,SAAS,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;SAC5C;QAED,UAAU,EAAE;YACV,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAC7B,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SAC/B;QAED,eAAe,EAAE;YACf,oBAAoB,EAAE,YAAY,CAAC,KAAK;SACzC;QAED,cAAc,EAAE;YACd,uBAAuB,EAAE,YAAY,CAAC,KAAK;SAC5C;QAED,UAAU,EAAE,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,MAAM,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE;QAC/E,kBAAkB,EAAE,2BAA2B;KAChD;IAED,eAAe,EAAE;QACf,OAAO,EAAE,IAAI;KACd;IAED,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;KAClB;IAED,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;KACf;IAED,KAAK,EAAE;QACL,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,4DAA4D,EAAE;YAC5D,oBAAoB,EAAE,MAAM;YAC5B,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,CAAC;SACV;QACD,iBAAiB,EAAE,WAAW;KAC/B;CACF,CAAC,CAAA"}

package/NumberInputEndAdornment/NumberInputEndAdornment.d.ts

@@ -0,0 +1,31 @@
+import { RefObject } from 'react';
+import { BaseProps, SizeType } from '@toptal/picasso-shared';
+export interface Props extends BaseProps {
+    /** Value of the `input` element. */
+    value?: string | number;
+    /** Minimum value for the `input` element */
+    min?: number | string;
+    /** Maximum value for the `input` element */
+    max?: number | string;
+    /** Next value of the `input` element will be calculated based on step */
+    step?: number | string;
+    /** Indicates whether component is in disabled state */
+    disabled?: boolean;
+    /** Component size */
+    size?: SizeType<'small' | 'medium' | 'large'>;
+    /** Ref of the input element */
+    inputRef: RefObject<HTMLInputElement>;
+}
+export declare const NumberInputEndAdornment: {
+    (props: Props): JSX.Element;
+    defaultProps: {
+        min: number;
+        max: number;
+        value: number;
+        step: number;
+        disabled: boolean;
+        size: string;
+    };
+    displayName: string;
+};
+export default NumberInputEndAdornment;

package/NumberInputEndAdornment/NumberInputEndAdornment.js

@@ -0,0 +1,93 @@
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import ButtonBase from '@material-ui/core/ButtonBase';
+import cx from 'classnames';
+import InputAdornment from '../InputAdornment';
+import Container from '../Container';
+import { ArrowDownMinor16, ArrowUpMinor16, ArrowDownMinor24, ArrowUpMinor24 } from '../Icon';
+import styles from './styles';
+import isBrowser from '../utils/is-browser';
+const useStyles = makeStyles(styles, {
+    name: 'NumberInputEndAdornment'
+});
+// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+const nativeInputValueSetter = isBrowser()
+    ? Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set
+    : undefined;
+export const NumberInputEndAdornment = (props) => {
+    const { step = 1, min = -Infinity, max = Infinity, value, disabled, size = 'medium', inputRef } = props;
+    const classes = useStyles(props);
+    const normalizedStep = Number(step);
+    const normalizedValue = Number(value);
+    const normalizedMin = Number(min);
+    const normalizedMax = Number(max);
+    const fireEvent = (nextValue) => {
+        if (!nativeInputValueSetter) {
+            return;
+        }
+        const input = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
+        nativeInputValueSetter.call(input, nextValue);
+        const event = new Event('input', {
+            bubbles: true,
+            cancelable: true
+        });
+        if (input) {
+            input.dispatchEvent(event);
+        }
+    };
+    const handleUpClick = () => {
+        if (typeof value === 'undefined') {
+            return;
+        }
+        let nextValue = normalizedValue + normalizedStep;
+        if (nextValue <= max) {
+            if (normalizedValue < normalizedMin + normalizedStep) {
+                nextValue = normalizedMin + normalizedStep;
+            }
+            fireEvent(nextValue);
+        }
+        else if (normalizedValue !== normalizedMax) {
+            nextValue = normalizedMax;
+            fireEvent(nextValue);
+        }
+    };
+    const handleDownClick = () => {
+        if (typeof value === 'undefined') {
+            return;
+        }
+        let nextValue = normalizedValue - normalizedStep;
+        if (nextValue >= min) {
+            if (normalizedValue > normalizedMax - normalizedStep) {
+                nextValue = normalizedMax - normalizedStep;
+            }
+            fireEvent(nextValue);
+        }
+        else if (normalizedValue !== normalizedMin) {
+            nextValue = normalizedMin;
+            fireEvent(nextValue);
+        }
+    };
+    const rootClassName = cx({
+        [classes.disabled]: disabled
+    }, classes[size], classes.root);
+    return (React.createElement(InputAdornment, { position: 'end' },
+        React.createElement(Container, { flex: true, direction: 'column', inline: true },
+            React.createElement(ButtonBase, { disabled: disabled, classes: {
+                    root: rootClassName
+                }, onClick: handleUpClick }, size === 'large' ? React.createElement(ArrowUpMinor24, null) : React.createElement(ArrowUpMinor16, null)),
+            React.createElement(ButtonBase, { disabled: disabled, classes: {
+                    root: rootClassName
+                }, onClick: handleDownClick }, size === 'large' ? React.createElement(ArrowDownMinor24, null) : React.createElement(ArrowDownMinor16, null)))));
+};
+NumberInputEndAdornment.defaultProps = {
+    min: -Infinity,
+    max: Infinity,
+    value: 0,
+    step: 1,
+    disabled: false,
+    size: 'medium'
+};
+NumberInputEndAdornment.displayName = 'NumberInputEndAdornment';
+export default NumberInputEndAdornment;
+//# sourceMappingURL=NumberInputEndAdornment.js.map

package/NumberInputEndAdornment/NumberInputEndAdornment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputEndAdornment.js","sourceRoot":"","sources":["../../src/NumberInputEndAdornment/NumberInputEndAdornment.tsx"],"names":[],"mappings":"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"}

package/NumberInputEndAdornment/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './NumberInputEndAdornment';
+export * from './NumberInputEndAdornment';

package/NumberInputEndAdornment/index.js

@@ -0,0 +1,3 @@
+export { default } from './NumberInputEndAdornment';
+export * from './NumberInputEndAdornment';
+//# sourceMappingURL=index.js.map

package/NumberInputEndAdornment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NumberInputEndAdornment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACnD,cAAc,2BAA2B,CAAA"}

package/NumberInputEndAdornment/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: ({ palette, transitions, sizes: { borderRadius } }: Theme) => import("@material-ui/styles").StyleRules<{}, "medium" | "large" | "small" | "disabled" | "root">;
+export default _default;

package/NumberInputEndAdornment/styles.js

@@ -0,0 +1,45 @@
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette, transitions, sizes: { borderRadius } }) => createStyles({
+    root: {
+        borderLeft: `1px solid ${palette.grey.light2}`,
+        borderRight: '1px solid transparent',
+        '&:hover': {
+            background: palette.grey.light2,
+            borderColor: palette.grey.light2
+        },
+        '& + &': {
+            borderTop: `1px solid ${palette.grey.light2}`
+        },
+        '&:active + &': {
+            borderTop: `1px solid ${palette.grey.main}`
+        },
+        '&:active': {
+            background: palette.grey.main,
+            borderColor: palette.grey.main
+        },
+        '&:first-child': {
+            borderTopRightRadius: borderRadius.small
+        },
+        '&:last-child': {
+            borderBottomRightRadius: borderRadius.small
+        },
+        transition: `all ${transitions.duration.short}ms ${transitions.easing.easeOut}`,
+        transitionProperty: 'border, color, background'
+    },
+    disabled: {
+        opacity: 0.48
+    },
+    small: {
+        height: '0.75rem',
+        width: '1.375rem'
+    },
+    medium: {
+        height: '1rem',
+        width: '1.625rem'
+    },
+    large: {
+        height: '1.5rem',
+        width: '2.125rem'
+    }
+});
+//# sourceMappingURL=styles.js.map

package/NumberInputEndAdornment/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInputEndAdornment/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAS,EAAE,EAAE,CAC1E,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,UAAU,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC9C,WAAW,EAAE,uBAAuB;QAEpC,SAAS,EAAE;YACT,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;YAC/B,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;SACjC;QAED,OAAO,EAAE;YACP,SAAS,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;SAC9C;QAED,cAAc,EAAE;YACd,SAAS,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;SAC5C;QAED,UAAU,EAAE;YACV,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAC7B,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SAC/B;QAED,eAAe,EAAE;YACf,oBAAoB,EAAE,YAAY,CAAC,KAAK;SACzC;QAED,cAAc,EAAE;YACd,uBAAuB,EAAE,YAAY,CAAC,KAAK;SAC5C;QAED,UAAU,EAAE,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,MAAM,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE;QAC/E,kBAAkB,EAAE,2BAA2B;KAChD;IAED,QAAQ,EAAE;QACR,OAAO,EAAE,IAAI;KACd;IAED,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,UAAU;KAClB;IAED,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;KAClB;IAED,KAAK,EAAE;QACL,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAA"}

package/OverviewBlock/OverviewBlock.d.ts

@@ -16,10 +16,20 @@ export declare type Props = BaseProps & TextLabelProps & HTMLAttributes<HTMLButt
 };
 export declare const OverviewBlock: OverridableComponent<Props>;
 declare const _default: OverridableComponent<Props> & {
-    Group: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement> & {
-        align?: import("../OverviewBlockGroup/settings").Alignment | undefined;
-        blockWidth?: import("../OverviewBlockGroup/settings").BlockWidth | undefined;
-    }>;
-    Row: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
+    Group: {
+        (props: React.HTMLAttributes<HTMLDivElement> & {
+            align?: import("../OverviewBlockGroup/settings").Alignment | undefined;
+            blockWidth?: import("../OverviewBlockGroup/settings").BlockWidth | undefined;
+        }): JSX.Element;
+        displayName: string;
+        defaultProps: {
+            align: string;
+            blockWidth: string;
+        };
+    };
+    Row: {
+        (props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
 };
 export default _default;

package/OverviewBlockGroup/OverviewBlockGroup.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 import { Alignment, BlockWidth } from './settings';
 declare type Props = HTMLAttributes<HTMLDivElement> & {
     /** Value and label alignment for blocks. By default content is aligned to the left. */
@@ -6,5 +6,12 @@ declare type Props = HTMLAttributes<HTMLDivElement> & {
     /** The block width variant */
     blockWidth?: BlockWidth;
 };
-declare const OverviewBlockGroup: FunctionComponent<Props>;
+declare const OverviewBlockGroup: {
+    (props: Props): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        align: string;
+        blockWidth: string;
+    };
+};
 export default OverviewBlockGroup;

package/OverviewBlockGroup/OverviewBlockGroup.js

@@ -22,7 +22,7 @@ const shouldInjectRow = (children) => {
         .filter((el) => React.isValidElement(el))
         .some(el => el.type.displayName === OverviewBlockRow.displayName);
 };
-const OverviewBlockGroup = props => {
+const OverviewBlockGroup = (props) => {
     const { children, align = 'default', blockWidth = 'regular' } = props, rest = __rest(props, ["children", "align", "blockWidth"]);
     return (React.createElement("section", Object.assign({}, rest),
         React.createElement(OverviewBlockGroupContext.Provider, { value: { align, blockWidth } }, shouldInjectRow(children) ? (React.createElement(OverviewBlockRow, null, children)) : (children))));

package/OverviewBlockGroup/OverviewBlockGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewBlockGroup.js","sourceRoot":"","sources":["../../src/OverviewBlockGroup/OverviewBlockGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AASlD,4DAA4D;AAC5D,2EAA2E;AAC3E,MAAM,eAAe,GAAG,CAAC,QAAoB,EAAE,EAAE;IAC/C,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,KAAK,CAAA;KACb;IAED,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SACrC,MAAM,CAAC,CAAC,EAAE,EAAwD,EAAE,CACnE,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CACzB;SACA,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,KAAK,gBAAgB,CAAC,WAAW,CAAC,CAAA;AACrE,CAAC,CAAA;AAED,MAAM,kBAAkB,GAA6B,KAAK,CAAC,EAAE;IAC3D,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAE,UAAU,GAAG,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxE,mCAAgE,CAAQ,CAAA;IAE9E,OAAO,CACL,iDAAa,IAAI;QACf,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAC7D,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC3B,oBAAC,gBAAgB,QAAE,QAAQ,CAAoB,CAChD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACkC,CAC7B,CACX,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAErD,kBAAkB,CAAC,YAAY,GAAG;IAChC,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,SAAS;CACtB,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"OverviewBlockGroup.js","sourceRoot":"","sources":["../../src/OverviewBlockGroup/OverviewBlockGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAG/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AASlD,4DAA4D;AAC5D,2EAA2E;AAC3E,MAAM,eAAe,GAAG,CAAC,QAAoB,EAAE,EAAE;IAC/C,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,KAAK,CAAA;KACb;IAED,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SACrC,MAAM,CAAC,CAAC,EAAE,EAAwD,EAAE,CACnE,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CACzB;SACA,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,KAAK,gBAAgB,CAAC,WAAW,CAAC,CAAA;AACrE,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAE,UAAU,GAAG,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxE,mCAAgE,CAAQ,CAAA;IAE9E,OAAO,CACL,iDAAa,IAAI;QACf,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAC7D,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC3B,oBAAC,gBAAgB,QAAE,QAAQ,CAAoB,CAChD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACkC,CAC7B,CACX,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAErD,kBAAkB,CAAC,YAAY,GAAG;IAChC,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,SAAS;CACtB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/OverviewBlockRow/OverviewBlockRow.d.ts

@@ -1,4 +1,7 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 declare type Props = HTMLAttributes<HTMLDivElement>;
-declare const OverviewBlockRow: FunctionComponent<Props>;
+declare const OverviewBlockRow: {
+    (props: Props): JSX.Element;
+    displayName: string;
+};
 export default OverviewBlockRow;

package/OverviewBlockRow/OverviewBlockRow.js

@@ -16,7 +16,7 @@ import styles from './styles';
 const useStyles = makeStyles(styles, {
     name: 'PicassoOverviewBlockRow'
 });
-const OverviewBlockRow = props => {
+const OverviewBlockRow = (props) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const classes = useStyles();
     return React.createElement("div", Object.assign({}, rest, { className: cx(classes.root, className) }));

package/OverviewBlockRow/OverviewBlockRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewBlockRow.js","sourceRoot":"","sources":["../../src/OverviewBlockRow/OverviewBlockRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAChE,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAI7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAA6B,KAAK,CAAC,EAAE;IACzD,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,6CAAS,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAA;AAClE,CAAC,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"OverviewBlockRow.js","sourceRoot":"","sources":["../../src/OverviewBlockRow/OverviewBlockRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAI7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,6CAAS,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAA;AAClE,CAAC,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/PageHead/PageHead.d.ts

@@ -8,9 +8,15 @@ export interface Props extends BaseProps {
 }
 export declare const PageHead: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
-    Title: React.FunctionComponent<TextLabelProps>;
-    Tabs: React.FunctionComponent<{}>;
-    Main: React.FunctionComponent<{}>;
-    Actions: React.FunctionComponent<{}>;
+    Title: ({ titleCase, children }: TextLabelProps) => JSX.Element;
+    Tabs: ({ children }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+    Main: (props: {
+        children?: React.ReactNode;
+    }) => JSX.Element;
+    Actions: ({ children }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
 };
 export default _default;

package/PageHead/PageHead.js

@@ -10,13 +10,19 @@ const useStyles = makeStyles(styles, {
 const useMainStyles = makeStyles(styles, {
     name: 'PicassoPageHeadMain'
 });
-const Title = ({ titleCase, children }) => (React.createElement(Typography, { variant: 'heading', size: 'large', titleCase: titleCase }, children));
-const Tabs = ({ children }) => (React.createElement(Container, null, children));
-const Main = props => {
+const Title = ({ titleCase, children }) => {
+    return (React.createElement(Typography, { variant: 'heading', size: 'large', titleCase: titleCase }, children));
+};
+const Tabs = ({ children }) => {
+    return React.createElement(Container, null, children);
+};
+const Main = (props) => {
     const classes = useMainStyles(props);
     return (React.createElement(Container, { flex: true, justifyContent: 'space-between', alignItems: 'center', className: classes.main }, props.children));
 };
-const Actions = ({ children }) => (React.createElement(Container, { flex: true, alignItems: 'center' }, children));
+const Actions = ({ children }) => {
+    return (React.createElement(Container, { flex: true, alignItems: 'center' }, children));
+};
 export const PageHead = forwardRef(function PageHead(props, ref) {
     const { children } = props;
     const classes = useStyles();

package/PageHead/PageHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAgC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,KAAK,GAAsC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC5E,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,IAC5D,QAAQ,CACE,CACd,CAAA;AAED,MAAM,IAAI,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAChD,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAClC,CAAA;AAED,MAAM,IAAI,GAAsB,KAAK,CAAC,EAAE;IACtC,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,IAAI,IAEtB,KAAK,CAAC,QAAQ,CACL,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnD,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,IAChC,QAAQ,CACC,CACb,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY;SAC3C,CAAC,IAED,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACrC,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,OAAO;CACR,CAAC,CAAA"}
+{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACxD,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,IAC5D,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrD,OAAO,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,IAAI,IAEtB,KAAK,CAAC,QAAQ,CACL,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxD,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,IAChC,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY;SAC3C,CAAC,IAED,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACrC,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,OAAO;CACR,CAAC,CAAA"}

package/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,20 @@
+import React, { ChangeEvent } from 'react';
+import { BaseProps, OmitInternalProps } from '@toptal/picasso-shared';
+import { Props as OutlinedInputProps } from '../OutlinedInput';
+import { InputProps } from '../Input';
+export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defaultValue' | 'type' | 'rows' | 'rowsMax' | 'multiline' | 'enableReset' | 'onResetClick'>, BaseProps {
+    /** Value of the `input` element. */
+    value?: string;
+    /** Indicates whether component is in error state */
+    error?: boolean;
+    /** Indicates whether component is in disabled state */
+    disabled?: boolean;
+    /** Callback invoked when `PasswordInput` changes its state. */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    testIds?: InputProps['testIds'] & {
+        input?: string;
+        toggle?: string;
+    };
+}
+export declare const PasswordInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default PasswordInput;

package/PasswordInput/PasswordInput.js

@@ -0,0 +1,44 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useState, useCallback } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import cx from 'classnames';
+import OutlinedInput from '../OutlinedInput';
+import InputAdornment from '../InputAdornment';
+import styles from './styles';
+import SvgEye16 from '../Icon/Eye16';
+import SvgEyeHidden16 from '../Icon/EyeHidden16';
+import Button from '../Button';
+const useStyles = makeStyles(styles, {
+    name: 'PicassoPasswordInput'
+});
+export const PasswordInput = forwardRef(function PasswordInput(props, ref) {
+    var _a, _b;
+    const { value, onChange, disabled, error, width, style, className } = props, rest = __rest(props, ["value", "onChange", "disabled", "error", "width", "style", "className"]);
+    const [showPassword, setShowPassword] = useState(false);
+    const classes = useStyles();
+    const handleToggleVisibilityClick = useCallback(() => {
+        setShowPassword(previousState => !previousState);
+    }, []);
+    const endAdornment = (React.createElement(InputAdornment, { position: 'end' },
+        React.createElement(Button.Circular, { className: classes.toggle, variant: 'flat', icon: showPassword ? React.createElement(SvgEyeHidden16, null) : React.createElement(SvgEye16, null), onClick: handleToggleVisibilityClick, "data-testid": (_a = rest.testIds) === null || _a === void 0 ? void 0 : _a.toggle, disabled: disabled })));
+    return (React.createElement(OutlinedInput, { style: style, className: cx(classes.root, className), classes: {
+            input: classes.input
+        }, inputProps: Object.assign(Object.assign({}, rest), { 'data-testid': (_b = rest.testIds) === null || _b === void 0 ? void 0 : _b.input }), width: width, error: error, inputRef: ref, type: showPassword ? 'text' : 'password', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment }));
+});
+PasswordInput.defaultProps = {
+    onChange: () => { },
+    value: ''
+};
+PasswordInput.displayName = 'PasswordInput';
+export default PasswordInput;
+//# sourceMappingURL=PasswordInput.js.map

package/PasswordInput/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAe,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,aAA8C,MAAM,kBAAkB,CAAA;AAC7E,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,QAAQ,MAAM,eAAe,CAAA;AACpC,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAChD,OAAO,MAAM,MAAM,WAAW,CAAA;AA6B9B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;;IAC/B,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EATH,yEASL,CAAQ,CAAA;IAET,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,2BAA2B,GAAG,WAAW,CAAC,GAAG,EAAE;QACnD,eAAe,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAA;IAClD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,CACnB,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;QAC5B,oBAAC,MAAM,CAAC,QAAQ,IACd,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAAC,CAAC,CAAC,oBAAC,QAAQ,OAAG,EACtD,OAAO,EAAE,2BAA2B,iBACvB,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,EACjC,QAAQ,EAAE,QAAQ,GAClB,CACa,CAClB,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,OAAO,EAAE;YACP,KAAK,EAAE,OAAO,CAAC,KAAK;SACrB,EACD,UAAU,kCACL,IAAI,KACP,aAAa,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,KAEpC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,KAAK,EAAE,EAAE;CACV,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}

package/PasswordInput/index.d.ts

@@ -0,0 +1,5 @@
+import { OmitInternalProps } from '@toptal/picasso-shared';
+import { Props } from './PasswordInput';
+export { default } from './PasswordInput';
+export declare type PasswordInputProps = OmitInternalProps<Props>;
+export * from './PasswordInput';

package/PasswordInput/index.js

@@ -0,0 +1,3 @@
+export { default } from './PasswordInput';
+export * from './PasswordInput';
+//# sourceMappingURL=index.js.map

package/PasswordInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/PasswordInput/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,cAAc,iBAAiB,CAAA"}

package/PasswordInput/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: ({ spacing }: Theme) => import("@material-ui/styles").StyleRules<{}, "input" | "toggle" | "root">;
+export default _default;

package/PasswordInput/styles.js

@@ -0,0 +1,18 @@
+import { createStyles } from '@material-ui/core/styles';
+export default ({ spacing }) => createStyles({
+    root: {
+        paddingRight: 0,
+        cursor: 'text'
+    },
+    input: {
+        '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
+            '-webkit-appearance': 'none',
+            appearance: 'none',
+            margin: 0
+        }
+    },
+    toggle: {
+        marginRight: spacing(1)
+    }
+});
+//# sourceMappingURL=styles.js.map

package/PasswordInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/PasswordInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,4DAA4D,EAAE;YAC5D,oBAAoB,EAAE,MAAM;YAC5B,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,CAAC;SACV;KACF;IAED,MAAM,EAAE;QACN,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;KACxB;CACF,CAAC,CAAA"}

package/Radio/Radio.d.ts

@@ -14,6 +14,11 @@ export interface Props extends StandardProps, TextLabelProps, Omit<ButtonOrAncho
 }
 export declare const Radio: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>>;
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>> & {
-    Group: React.FunctionComponent<import("../RadioGroup/RadioGroup").Props>;
+    Group: {
+        (props: import("../RadioGroup/RadioGroup").Props): JSX.Element;
+        defaultProps: {
+            horizontal: boolean;
+        };
+    };
 };
 export default _default;

package/RadioGroup/RadioGroup.d.ts

@@ -1,4 +1,3 @@
-import { FunctionComponent } from 'react';
 import { GridSize } from '@material-ui/core/Grid';
 import { RadioGroupProps } from '@material-ui/core/RadioGroup';
 import { GridProps } from '../Grid';
@@ -15,5 +14,10 @@ export interface Props extends RadioGroupProps {
     /** Defines the number of grids the component is going to use. It's applied for the large breakpoint and wider screens */
     large?: boolean | GridSize;
 }
-declare const RadioGroup: FunctionComponent<Props>;
+declare const RadioGroup: {
+    (props: Props): JSX.Element;
+    defaultProps: {
+        horizontal: boolean;
+    };
+};
 export default RadioGroup;

package/RadioGroup/RadioGroup.js

@@ -21,7 +21,7 @@ const useStyles = makeStyles(styles, {
     name: 'PicassoRadioGroup',
     index: -1
 });
-const RadioGroup = props => {
+const RadioGroup = (props) => {
     const { horizontal, spacing, small, medium, large } = props, rest = __rest(props, ["horizontal", "spacing", "small", "medium", "large"]);
     const _a = useStyles(), { grid: gridClass, gridItem: gridItemClass } = _a, classes = __rest(_a, ["grid", "gridItem"]);
     const { spacing: themeSpacing } = useTheme();

package/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,aAAkC,MAAM,8BAA8B,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEtE,OAAO,IAAmB,MAAM,SAAS,CAAA;AACzC,OAAO,MAAM,MAAM,UAAU,CAAA;AAiB7B,mEAAmE;AACnE,8EAA8E;AAC9E,uEAAuE;AACvE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC,CAAA;AAEF,MAAM,UAAU,GAA6B,KAAK,CAAC,EAAE;IACnD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9D,qDAAsD,CAAQ,CAAA;IACpE,MAAM,KAA2D,SAAS,EAAE,EAAtE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,OAA4B,EAAvB,OAAO,cAAtD,oBAAwD,CAAc,CAAA;IAC5E,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE5C,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC/C,MAAM,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,UAAU,EAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE/D,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAEtD,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI,IAAE,OAAO,EAAE,OAAO;QACvC,oBAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAA0B,EACnC,SAAS,EAAE,SAAS,IAEnB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,IAAI,CAAC,IAAI,IACR,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,EAClB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IAEX,KAAK,CACI,CACb,CAAC,CACG,CACO,CACjB,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,UAAU,EAAE,KAAK;CAClB,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAkC,MAAM,8BAA8B,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEtE,OAAO,IAAmB,MAAM,SAAS,CAAA;AACzC,OAAO,MAAM,MAAM,UAAU,CAAA;AAiB7B,mEAAmE;AACnE,8EAA8E;AAC9E,uEAAuE;AACvE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC,CAAA;AAEF,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IAClC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9D,qDAAsD,CAAQ,CAAA;IACpE,MAAM,KAA2D,SAAS,EAAE,EAAtE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,OAA4B,EAAvB,OAAO,cAAtD,oBAAwD,CAAc,CAAA;IAC5E,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE5C,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC/C,MAAM,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,UAAU,EAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE/D,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAEtD,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI,IAAE,OAAO,EAAE,OAAO;QACvC,oBAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAA0B,EACnC,SAAS,EAAE,SAAS,IAEnB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,IAAI,CAAC,IAAI,IACR,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,EAClB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IAEX,KAAK,CACI,CACb,CAAC,CACG,CACO,CACjB,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,UAAU,EAAE,KAAK;CAClB,CAAA;AAED,eAAe,UAAU,CAAA"}

package/ScrollMenu/ScrollMenu.d.ts

@@ -1,6 +1,7 @@
-import React, { FunctionComponent, ReactNode, RefObject } from 'react';
+import React, { ReactNode, RefObject } from 'react';
 import { BaseProps } from '@toptal/picasso-shared';
 export interface Props extends BaseProps {
+    children: React.ReactNode;
     selectedIndex?: number | null;
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     fixedHeader?: ReactNode;
@@ -8,5 +9,11 @@ export interface Props extends BaseProps {
     role?: 'listbox' | 'menu';
 }
 export declare const scrollToSelection: (menuRef: RefObject<HTMLDivElement>, selectedIndex?: number | null | undefined) => void;
-declare const ScrollMenu: FunctionComponent<Props>;
+declare const ScrollMenu: {
+    (props: Props): JSX.Element;
+    defaultProps: {
+        role: string;
+    };
+    displayName: string;
+};
 export default ScrollMenu;

package/ScrollMenu/ScrollMenu.js

@@ -38,7 +38,7 @@ export const scrollToSelection = (menuRef, selectedIndex) => {
         menuNode.scrollTop += selectedRect.bottom - menuRect.bottom;
     }
 };
-const ScrollMenu = props => {
+const ScrollMenu = (props) => {
     const { selectedIndex, onBlur, children, style, fixedHeader, fixedFooter, className, role } = props, rest = __rest(props, ["selectedIndex", "onBlur", "children", "style", "fixedHeader", "fixedFooter", "className", "role"]);
     const classes = useStyles();
     const menuRef = useRef(null);