@toptal/picasso 21.2.0 → 22.1.1

package/Autocomplete/use-autocomplete/use-autocomplete.js

@@ -43,9 +43,12 @@ export const useAutocomplete = ({ value, options = [], onChange = () => { }, onK
         : null, [getDisplayValue, options, value]);
     useEffect(() => {
         if (!isOpen) {
-            setHighlightedIndex(selectedIndex && selectedIndex !== -1 ? selectedIndex : 0);
+            const newHighlightedIndex = selectedIndex && selectedIndex !== -1 ? selectedIndex : 0;
+            if (newHighlightedIndex !== highlightedIndex) {
+                setHighlightedIndex(newHighlightedIndex);
+            }
         }
-    }, [isOpen, selectedIndex]);
+    }, [isOpen, selectedIndex, highlightedIndex]);
     const shouldShowOtherOption = Boolean(showOtherOption) && selectedIndex === -1;
     const handleChange = (newValue, isSelected = false) => {
         if (newValue !== value) {

package/Autocomplete/use-autocomplete/use-autocomplete.js.map

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

package/Badge/Badge.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { BaseProps, TextLabelProps } from '@toptal/picasso-shared';
+import React, { ReactNode } from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
 declare type VariantType = 'white' | 'red';
 declare type SizeType = 'medium' | 'small' | 'large';
-export interface Props extends BaseProps, TextLabelProps {
+export interface Props extends BaseProps {
     /** The `Badge` content */
     content: number;
     /** Variant of the `Badge` */
     variant?: VariantType;
     /** Size of the `Badge` */
     size?: SizeType;
-    /**
-     * Max count to show. By default 9 for small size, 99 for other sizes
-     */
+    /** Max count to show. By default 9 for small size, 99 for other sizes */
     max?: number;
+    /** The badged will be overlaid on it's children */
+    children?: ReactNode;
 }
 export declare const Badge: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default Badge;

package/Badge/Badge.js

@@ -1,6 +1,7 @@
-import React, { forwardRef } from 'react';
+import React, { Children, forwardRef } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import cx from 'classnames';
+import { Badge as MuiBadge } from '@material-ui/core';
 import styles from './styles';
 const useStyles = makeStyles(styles, { name: 'PicassoBadge' });
 const thresholds = {
@@ -8,19 +9,19 @@ const thresholds = {
     medium: 99,
     large: 99
 };
-const format = (content, size, max) => {
-    const trimThreshold = max || thresholds[size];
-    if (content > trimThreshold) {
-        return `${trimThreshold}+`;
-    }
-    return String(content);
+const formatNumber = (content, size, max) => {
+    const trimThreshold = max !== null && max !== void 0 ? max : thresholds[size];
+    return content > trimThreshold ? `${trimThreshold}+` : String(content);
 };
-// eslint-disable-next-line react/display-name
-export const Badge = forwardRef(function Badge(props, ref) {
-    const { style, variant = 'white', size = 'large', content, 'data-testid': dataTestId, max } = props;
+export const Badge = forwardRef(function Badge({ children, style, variant = 'white', size = 'large', content, max, 'data-testid': testId }, ref) {
     const classes = useStyles();
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { ref: ref, "data-testid": dataTestId, className: cx(classes.root, classes[variant], classes[size]), style: style }, format(content, size, max))));
+    const hasChildren = Children.count(children) > 0;
+    const badgeContent = formatNumber(content, size, max);
+    return (React.createElement(MuiBadge, { ref: ref, style: style, "data-testid": testId, badgeContent: badgeContent, classes: {
+            badge: cx(classes.root, classes[variant], classes[size], {
+                [classes.static]: !hasChildren
+            })
+        } }, children));
 });
 Badge.defaultProps = {
     variant: 'white',

package/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAkB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,IAAc,EAAE,GAAY,EAAU,EAAE;IACvE,MAAM,aAAa,GAAG,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,CAAA;IAE7C,IAAI,OAAO,GAAG,aAAa,EAAE;QAC3B,OAAO,GAAG,aAAa,GAAG,CAAA;KAC3B;IAED,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;AACxB,CAAC,CAAA;AAED,8CAA8C;AAC9C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,OAAO,EACd,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,EACJ,GAAG,KAAK,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL;QACE,8BACE,GAAG,EAAE,GAAG,iBACK,UAAU,EACvB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,EAC5D,KAAK,EAAE,KAAK,IAEX,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CACtB,CACN,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,OAAO;CACd,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,MAAM,MAAM,UAAU,CAAA;AAsB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,MAAM,UAAU,GAA6B;IAC3C,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,YAAY,GAAG,CACnB,OAAe,EACf,IAAc,EACd,GAAuB,EACf,EAAE;IACV,MAAM,aAAa,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,UAAU,CAAC,IAAI,CAAC,CAAA;IAE7C,OAAO,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AACxE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,EACE,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,OAAO,EACd,OAAO,EACP,GAAG,EACH,aAAa,EAAE,MAAM,EACtB,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEhD,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;IAErD,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvD,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW;aAC/B,CAAC;SACH,IAEA,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,OAAO;CACd,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}

package/Badge/styles.d.ts

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

package/Badge/styles.js

@@ -3,33 +3,33 @@ import { createStyles } from '@material-ui/core/styles';
 const getSizeProps = (unitInRem) => ({
     borderRadius: unitInRem,
     height: unitInRem,
-    lineHeight: unitInRem,
     minWidth: unitInRem
 });
-export default ({ palette }) => createStyles({
+export default ({ palette, typography }) => createStyles({
     root: {
-        borderStyle: 'solid',
         borderWidth: '1px',
-        display: 'inline-flex',
+        borderStyle: 'solid',
         fontSize: rem('10px'),
-        fontWeight: 600,
-        alignItems: 'center',
-        justifyContent: 'center'
+        lineHeight: rem('12px'),
+        padding: '0 1px',
+        fontWeight: typography.fontWeights.semibold
+    },
+    static: {
+        position: 'unset',
+        transform: 'unset'
     },
-    // variants
     white: {
         background: palette.common.white,
-        borderColor: palette.grey.light,
-        color: palette.grey.dark
+        color: palette.grey.dark,
+        borderColor: palette.grey.light2
     },
     red: {
-        backgroundColor: palette.red.main,
+        color: palette.common.white,
         borderColor: palette.red.main,
-        color: palette.common.white
+        backgroundColor: palette.red.main
     },
-    // sizes
-    large: Object.assign({ padding: '0 3px' }, getSizeProps('1.25rem')),
-    small: Object.assign({ padding: '0 2px' }, getSizeProps('0.75rem')),
-    medium: Object.assign({ padding: '0 1px' }, getSizeProps('1rem'))
+    small: Object.assign({ lineHeight: rem('10px') }, getSizeProps(rem('12px'))),
+    medium: Object.assign({}, getSizeProps(rem('16px'))),
+    large: Object.assign({ padding: '0 3px' }, getSizeProps(rem('20px')))
 });
 //# sourceMappingURL=styles.js.map

package/Badge/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Badge/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;IAC3C,YAAY,EAAE,SAAS;IACvB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;CACpB,CAAC,CAAA;AAEF,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;QACrB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,WAAW;IACX,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAChC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;QAC/B,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,GAAG,EAAE;QACH,eAAe,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;QACjC,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;QAC7B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAC5B;IACD,QAAQ;IACR,KAAK,kBACH,OAAO,EAAE,OAAO,IACb,YAAY,CAAC,SAAS,CAAC,CAC3B;IACD,KAAK,kBACH,OAAO,EAAE,OAAO,IACb,YAAY,CAAC,SAAS,CAAC,CAC3B;IACD,MAAM,kBACJ,OAAO,EAAE,OAAO,IACb,YAAY,CAAC,MAAM,CAAC,CACxB;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Badge/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAS,YAAY,EAAc,MAAM,0BAA0B,CAAA;AAE1E,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAwB,EAAE,CAAC,CAAC;IACjE,YAAY,EAAE,SAAS;IACvB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;CACpB,CAAC,CAAA;AAEF,eAAe,CAAC,EAAE,OAAO,EAAE,UAAU,EAAS,EAAE,EAAE,CAChD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;QACrB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;QACvB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,QAAQ;KAC5C;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,OAAO;KACnB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAChC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;KACjC;IACD,GAAG,EAAE;QACH,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;QAC7B,eAAe,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;KAClC;IACD,KAAK,kBACH,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,IACpB,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAC7B;IACD,MAAM,oBACD,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAC7B;IACD,KAAK,kBACH,OAAO,EAAE,OAAO,IACb,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAC7B;CACF,CAAC,CAAA"}

package/ModalContent/ModalContent.js

@@ -14,7 +14,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import cx from 'classnames';
 import styles from './styles';
 import { useCombinedRefs } from '../utils';
-import useScrollableShades from './use-scrollable-shades';
+import useScrollableShades from './hooks/use-scrollable-shades';
 const useStyles = makeStyles(styles, {
     name: 'PicassoModalContent'
 });

package/ModalContent/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../src/ModalContent/ModalContent.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,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,mBAAmB,MAAM,yBAAyB,CAAA;AAOzD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG;IAC9B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK;IAErD;;;OAGG;MALG,kCAAuC,CAAQ,CAAA;IAErD;;;OAGG;IACH,MAAM,eAAe,GAAG,eAAe,CAAiB,GAAG,CAAC,CAAA;IAE5D,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAA;IAE5D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;QAChC,GAAG,IAAI,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAI;QAC/C,MAAM,IAAI,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,GAAI;QACtD,6CACM,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,eAAe,EACpB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,KAE7C,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../src/ModalContent/ModalContent.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,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,mBAAmB,MAAM,+BAA+B,CAAA;AAO/D,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG;IAC9B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK;IAErD;;;OAGG;MALG,kCAAuC,CAAQ,CAAA;IAErD;;;OAGG;IACH,MAAM,eAAe,GAAG,eAAe,CAAiB,GAAG,CAAC,CAAA;IAE5D,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAA;IAE5D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;QAChC,GAAG,IAAI,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAI;QAC/C,MAAM,IAAI,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,GAAI;QACtD,6CACM,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,eAAe,EACpB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,KAE7C,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/ModalContent/{use-scrollable-shades.js → hooks/use-scrollable-shades.js}

@@ -14,7 +14,7 @@ const useScrollableShades = (ref) => {
                 setBottom(false);
             }
             setTop(el.scrollTop > 0);
-            setBottom(el.scrollTop + el.clientHeight < el.scrollHeight);
+            setBottom(Math.round(el.scrollTop) + el.clientHeight < el.scrollHeight);
         }, 20);
         updateShades();
         el.addEventListener('scroll', updateShades);

package/ModalContent/hooks/use-scrollable-shades.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scrollable-shades.js","sourceRoot":"","sources":["../../../src/ModalContent/hooks/use-scrollable-shades.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,QAAQ,MAAM,UAAU,CAAA;AAE/B,MAAM,mBAAmB,GAAG,CAAC,GAAoC,EAAE,EAAE;IACnE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QAEtB,IAAI,CAAC,EAAE,EAAE;YACP,OAAM;SACP;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,IAAI,EAAE,CAAC,YAAY,KAAK,EAAE,CAAC,YAAY,EAAE;gBACvC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACb,SAAS,CAAC,KAAK,CAAC,CAAA;aACjB;YAED,MAAM,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;YACxB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC,CAAA;QACzE,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,YAAY,EAAE,CAAA;QAEd,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC3C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACjD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/index.d.ts

@@ -135,8 +135,6 @@ export { default as ProgressBar } from './ProgressBar';
 export type { ProgressBarProps } from './ProgressBar';
 export { default as List } from './List';
 export type { ListProps } from './List';
-export { default as OverlayBadge } from './OverlayBadge';
-export type { OverlayBadgeProps } from './OverlayBadge';
 export { default as Badge } from './Badge';
 export type { BadgeProps } from './Badge';
 export { default as Breadcrumbs } from './Breadcrumbs';

package/index.js

@@ -63,7 +63,6 @@ export { default as SkeletonLoader } from './SkeletonLoader';
 export { default as PageHead } from './PageHead';
 export { default as ProgressBar } from './ProgressBar';
 export { default as List } from './List';
-export { default as OverlayBadge } from './OverlayBadge';
 export { default as Badge } from './Badge';
 export { default as Breadcrumbs } from './Breadcrumbs';
 export { default as Calendar } from './Calendar';

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": "21.2.0",
+  "version": "22.1.1",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public",
@@ -26,13 +26,13 @@
     "@material-ui/core": "4.11.0",
     "notistack": "1.0.5",
     "typescript": "4.6.x",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
+    "react": ">=16.12.0 && < 19.0.0",
+    "react-dom": ">=16.12.0 && < 19.0.0",
     "react-helmet": "6.1.0"
   },
   "dependencies": {
-    "@toptal/picasso-provider": "^1.0.0",
-    "@toptal/picasso-shared": "^8.0.0",
+    "@toptal/picasso-provider": "^1.1.0",
+    "@toptal/picasso-shared": "^8.1.0",
     "ap-style-title-case": "^1.1.2",
     "classnames": "^2.3.1",
     "d3": "^6.6.2",
@@ -58,9 +58,9 @@
   },
   "devDependencies": {
     "@babel/types": "^7.15.0",
-    "@testing-library/jest-dom": "5.14.1",
-    "@testing-library/react": "^11.2.5",
-    "@testing-library/react-hooks": "^5.0.3",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/react-hooks": "^7.0.2",
     "@types/classnames": "^2.3.1",
     "@types/d3": "^6.3.0",
     "@types/detect-browser": "^4.0.0",

package/test-utils/index.d.ts

@@ -4,6 +4,6 @@ import TestingPicasso from './TestingPicasso';
 export declare type PicassoConfig = {
     titleCase: boolean;
 };
-declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions<typeof import("@testing-library/dom/types/queries"), HTMLElement>, "queries"> | undefined, picassoConfig?: PicassoConfig | undefined) => RenderResult;
+declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>, "queries"> | undefined, picassoConfig?: PicassoConfig | undefined) => RenderResult;
 export * from '@testing-library/react';
 export { customRender as render, TestingPicasso };

package/ModalContent/use-scrollable-shades.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scrollable-shades.js","sourceRoot":"","sources":["../../src/ModalContent/use-scrollable-shades.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,QAAQ,MAAM,UAAU,CAAA;AAE/B,MAAM,mBAAmB,GAAG,CAAC,GAAoC,EAAE,EAAE;IACnE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QAEtB,IAAI,CAAC,EAAE,EAAE;YACP,OAAM;SACP;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,IAAI,EAAE,CAAC,YAAY,KAAK,EAAE,CAAC,YAAY,EAAE;gBACvC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACb,SAAS,CAAC,KAAK,CAAC,CAAA;aACjB;YAED,MAAM,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;YACxB,SAAS,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC,CAAA;QAC7D,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,YAAY,EAAE,CAAA;QAEd,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC3C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACjD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/OverlayBadge/OverlayBadge.d.ts

@@ -1,16 +0,0 @@
-import React, { ReactNode } from 'react';
-import { BaseProps, TextLabelProps } from '@toptal/picasso-shared';
-declare type VariantType = 'white' | 'red';
-declare type SizeType = 'medium' | 'small';
-export interface Props extends BaseProps, TextLabelProps {
-    /** The `Badge` content */
-    content: string;
-    /** Text content of the `Badge` component */
-    children: ReactNode;
-    /** Variant of the `Badge` */
-    variant?: VariantType;
-    /** Size of the `Badge` */
-    size?: SizeType;
-}
-export declare const OverlayBadge: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default OverlayBadge;

package/OverlayBadge/OverlayBadge.js

@@ -1,26 +0,0 @@
-import React, { forwardRef } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import cx from 'classnames';
-import { useTitleCase } from '@toptal/picasso-shared';
-import { Badge as MuiBadge } from '@material-ui/core';
-import { toTitleCase } from '../utils';
-import styles from './styles';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoOverlayBadge'
-});
-// eslint-disable-next-line react/display-name
-export const OverlayBadge = forwardRef(function OverlayBadge(props, ref) {
-    const { children, style, variant = 'white', size = 'medium', content, titleCase: propsTitleCase } = props;
-    const classes = useStyles();
-    const titleCase = useTitleCase(propsTitleCase);
-    return (React.createElement(MuiBadge, { ref: ref, style: style, badgeContent: titleCase ? toTitleCase(content) : content, classes: {
-            anchorOriginTopRightRectangle: cx(classes.root, classes[variant], classes[size])
-        } }, children));
-});
-OverlayBadge.defaultProps = {
-    variant: 'white',
-    size: 'medium'
-};
-OverlayBadge.displayName = 'OverlayBadge';
-export default OverlayBadge;
-//# sourceMappingURL=OverlayBadge.js.map

package/OverlayBadge/OverlayBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayBadge.js","sourceRoot":"","sources":["../../src/OverlayBadge/OverlayBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAA6B,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAChF,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAgB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,8CAA8C;AAC9C,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG;IAC9B,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EAAE,cAAc,EAC1B,GAAG,KAAK,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAE9C,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EACxD,OAAO,EAAE;YACP,6BAA6B,EAAE,EAAE,CAC/B,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,OAAO,CAAC,EAChB,OAAO,CAAC,IAAI,CAAC,CACd;SACF,IAEA,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,YAAY,GAAG;IAC1B,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/OverlayBadge/index.d.ts

@@ -1,4 +0,0 @@
-import { OmitInternalProps } from '@toptal/picasso-shared';
-import { Props } from './OverlayBadge';
-export { default } from './OverlayBadge';
-export declare type OverlayBadgeProps = OmitInternalProps<Props>;

package/OverlayBadge/index.js

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

package/OverlayBadge/index.js.map

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

package/OverlayBadge/styles.d.ts

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

package/OverlayBadge/styles.js

@@ -1,31 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ palette }) => createStyles({
-    // variants
-    root: {
-        borderWidth: '1px',
-        borderStyle: 'solid'
-    },
-    white: {
-        background: palette.common.white,
-        color: palette.grey.dark,
-        borderColor: palette.grey.light
-    },
-    red: {
-        color: palette.common.white,
-        borderColor: palette.red.main,
-        backgroundColor: palette.red.main
-    },
-    // sizes
-    medium: {
-        fontSize: '0.75rem'
-    },
-    small: {
-        fontSize: '0.57rem',
-        height: '0.75rem',
-        lineHeight: '0.75rem',
-        minWidth: '0.75rem',
-        borderRadius: '0.75rem',
-        padding: '0'
-    }
-});
-//# sourceMappingURL=styles.js.map

package/OverlayBadge/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/OverlayBadge/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,WAAW;IACX,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;KACrB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAChC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAChC;IACD,GAAG,EAAE;QACH,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;QAC7B,eAAe,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;KAClC;IACD,QAAQ;IACR,MAAM,EAAE;QACN,QAAQ,EAAE,SAAS;KACpB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE,GAAG;KACb;CACF,CAAC,CAAA"}