@toptal/picasso 18.11.0 → 18.13.0

package/FieldRequirements/FieldRequirementItem.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export declare type FieldRequirementItemStatus = 'default' | 'success' | 'error';
+interface Props extends PropsWithChildren<{}> {
+    status: FieldRequirementItemStatus;
+    testIds?: {
+        root?: string;
+        successIcon?: string;
+        errorIcon?: string;
+        defaultIcon?: string;
+    };
+}
+declare const FieldRequirementItem: ({ children, status, testIds }: Props) => JSX.Element;
+export default FieldRequirementItem;

package/FieldRequirements/FieldRequirementItem.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Typography from '../Typography';
+import Grid from '../Grid';
+import styles from './styles';
+import { Bullet16, CheckMinor16, CloseMinor16 } from '../Icon';
+const useStyles = makeStyles(styles, {
+    name: 'FieldRequirementItem'
+});
+const colorMap = {
+    default: 'dark-grey',
+    success: 'inherit',
+    error: 'red'
+};
+const IconsMap = {
+    default: Bullet16,
+    success: CheckMinor16,
+    error: CloseMinor16
+};
+const FieldRequirementItem = ({ children, status, testIds }) => {
+    const classes = useStyles();
+    const IconComponent = IconsMap[status];
+    const iconTestId = getIconTestId(status, testIds);
+    return (React.createElement(Grid.Item, { small: 6, className: classes.fieldRequirementItem, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.root },
+        React.createElement(IconComponent, { color: colorMap[status], "data-testid": iconTestId }),
+        React.createElement(Typography, { color: colorMap[status], className: classes.fieldRequirementItemMessage, size: 'xxsmall' }, children)));
+};
+export default FieldRequirementItem;
+const getIconTestId = (status, testIds) => {
+    if (status === 'error') {
+        return testIds === null || testIds === void 0 ? void 0 : testIds.errorIcon;
+    }
+    if (status === 'success') {
+        return testIds === null || testIds === void 0 ? void 0 : testIds.successIcon;
+    }
+    return testIds === null || testIds === void 0 ? void 0 : testIds.defaultIcon;
+};
+//# sourceMappingURL=FieldRequirementItem.js.map

package/FieldRequirements/FieldRequirementItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRequirementItem.js","sourceRoot":"","sources":["../../src/FieldRequirements/FieldRequirementItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE9D,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAKF,MAAM,QAAQ,GAAkD;IAC9D,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,KAAK;CACb,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY;CACpB,CAAA;AAWD,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAS,EAAE,EAAE;IACpE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IACtC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAEjD,OAAO,CACL,oBAAC,IAAI,CAAC,IAAI,IACR,KAAK,EAAE,CAAC,EACR,SAAS,EAAE,OAAO,CAAC,oBAAoB,iBAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;QAE1B,oBAAC,aAAa,IAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,iBAAe,UAAU,GAAI;QACnE,oBAAC,UAAU,IACT,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EACvB,SAAS,EAAE,OAAO,CAAC,2BAA2B,EAC9C,IAAI,EAAC,SAAS,IAEb,QAAQ,CACE,CACH,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA;AAEnC,MAAM,aAAa,GAAG,CACpB,MAAkC,EAClC,OAKC,EACD,EAAE;IACF,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAA;KAC1B;IACD,IAAI,MAAM,KAAK,SAAS,EAAE;QACxB,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA;KAC5B;IAED,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA;AAC7B,CAAC,CAAA"}

package/FieldRequirements/FieldRequirements.d.ts

@@ -0,0 +1,31 @@
+import { BaseProps } from '@toptal/picasso-shared';
+import { FieldRequirement } from './types';
+export interface Props<TValueType> extends BaseProps {
+    /** A string that defines the title of the requirement list */
+    description?: string;
+    /** Value of the related input. It will be used to validate the requirements */
+    value?: TValueType;
+    /** Open/Close the requirements section. Opening it with focus is the default behavior */
+    open: boolean;
+    /** Indicate whether `PasswordInput` is in error state */
+    error?: boolean;
+    /** Duration for the collapse animation */
+    timeout?: number;
+    /** Array of object to specify requirements. They will be executed */
+    requirements: FieldRequirement<TValueType>[];
+    testIds?: {
+        root?: string;
+        description?: string;
+        gridContainer?: string;
+    };
+}
+export declare const FieldRequirements: {
+    <TValueType>({ value, description, open, error, timeout, requirements, className, style, testIds }: Props<TValueType>): JSX.Element;
+    defaultProps: {
+        open: boolean;
+        timeout: number;
+        value: string;
+    };
+    displayName: string;
+};
+export default FieldRequirements;

package/FieldRequirements/FieldRequirements.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import { Collapse } from '@material-ui/core';
+import styles from './styles';
+import FieldRequirementItem from './FieldRequirementItem';
+import Typography from '../Typography';
+import Grid from '../Grid';
+const ANIMATION_TIMEOUT = 500;
+const useStyles = makeStyles(styles);
+export const FieldRequirements = function ({ value, description, open, error, timeout, requirements, className, style, testIds }) {
+    const classes = useStyles();
+    return (React.createElement(Collapse, { style: style, className: className, in: open, timeout: timeout, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.root },
+        description && (React.createElement(Typography, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.description, variant: 'body', size: 'xxsmall', className: classes.description }, description)),
+        React.createElement(Grid, { className: classes.root, spacing: 0, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.gridContainer }, requirements.map(requirement => {
+            let status = 'default';
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            if (requirement.validator(value)) {
+                status = 'success';
+            }
+            else if (error) {
+                status = 'error';
+            }
+            return (React.createElement(FieldRequirementItem, { key: requirement.message, status: status, testIds: requirement.testIds }, requirement.message));
+        }))));
+};
+FieldRequirements.defaultProps = {
+    open: false,
+    timeout: ANIMATION_TIMEOUT,
+    value: ''
+};
+FieldRequirements.displayName = 'FieldRequirements';
+export default FieldRequirements;
+//# sourceMappingURL=FieldRequirements.js.map

package/FieldRequirements/FieldRequirements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRequirements.js","sourceRoot":"","sources":["../../src/FieldRequirements/FieldRequirements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,oBAEN,MAAM,wBAAwB,CAAA;AAC/B,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,OAAO,IAAI,MAAM,SAAS,CAAA;AAsB1B,MAAM,iBAAiB,GAAG,GAAG,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAqB,EACpD,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,SAAS,EACT,KAAK,EACL,OAAO,EACW;IAClB,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,OAAO,iBACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;QAEzB,WAAW,IAAI,CACd,oBAAC,UAAU,mBACI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EACjC,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,OAAO,CAAC,WAAW,IAE7B,WAAW,CACD,CACd;QACD,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,CAAC,iBACG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,IAElC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YAC9B,IAAI,MAAM,GAA+B,SAAS,CAAA;YAElD,oEAAoE;YACpE,IAAI,WAAW,CAAC,SAAS,CAAC,KAAM,CAAC,EAAE;gBACjC,MAAM,GAAG,SAAS,CAAA;aACnB;iBAAM,IAAI,KAAK,EAAE;gBAChB,MAAM,GAAG,OAAO,CAAA;aACjB;YAED,OAAO,CACL,oBAAC,oBAAoB,IACnB,GAAG,EAAE,WAAW,CAAC,OAAO,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CACC,CACxB,CAAA;QACH,CAAC,CAAC,CACG,CACE,CACZ,CAAA;AACH,CAAC,CAAA;AAED,iBAAiB,CAAC,YAAY,GAAG;IAC/B,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE,EAAE;CACV,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,eAAe,iBAAiB,CAAA"}

package/FieldRequirements/index.d.ts

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

package/FieldRequirements/index.js

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

package/FieldRequirements/index.js.map

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

package/FieldRequirements/styles.d.ts

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

package/FieldRequirements/styles.js

@@ -0,0 +1,19 @@
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette, spacing, sizes: { input } }) => createStyles({
+    root: {
+        display: 'flex',
+        width: input.width
+    },
+    description: {
+        marginTop: '0.4rem'
+    },
+    fieldRequirementItem: {
+        display: 'flex',
+        alignItems: 'center',
+        color: palette.grey.main2
+    },
+    fieldRequirementItemMessage: {
+        marginLeft: spacing(1)
+    }
+});
+//# sourceMappingURL=styles.js.map

package/FieldRequirements/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FieldRequirements/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAS,EAAE,EAAE,CAC/D,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,QAAQ;KACpB;IACD,oBAAoB,EAAE;QACpB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,2BAA2B,EAAE;QAC3B,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;KACvB;CACF,CAAC,CAAA"}

package/FieldRequirements/types.d.ts

@@ -0,0 +1,10 @@
+export interface FieldRequirement<TValueType> {
+    message: string;
+    validator: (value: TValueType) => boolean;
+    testIds?: {
+        root?: string;
+        successIcon?: string;
+        errorIcon?: string;
+        defaultIcon?: string;
+    };
+}

package/FieldRequirements/types.js

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

package/FieldRequirements/types.js.map

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

package/FormField/FormField.d.ts

@@ -7,6 +7,8 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
     error?: string;
     /** The content of the Form.Field */
     children: ReactNode;
+    /** Field requirements for this specific field */
+    fieldRequirements?: ReactNode;
 }
 export declare const FormField: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default FormField;

package/FormField/FormField.js

@@ -17,12 +17,13 @@ import FormError from '../FormError';
 import styles from './styles';
 const useStyles = makeStyles(styles, { name: 'PicassoFormField' });
 export const FormField = forwardRef(function FormField(props, ref) {
-    const { className, style, hint, children, error } = props, rest = __rest(props, ["className", "style", "hint", "children", "error"]);
+    const { className, style, hint, children, error, fieldRequirements } = props, rest = __rest(props, ["className", "style", "hint", "children", "error", "fieldRequirements"]);
     const classes = useStyles();
     return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), style: style, "data-field-has-error": Boolean(error) }),
         children,
         error && React.createElement(FormError, { className: classes.error }, error),
-        hint && React.createElement(FormHint, { className: classes.hint }, hint)));
+        hint && React.createElement(FormHint, { className: classes.hint }, hint),
+        fieldRequirements));
 });
 FormField.defaultProps = {};
 FormField.displayName = 'FormField';

package/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/FormField/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,UAAU,CAAA;AAW7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAwB,SAAS,SAAS,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA5D,mDAAoD,CAAQ,CAAA;IAElE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK,0BACU,OAAO,CAAC,KAAK,CAAC;QAEnC,QAAQ;QACR,KAAK,IAAI,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,KAAK,CAAa;QACjE,IAAI,IAAI,oBAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,IAAI,CAAY,CACzD,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG,EAAE,CAAA;AAE3B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/FormField/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,UAAU,CAAA;AAa7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAwB,SAAS,SAAS,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,iBAAiB,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EARH,wEAQL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK,0BACU,OAAO,CAAC,KAAK,CAAC;QAEnC,QAAQ;QACR,KAAK,IAAI,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,KAAK,CAAa;QACjE,IAAI,IAAI,oBAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,IAAI,CAAY;QAC5D,iBAAiB,CACd,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG,EAAE,CAAA;AAE3B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}

package/Link/styles.js

@@ -40,7 +40,7 @@ export default ({ typography, palette }) => createStyles({
     visited: {},
     blue: {
         '&:visited, &$visited': {
-            color: palette.blue.darker
+            color: palette.purple.main
         }
     },
     white: {

package/Link/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAS,EAAE,EAAE,CAChD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;QACD,kBAAkB,EAAE;YAClB,QAAQ,EAAE,MAAM;SACjB;QACD,cAAc,EAAE,MAAM;QACtB,qBAAqB,EAAE;YACrB,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,cAAc,EAAE,MAAM;SACvB;QACD,YAAY,EAAE;YACZ,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,MAAM,EAAE;QACN,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,QAAQ;QAC3C,cAAc,EAAE,MAAM;QACtB,YAAY,EAAE;YACZ,cAAc,EAAE,MAAM;YACtB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;KACF;IACD,OAAO,EAAE,EAAE;IACX,IAAI,EAAE;QACJ,sBAAsB,EAAE;YACtB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;SAC3B;KACF;IACD,KAAK,EAAE;QACL,sBAAsB,EAAE;YACtB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;QACD,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,cAAc,EAAE,WAAW;QAC3B,eAAe,EAAE;YACf,cAAc,EAAE,MAAM;SACvB;KACF;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,SAAS,EAAE;QACT,cAAc,EAAE,MAAM;QACtB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAS,EAAE,EAAE,CAChD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;QACD,kBAAkB,EAAE;YAClB,QAAQ,EAAE,MAAM;SACjB;QACD,cAAc,EAAE,MAAM;QACtB,qBAAqB,EAAE;YACrB,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,cAAc,EAAE,MAAM;SACvB;QACD,YAAY,EAAE;YACZ,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,MAAM,EAAE;QACN,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,QAAQ;QAC3C,cAAc,EAAE,MAAM;QACtB,YAAY,EAAE;YACZ,cAAc,EAAE,MAAM;YACtB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;KACF;IACD,OAAO,EAAE,EAAE;IACX,IAAI,EAAE;QACJ,sBAAsB,EAAE;YACtB,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;SAC3B;KACF;IACD,KAAK,EAAE;QACL,sBAAsB,EAAE;YACtB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;QACD,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,cAAc,EAAE,WAAW;QAC3B,eAAe,EAAE;YACf,cAAc,EAAE,MAAM;SACvB;KACF;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,SAAS,EAAE;QACT,cAAc,EAAE,MAAM;QACtB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAA"}

package/PasswordInput/PasswordInput.js

@@ -30,7 +30,7 @@ export const PasswordInput = forwardRef(function PasswordInput(props, ref) {
         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 })));
+        React.createElement(Button.Circular, { className: classes.toggle, variant: 'flat', icon: showPassword ? React.createElement(SvgEye16, null) : React.createElement(SvgEyeHidden16, 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 }));

package/PasswordInput/PasswordInput.js.map

@@ -1 +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"}
+{"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,QAAQ,OAAG,CAAC,CAAC,CAAC,oBAAC,cAAc,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/index.d.ts

@@ -163,6 +163,8 @@ export type { RichTextProps, ASTType } from './RichText';
 export type { RatingThumbsProps } from './RatingThumbs';
 export { default as PasswordInput } from './PasswordInput';
 export type { PasswordInputProps } from './PasswordInput';
+export { default as FieldRequirements } from './FieldRequirements';
+export type { FieldRequirementsProps, FieldRequirement } from './FieldRequirements';
 export * from './Icon';
 declare const PicassoFallback: () => never;
 export default PicassoFallback;

package/index.js

@@ -77,6 +77,7 @@ export { default as Note } from './Note';
 export { default as Timeline } from './Timeline';
 export { default as RichText } from './RichText';
 export { default as PasswordInput } from './PasswordInput';
+export { default as FieldRequirements } from './FieldRequirements';
 // hygen code generator inserts export statements above this comment.
 export * from './Icon';
 // TODO: Remove in @toptal/picasso@11.x.x version

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "18.11.0",
+  "version": "18.13.0",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public",

package/utils/Colors/index.d.ts

@@ -0,0 +1 @@
+export { default } from './story/Default.example';

package/utils/Colors/index.js

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

package/utils/Colors/index.js.map

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

package/utils/Colors/story/Default.example.d.ts

@@ -0,0 +1,2 @@
+declare const Example: () => JSX.Element;
+export default Example;

package/utils/Colors/story/Default.example.js

@@ -0,0 +1,20 @@
+import React, { Fragment } from 'react';
+import { palette } from '@toptal/picasso/utils';
+import { Grid, Paper, Typography, Container } from '@toptal/picasso';
+const colorGroups = Object.entries(palette);
+const Example = () => (React.createElement(React.Fragment, null, colorGroups.map(([colorGroupName, colorGroup]) => (React.createElement(Fragment, { key: colorGroupName },
+    React.createElement(Container, { top: 2, bottom: 1 },
+        React.createElement(Typography, { variant: 'heading', size: 'large' }, colorGroupName)),
+    React.createElement(ColorGroup, { colors: Object.entries(colorGroup), colorGroupName: colorGroupName }))))));
+const ColorGroup = ({ colors, colorGroupName }) => (React.createElement(Grid, { spacing: 16 }, colors.map(([colorName, color]) => (React.createElement(Grid.Item, { key: colorName },
+    React.createElement(Paper, { style: { padding: '1rem' } },
+        React.createElement(ColorRectangle, { color: color }),
+        React.createElement(Typography, { size: 'xsmall' }, `${colorGroupName}.${colorName}`),
+        React.createElement(Typography, { variant: 'heading', size: 'small' }, color.toUpperCase())))))));
+const ColorRectangle = ({ color }) => (React.createElement("div", { style: {
+        width: '7rem',
+        height: '7rem',
+        backgroundColor: color
+    } }));
+export default Example;
+//# sourceMappingURL=Default.example.js.map

package/utils/Colors/story/Default.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Default.example.js","sourceRoot":"","sources":["../../../../src/utils/Colors/story/Default.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEpE,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;AAE3C,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACpB,0CACG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CACjD,oBAAC,QAAQ,IAAC,GAAG,EAAE,cAAc;IAC3B,oBAAC,SAAS,IAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;QAC1B,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IACvC,cAAc,CACJ,CACH;IACZ,oBAAC,UAAU,IACT,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAClC,cAAc,EAAE,cAAc,GAC9B,CACO,CACZ,CAAC,CACD,CACJ,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,cAAc,EAIf,EAAE,EAAE,CAAC,CACJ,oBAAC,IAAI,IAAC,OAAO,EAAE,EAAE,IACd,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAClC,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAE,SAAS;IACvB,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC/B,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI;QAChC,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,IACtB,GAAG,cAAc,IAAI,SAAS,EAAE,CACtB;QACb,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IACvC,KAAK,CAAC,WAAW,EAAE,CACT,CACP,CACE,CACb,CAAC,CACG,CACR,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE,CAAC,CACvD,6BACE,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,KAAK;KACvB,GACD,CACH,CAAA;AAED,eAAe,OAAO,CAAA"}