@toptal/picasso 19.2.0 → 19.4.1

package/RichTextEditorButton/RichTextEditorButton.js

@@ -0,0 +1,38 @@
+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 from 'react';
+import cx from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import Button from '../Button';
+import styles from './styles';
+// Using { index: 10 } to inject CSS generated classes after the button's classes
+// in order to prevent Button's styles to override custom TextEditorButton styles
+// Related Jira issue: https://toptal-core.atlassian.net/browse/FX-1520
+const useStyles = makeStyles(styles, {
+    name: 'TextEditorButton',
+    index: 10
+});
+const RichTextEditorButton = (props) => {
+    const { icon, onClick, active, className, style, disabled } = props, rest = __rest(props, ["icon", "onClick", "active", "className", "style", "disabled"]);
+    const classes = useStyles(props);
+    return (React.createElement(Button.Circular, Object.assign({ variant: 'flat', onClick: onClick, icon: icon, style: style, className: cx(classes.button, {
+            [classes.activeButton]: active
+        }, className), disabled: disabled }, rest)));
+};
+RichTextEditorButton.defaultProps = {
+    active: false,
+    disabled: false,
+    onClick: () => { }
+};
+RichTextEditorButton.displayName = 'RichTextEditorButton';
+export default RichTextEditorButton;
+//# sourceMappingURL=RichTextEditorButton.js.map

package/RichTextEditorButton/RichTextEditorButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorButton.js","sourceRoot":"","sources":["../../src/RichTextEditorButton/RichTextEditorButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,mBAAmB,CAAA;AAGrD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,iFAAiF;AACjF,iFAAiF;AACjF,uEAAuE;AACvE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,EAAE;CACV,CAAC,CAAA;AAEF,MAAM,oBAAoB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAtE,+DAA8D,CAAQ,CAAA;IAC5E,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,MAAM,CAAC,QAAQ,kBACd,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,MAAM,EACd;YACE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM;SAC/B,EACD,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,oBAAoB,CAAC,YAAY,GAAG;IAClC,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAA;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAEzD,eAAe,oBAAoB,CAAA"}

package/RichTextEditorButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './RichTextEditorButton';

package/RichTextEditorButton/index.js

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

package/RichTextEditorButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/RichTextEditorButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA"}

package/RichTextEditorButton/styles.d.ts

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

package/RichTextEditorButton/styles.js

@@ -0,0 +1,16 @@
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette, sizes }) => createStyles({
+    button: {
+        borderRadius: sizes.borderRadius.small,
+        '&+&': {
+            marginLeft: '0.5em'
+        }
+    },
+    activeButton: {
+        backgroundColor: palette.grey.dark,
+        '&:not(:hover) svg': {
+            fill: palette.common.white
+        }
+    }
+});
+//# sourceMappingURL=styles.js.map

package/RichTextEditorButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditorButton/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,MAAM,EAAE;QACN,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;QAEtC,KAAK,EAAE;YACL,UAAU,EAAE,OAAO;SACpB;KACF;IAED,YAAY,EAAE;QACZ,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QAElC,mBAAmB,EAAE;YACnB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;SAC3B;KACF;CACF,CAAC,CAAA"}

package/RichTextEditorCounter/RichTextEditorCounter.d.ts

@@ -0,0 +1,10 @@
+import { BaseProps } from '@toptal/picasso-shared';
+declare type Props = BaseProps & {
+    message?: string;
+    error?: boolean;
+};
+declare const RichTextEditorCounter: {
+    ({ message, error, className, style, "data-testid": dataTestId }: Props): JSX.Element;
+    displayName: string;
+};
+export default RichTextEditorCounter;

package/RichTextEditorCounter/RichTextEditorCounter.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core';
+import cx from 'classnames';
+import { Container } from '../Container';
+import styles from './styles';
+const useStyles = makeStyles(styles, {
+    name: 'TextEditorCounter'
+});
+const RichTextEditorCounter = ({ message, error, className, style, 'data-testid': dataTestId }) => {
+    const classes = useStyles();
+    return (React.createElement(Container, { className: cx(classes.counter, {
+            [classes.counterError]: error
+        }, className), style: style, "data-testid": dataTestId }, message));
+};
+RichTextEditorCounter.displayName = 'RichTextEditorCounter';
+export default RichTextEditorCounter;
+//# sourceMappingURL=RichTextEditorCounter.js.map

package/RichTextEditorCounter/RichTextEditorCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorCounter.js","sourceRoot":"","sources":["../../src/RichTextEditorCounter/RichTextEditorCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAS,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EACnB,EAAE,EAAE;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,OAAO,EACf;YACE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK;SAC9B,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,iBACC,UAAU,IAEtB,OAAO,CACE,CACb,CAAA;AACH,CAAC,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,eAAe,qBAAqB,CAAA"}

package/RichTextEditorCounter/index.d.ts

@@ -0,0 +1 @@
+export { default } from './RichTextEditorCounter';

package/RichTextEditorCounter/index.js

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

package/RichTextEditorCounter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/RichTextEditorCounter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA"}

package/RichTextEditorCounter/styles.d.ts

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

package/RichTextEditorCounter/styles.js

@@ -0,0 +1,27 @@
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette }) => createStyles({
+    counter: {
+        position: 'absolute',
+        bottom: 0,
+        left: '0.8em',
+        color: palette.grey.main2,
+        fontSize: '0.625em',
+        width: 'calc(100% - 2.6em)',
+        display: 'grid',
+        zIndex: 0,
+        backgroundColor: 'white',
+        height: '1.9em',
+        lineHeight: '1.9em',
+        '&::before': {
+            content: '""',
+            width: 'calc(100% + 0.7em)',
+            height: '1px',
+            display: 'inline-block',
+            background: palette.grey.lighter2
+        }
+    },
+    counterError: {
+        color: palette.red.main
+    }
+});
+//# sourceMappingURL=styles.js.map

package/RichTextEditorCounter/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditorCounter/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;QACzB,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,oBAAoB;QAC3B,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,OAAO;QACxB,MAAM,EAAE,OAAO;QACf,UAAU,EAAE,OAAO;QAEnB,WAAW,EAAE;YACX,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,cAAc;YACvB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ;SAClC;KACF;IAED,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;KACxB;CACF,CAAC,CAAA"}

package/RichTextEditorToolbar/RichTextEditorToolbar.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ButtonHandlerType, SelectOnChangeHandler } from './types';
+import { FormatType } from '../RichTextEditor';
+declare type Props = {
+    disabled: boolean;
+    id: string;
+    format: FormatType;
+    testIds?: {
+        headerSelect?: string;
+        boldButton?: string;
+        italicButton?: string;
+        unorderedListButton?: string;
+        orderedListButton?: string;
+    };
+    onBoldClick: ButtonHandlerType;
+    onItalicClick: ButtonHandlerType;
+    onHeaderChange: SelectOnChangeHandler;
+    onUnorderedClick: ButtonHandlerType;
+    onOrderedClick: ButtonHandlerType;
+};
+export declare const RichTextEditorToolbar: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default RichTextEditorToolbar;

package/RichTextEditorToolbar/RichTextEditorToolbar.js

@@ -0,0 +1,44 @@
+import React, { forwardRef } from 'react';
+import { makeStyles } from '@material-ui/core';
+import { Bold16, Italic16, ListOrdered16, ListUnordered16 } from '../Icon';
+import Container from '../Container';
+import Select from '../Select';
+import styles from './styles';
+import TextEditorButton from '../RichTextEditorButton';
+const useStyles = makeStyles(styles, {
+    name: 'RichTextEditorToolbar'
+});
+export const RichTextEditorToolbar = forwardRef(function RichTextEditorToolbar(props, ref) {
+    const { disabled, id, format, onBoldClick, onItalicClick, onHeaderChange, onUnorderedClick, onOrderedClick, testIds } = props;
+    const classes = useStyles(props);
+    const isHeadingFormat = format.header === '3';
+    return (React.createElement(Container, { id: `${id}toolbar`, ref: ref, className: classes.toolbar },
+        React.createElement(Container, { className: classes.group },
+            React.createElement(Select, { onChange: onHeaderChange, value: format.header, options: [
+                    { value: '3', text: 'heading' },
+                    { value: '', text: 'normal' }
+                ], size: 'small', menuWidth: '123px', className: classes.select, disabled: disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.headerSelect })),
+        React.createElement(Container, { className: classes.group },
+            React.createElement(TextEditorButton, { icon: React.createElement(Bold16, null), onClick: onBoldClick, active: isHeadingFormat ? false : format.bold, disabled: isHeadingFormat || disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.boldButton }),
+            React.createElement(TextEditorButton, { icon: React.createElement(Italic16, null), onClick: onItalicClick, active: isHeadingFormat ? false : format.italic, disabled: isHeadingFormat || disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.italicButton })),
+        React.createElement(Container, { className: classes.group },
+            React.createElement(TextEditorButton, { icon: React.createElement(ListUnordered16, null), onClick: onUnorderedClick, active: format.list === 'bullet', disabled: disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.unorderedListButton }),
+            React.createElement(TextEditorButton, { icon: React.createElement(ListOrdered16, null), onClick: onOrderedClick, active: format.list === 'ordered', disabled: disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.orderedListButton }))));
+});
+RichTextEditorToolbar.defaultProps = {
+    disabled: false,
+    format: {
+        bold: false,
+        italic: false,
+        list: false,
+        header: ''
+    },
+    onBoldClick: () => { },
+    onItalicClick: () => { },
+    onHeaderChange: () => { },
+    onUnorderedClick: () => { },
+    onOrderedClick: () => { }
+};
+RichTextEditorToolbar.displayName = 'RichTextEditorToolbar';
+export default RichTextEditorToolbar;
+//# sourceMappingURL=RichTextEditorToolbar.js.map

package/RichTextEditorToolbar/RichTextEditorToolbar.js.map

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

package/RichTextEditorToolbar/index.d.ts

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

package/RichTextEditorToolbar/index.js

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

package/RichTextEditorToolbar/index.js.map

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

package/RichTextEditorToolbar/styles.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{
+    disabled: boolean;
+}, "toolbar" | "select" | "group">;
+export default _default;

package/RichTextEditorToolbar/styles.js

@@ -0,0 +1,27 @@
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette }) => createStyles({
+    toolbar: {
+        display: 'flex',
+        borderBottom: `1px solid ${palette.grey.light2}`,
+        paddingBottom: '0.5em'
+    },
+    group: {
+        display: 'flex',
+        alignItems: 'center',
+        position: 'relative',
+        pointerEvents: ({ disabled }) => disabled ? 'none' : 'unset',
+        '&:not(:last-child)::after': {
+            content: '""',
+            height: '1em',
+            width: '1px',
+            position: 'relative',
+            marginLeft: '0.5em',
+            marginRight: '0.5em',
+            backgroundColor: palette.grey.lighter2
+        }
+    },
+    select: {
+        width: '7.125em'
+    }
+});
+//# sourceMappingURL=styles.js.map

package/RichTextEditorToolbar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditorToolbar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAChD,aAAa,EAAE,OAAO;KACvB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE,CACrD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;QAE7B,2BAA2B,EAAE;YAC3B,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,OAAO;YACnB,WAAW,EAAE,OAAO;YACpB,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ;SACvC;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAA"}

package/RichTextEditorToolbar/types.d.ts

@@ -0,0 +1,6 @@
+import { ChangeEvent, MouseEventHandler } from 'react';
+import { HeaderValue } from '../RichTextEditor';
+export declare type ButtonHandlerType = MouseEventHandler<HTMLButtonElement>;
+export declare type SelectOnChangeHandler = (event: ChangeEvent<{
+    value: HeaderValue;
+}>) => void;

package/RichTextEditorToolbar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/RichTextEditorToolbar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/RichTextEditorToolbar/types.ts"],"names":[],"mappings":""}

package/Select/Select.d.ts

@@ -3,7 +3,6 @@ export declare const Select: {
     <T extends ValueType, M extends boolean = false>({ native, ...props }: SelectProps<T, M, M extends true ? T[] : T>): JSX.Element;
     defaultProps: {
         disabled: boolean;
-        error: boolean;
         getDisplayValue: (option: import("./types").Option<string | number> | null) => string;
         iconPosition: string;
         loading: boolean;
@@ -18,6 +17,7 @@ export declare const Select: {
         enableAutofill: boolean;
         searchPlaceholder: string;
         native: boolean;
+        status: string;
     };
 };
 export default Select;

package/Select/Select.js

@@ -36,6 +36,12 @@ export const Select = (_a) => {
         componentName: 'Select',
         description: 'Use the Autocomplete component if you require dynamic options.'
     });
+    usePropDeprecationWarning({
+        props,
+        name: 'error',
+        componentName: 'Select',
+        description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
+    });
     return native ? (
     // eslint-disable-next-line react/jsx-props-no-spreading
     React.createElement(NativeSelect, Object.assign({}, purifyProps(props)))) : (
@@ -44,7 +50,6 @@ export const Select = (_a) => {
 };
 Select.defaultProps = {
     disabled: false,
-    error: false,
     getDisplayValue: getOptionText,
     iconPosition: 'start',
     loading: false,
@@ -58,7 +63,8 @@ Select.defaultProps = {
     limit: DEFAULT_LIMIT,
     enableAutofill: false,
     searchPlaceholder: 'Search',
-    native: false
+    native: false,
+    status: 'default'
 };
 export default Select;
 //# sourceMappingURL=Select.js.map

package/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAiD,EAGnD,EAAE,EAAE;QAH+C,EACrE,MAAM,OAEY,EADf,KAAK,cAF6D,UAGtE,CADS;IAER,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,gBAAgB;QACtB,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,gEAAgE;KACnE,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CACzC,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CAC5C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,MAAM,EAAE,KAAK;CACd,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAiD,EAGnD,EAAE,EAAE;QAH+C,EACrE,MAAM,OAEY,EADf,KAAK,cAF6D,UAGtE,CADS;IAER,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,gBAAgB;QACtB,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,gEAAgE;KACnE,CAAC,CAAA;IAEF,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CACzC,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CAC5C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/Select/types.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes, InputHTMLAttributes, ChangeEvent, ReactNode } from 'react';
 import PopperJs from 'popper.js';
 import { BaseProps, SizeType } from '@toptal/picasso-shared';
-import { OutlinedInputProps } from '../OutlinedInput';
+import { OutlinedInputProps, Status } from '../OutlinedInput';
 /**
  * Select props are generalized over possible values in the component and whether
  * Select should be a multiselect. If you want `onChange` to take a handler that
@@ -15,8 +15,10 @@ import { OutlinedInputProps } from '../OutlinedInput';
 export interface SelectProps<T extends ValueType = ValueType, M extends boolean = boolean, V = M extends true ? T[] : T> extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'color' | 'value'> {
     /** If true, the 'Select' will be disabled */
     disabled?: boolean;
-    /** Indicate whether `Select` is in error state */
+    /** @deprecated Indicate whether `Select` is in error state */
     error?: boolean;
+    /** Indicate whether `Select` is in error state */
+    status?: Exclude<Status, 'success'>;
     /** Component ID */
     id?: string;
     /** Width of the component */

package/TagSelector/TagSelector.d.ts

@@ -1,6 +1,7 @@
 import React, { InputHTMLAttributes, ReactNode, FocusEventHandler } from 'react';
 import { BaseProps } from '@toptal/picasso-shared';
 import { Item as AutocompleteItem } from '../Autocomplete';
+import { Status } from '../OutlinedInput';
 export interface Item extends AutocompleteItem {
     value?: string;
 }
@@ -10,8 +11,13 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
     placeholder?: string;
     /** Disables `TagSelector` */
     disabled?: boolean;
-    /** Indicate whether `Input` is in error state */
+    /**
+     * @deprecated Use the `status` prop instead to both support success and error states
+     * Indicate whether `TagSelector` is in error state
+     */
     error?: boolean;
+    /** Indicate `TagSelector` status */
+    status?: Status;
     /** Shows the loading icon when options are loading */
     loading?: boolean;
     /** Text prefix for other option */
@@ -55,6 +61,9 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
     }) => ReactNode;
     /** DOM element that wraps the Popper */
     popperContainer?: HTMLElement;
+    testIds?: {
+        validIcon?: string;
+    };
 }
 export declare const TagSelector: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>> & {

package/TagSelector/TagSelector.js

@@ -15,11 +15,18 @@ import TagSelectorInput from '../TagSelectorInput';
 import TagSelectorLabel from '../TagSelectorLabel';
 import unsafeErrorLog from '../utils/unsafe-error-log';
 import noop from '../utils/noop';
+import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
 const EMPTY_INPUT_VALUE = '';
 export const isIncluded = (items, currentItem) => items.some(({ value }) => value === currentItem.value);
 const getItemText = (item) => (item && item.text) || EMPTY_INPUT_VALUE;
 export const TagSelector = forwardRef(function TagSelector(props, ref) {
-    const { disabled, enableAutofill, getDisplayValue = getItemText, getKey: customGetKey, inputValue = '', loading, noOptionsText, onBlur, onChange = noop, onFocus, onInputChange = noop, onOtherOptionSelect = noop, options = [], otherOptionLabel, placeholder, renderLabel: customRenderLabel, renderOption, showOtherOption, value: values = [], width, popperContainer } = props, rest = __rest(props, ["disabled", "enableAutofill", "getDisplayValue", "getKey", "inputValue", "loading", "noOptionsText", "onBlur", "onChange", "onFocus", "onInputChange", "onOtherOptionSelect", "options", "otherOptionLabel", "placeholder", "renderLabel", "renderOption", "showOtherOption", "value", "width", "popperContainer"]);
+    const { disabled, enableAutofill, getDisplayValue = getItemText, getKey: customGetKey, inputValue = '', loading, noOptionsText, onBlur, onChange = noop, onFocus, onInputChange = noop, onOtherOptionSelect = noop, options = [], otherOptionLabel, placeholder, renderLabel: customRenderLabel, renderOption, showOtherOption, value: values = [], width, popperContainer, error, status, testIds } = props, rest = __rest(props, ["disabled", "enableAutofill", "getDisplayValue", "getKey", "inputValue", "loading", "noOptionsText", "onBlur", "onChange", "onFocus", "onInputChange", "onOtherOptionSelect", "options", "otherOptionLabel", "placeholder", "renderLabel", "renderOption", "showOtherOption", "value", "width", "popperContainer", "error", "status", "testIds"]);
+    usePropDeprecationWarning({
+        props,
+        name: 'error',
+        componentName: 'TagSelector',
+        description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
+    });
     const handleDelete = (value) => {
         if (disabled) {
             return;
@@ -67,7 +74,7 @@ export const TagSelector = forwardRef(function TagSelector(props, ref) {
         }
         return (React.createElement(TagSelectorLabel, { disabled: disabled, onDelete: handleItemDelete }, displayValue));
     };
-    return (React.createElement(Autocomplete, Object.assign({}, rest, { ref: ref, placeholder: values.length === 0 ? placeholder : undefined, options: autocompleteOptions, value: inputValue, onSelect: handleSelect, onOtherOptionSelect: handleOtherOptionSelect, onChange: onInputChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, startAdornment: values.map(item => (React.createElement(Fragment, { key: getKey(item) }, renderLabel(item)))), loading: loading, disabled: disabled, inputComponent: TagSelectorInput, width: width, showOtherOption: showOtherOption, otherOptionText: otherOptionLabel, noOptionsText: noOptionsText, enableAutofill: enableAutofill, getDisplayValue: getDisplayValue, renderOption: renderOption, enableReset: false, getKey: getKey, popperContainer: popperContainer })));
+    return (React.createElement(Autocomplete, Object.assign({}, rest, { status: error ? 'error' : status, ref: ref, placeholder: values.length === 0 ? placeholder : undefined, options: autocompleteOptions, value: inputValue, onSelect: handleSelect, onOtherOptionSelect: handleOtherOptionSelect, onChange: onInputChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, startAdornment: values.map(item => (React.createElement(Fragment, { key: getKey(item) }, renderLabel(item)))), loading: loading, disabled: disabled, inputComponent: TagSelectorInput, width: width, showOtherOption: showOtherOption, otherOptionText: otherOptionLabel, noOptionsText: noOptionsText, enableAutofill: enableAutofill, getDisplayValue: getDisplayValue, renderOption: renderOption, enableReset: false, getKey: getKey, popperContainer: popperContainer, testIds: testIds })));
 });
 TagSelector.defaultProps = {
     enableAutofill: false,
@@ -80,7 +87,8 @@ TagSelector.defaultProps = {
     otherOptionLabel: 'Add new option: ',
     noOptionsText: 'No matches found',
     placeholder: '',
-    showOtherOption: false
+    showOtherOption: false,
+    status: 'default'
 };
 TagSelector.displayName = 'TagSelector';
 export default Object.assign(TagSelector, {

package/TagSelector/TagSelector.js.map

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

package/TagSelectorInput/TagSelectorInput.js

@@ -14,15 +14,22 @@ import cx from 'classnames';
 import { makeStyles } from '@material-ui/core/styles';
 import OutlinedInput from '../OutlinedInput';
 import styles from './styles';
+import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
 const useStyles = makeStyles(styles, {
     name: 'PicassoTagSelectorInput'
 });
 export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref) {
-    const { id, name, defaultValue, value, placeholder, error, disabled, autoFocus, autoComplete, children, multiline, width, style, rows, rowsMax, type, onChange, startAdornment, endAdornment, 
+    const { id, name, defaultValue, value, placeholder, status, error, disabled, autoFocus, autoComplete, children, multiline, width, style, rows, rowsMax, type, onChange, startAdornment, endAdornment, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onResetClick, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    enableReset, inputProps, testIds } = props, rest = __rest(props, ["id", "name", "defaultValue", "value", "placeholder", "error", "disabled", "autoFocus", "autoComplete", "children", "multiline", "width", "style", "rows", "rowsMax", "type", "onChange", "startAdornment", "endAdornment", "onResetClick", "enableReset", "inputProps", "testIds"]);
+    enableReset, inputProps, testIds } = props, rest = __rest(props, ["id", "name", "defaultValue", "value", "placeholder", "status", "error", "disabled", "autoFocus", "autoComplete", "children", "multiline", "width", "style", "rows", "rowsMax", "type", "onChange", "startAdornment", "endAdornment", "onResetClick", "enableReset", "inputProps", "testIds"]);
+    usePropDeprecationWarning({
+        props,
+        name: 'error',
+        componentName: 'TagSelectorInput',
+        description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
+    });
     const classes = useStyles();
     let usedEndAdornment = null;
     if (endAdornment) {
@@ -32,13 +39,14 @@ export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref)
     }
     return (React.createElement(OutlinedInput, { inputRef: ref, style: style, className: cx(classes.inputBase, {
             [classes.withEndAdornment]: Boolean(endAdornment)
-        }), id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, error: error, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, multiline: multiline, rows: rows, rowsMax: rowsMax, type: type, width: width, 
+        }), id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, status: error ? 'error' : status, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, multiline: multiline, rows: rows, rowsMax: rowsMax, type: type, width: width, 
         // html attributes
         inputProps: Object.assign(Object.assign({}, rest), inputProps), testIds: testIds, endAdornment: usedEndAdornment, startAdornment: startAdornment, onChange: onChange }, children));
 });
 TagSelectorInput.defaultProps = {
     multiline: false,
-    width: 'auto'
+    width: 'auto',
+    status: 'default'
 };
 TagSelectorInput.displayName = 'TagSelectorInput';
 export default TagSelectorInput;

package/TagSelectorInput/TagSelectorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAgB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,YAAY;IACZ,6DAA6D;IAC7D,YAAY;IACZ,6DAA6D;IAC7D,WAAW,EACX,UAAU,EACV,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EA3BH,oRA2BL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,IAAI,gBAAgB,GAAG,IAAI,CAAA;IAE3B,IAAI,YAAY,EAAE;QAChB,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC,YAA4B,EAAE;YAClE,SAAS,EAAE,OAAO,CAAC,YAAY;SAChC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;YAC/B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC;SAClD,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;QACZ,kBAAkB;QAClB,UAAU,kCACL,IAAI,GACJ,UAAU,GAEf,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,YAAY,GAAG;IAC9B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,MAAM;CACd,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAgB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,YAAY;IACZ,6DAA6D;IAC7D,YAAY;IACZ,6DAA6D;IAC7D,WAAW,EACX,UAAU,EACV,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EA5BH,8RA4BL,CAAQ,CAAA;IAET,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,kBAAkB;QACjC,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,IAAI,gBAAgB,GAAG,IAAI,CAAA;IAE3B,IAAI,YAAY,EAAE;QAChB,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC,YAA4B,EAAE;YAClE,SAAS,EAAE,OAAO,CAAC,YAAY;SAChC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;YAC/B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC;SAClD,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;QACZ,kBAAkB;QAClB,UAAU,kCACL,IAAI,GACJ,UAAU,GAEf,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,YAAY,GAAG;IAC9B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/TimePicker/TimePicker.d.ts

@@ -1,11 +1,17 @@
 import { BaseProps } from '@toptal/picasso-shared';
 import { InputProps } from '../Input';
-export interface Props extends BaseProps, Omit<InputProps, 'id' | 'value' | 'onSelect' | 'type' | 'multiline' | 'rows' | 'defaultValue' | 'step' | 'icon' | 'iconPosition' | 'counter' | 'endAdornment' | 'startAdornment' | 'enableReset' | 'onResetClick' | 'multilineResizable' | 'rowsMax' | 'limit' | 'placeholder'> {
+import { Status } from '../OutlinedInput';
+export interface Props extends BaseProps, Omit<InputProps, 'id' | 'value' | 'onSelect' | 'type' | 'multiline' | 'rows' | 'defaultValue' | 'step' | 'icon' | 'iconPosition' | 'counter' | 'endAdornment' | 'startAdornment' | 'multilineResizable' | 'rowsMax' | 'limit' | 'placeholder' | 'status'> {
     /** Time value that will be selected in TimePicker */
     value?: string;
+    /** Indicate whether `TimePicker` is in error state */
+    status?: Exclude<Status, 'success'>;
 }
 export declare const TimePicker: {
     (props: Props): JSX.Element;
+    defaultProps: {
+        status: string;
+    };
     displayName: string;
 };
 export default TimePicker;

package/TimePicker/TimePicker.js

@@ -17,11 +17,18 @@ import cx from 'classnames';
 import Input from '../Input';
 import { Time16 } from '../Icon';
 import styles from './styles';
+import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
 const useStyles = makeStyles(styles, {
     name: 'PicassoTimePicker'
 });
 export const TimePicker = (props) => {
-    const { onChange, value, width, className } = props, rest = __rest(props, ["onChange", "value", "width", "className"]);
+    const { onChange, value, width, className, error, status } = props, rest = __rest(props, ["onChange", "value", "width", "className", "error", "status"]);
+    usePropDeprecationWarning({
+        props,
+        name: 'error',
+        componentName: 'TimePicker',
+        description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
+    });
     const classes = useStyles();
     const browser = detect();
     const isSafari = (browser === null || browser === void 0 ? void 0 : browser.name) === 'safari';
@@ -35,12 +42,15 @@ export const TimePicker = (props) => {
     ];
     const icon = React.createElement(Time16, { classes: { root: classes.icon } });
     if (isSafari) {
-        return (React.createElement(Input, { type: 'text', readOnly: true, iconPosition: 'end', icon: icon, width: width, className: cx(classes.root, className), inputProps: Object.assign({ className: classes.inputBase }, rest), startAdornment: React.createElement(InputMask, { mask: inputMask, alwaysShowMask: true, 
+        return (React.createElement(Input, { type: 'text', readOnly: true, iconPosition: 'end', icon: icon, width: width, status: error ? 'error' : status, className: cx(classes.root, className), inputProps: Object.assign({ className: classes.inputBase }, rest), startAdornment: React.createElement(InputMask, { mask: inputMask, alwaysShowMask: true, 
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
                 maskPlaceholder: '-', value: value, onChange: onChange, className: classes.inputMask }) }));
     }
-    return (React.createElement(Input, { type: 'time', value: value, className: cx(classes.root, className), onChange: onChange, iconPosition: 'end', icon: icon, width: width, inputProps: Object.assign({ className: classes.inputBase, step: 60 }, rest) }));
+    return (React.createElement(Input, { type: 'time', value: value, className: cx(classes.root, className), onChange: onChange, iconPosition: 'end', icon: icon, width: width, status: error ? 'error' : status, inputProps: Object.assign({ className: classes.inputBase, step: 60 }, rest) }));
+};
+TimePicker.defaultProps = {
+    status: 'default'
 };
 TimePicker.displayName = 'TimePicker';
 export default TimePicker;