@toptal/picasso 17.4.0 → 18.2.0

package/EmptyStateCollection/EmptyStateCollection.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, cloneElement } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import { Search16 as Search } from '@toptal/picasso/Icon';
+import Container from '../Container';
+import Typography from '../Typography';
+import styles from './styles';
+const useStyles = makeStyles(styles, {
+    name: 'PicassoEmptyStateCollection'
+});
+export const EmptyStateCollection = forwardRef(function EmptyStateCollection(props, ref) {
+    const classes = useStyles();
+    const { icon, children, style } = props, rest = __rest(props, ["icon", "children", "style"]);
+    const iconProps = {
+        className: classes.icon,
+        color: 'dark-grey'
+    };
+    const iconElement = icon ? (cloneElement(icon, iconProps)) : (React.createElement(Search, Object.assign({}, iconProps)));
+    return (React.createElement(Container, Object.assign({}, rest, { alignItems: 'center', flex: true, ref: ref, style: style }),
+        React.createElement(Container, { alignItems: 'center', className: classes.iconWrapper, flex: true, right: 'xsmall' }, iconElement),
+        React.createElement(Container, null,
+            React.createElement(Typography, { size: 'xsmall' }, children))));
+});
+EmptyStateCollection.displayName = 'EmptyStateCollection';
+export default EmptyStateCollection;
+//# sourceMappingURL=EmptyStateCollection.js.map

package/EmptyStateCollection/EmptyStateCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateCollection.js","sourceRoot":"","sources":["../../src/EmptyStateCollection/EmptyStateCollection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAGV,YAAY,EACb,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAEzD,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,6BAA6B;CACpC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAC5C,SAAS,oBAAoB,CAAC,KAAK,EAAE,GAAG;IACtC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA1C,6BAAkC,CAAQ,CAAA;IAChD,MAAM,SAAS,GAAG;QAChB,SAAS,EAAE,OAAO,CAAC,IAAI;QACvB,KAAK,EAAE,WAAoB;KAC5B,CAAA;IACD,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CACzB,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAC9B,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,oBAAK,SAAS,EAAI,CAC1B,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,oBAAK,IAAI,IAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,QAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAClE,oBAAC,SAAS,IACR,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,IAAI,QACJ,KAAK,EAAC,QAAQ,IAEb,WAAW,CACF;QACZ,oBAAC,SAAS;YACR,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,IAAE,QAAQ,CAAc,CACvC,CACF,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAEzD,eAAe,oBAAoB,CAAA"}

package/EmptyStateCollection/index.d.ts

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

package/EmptyStateCollection/index.js

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

package/EmptyStateCollection/index.js.map

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

package/EmptyStateCollection/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "icon">;
+export default _default;

package/EmptyStateCollection/styles.js

@@ -0,0 +1,9 @@
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    icon: {
+        flexBasis: '1rem',
+        minWidth: '1rem',
+        height: '1rem'
+    }
+});
+//# sourceMappingURL=styles.js.map

package/EmptyStateCollection/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/EmptyStateCollection/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA"}

package/EmptyStatePage/EmptyStatePage.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLAttributes, ReactElement } from 'react';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    /** Adds <Icon /> above EmptyStatePage content  */
+    image: ReactElement;
+    /** Adds Title string below the main image */
+    title?: string;
+}
+export declare const EmptyStatePage: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default EmptyStatePage;

package/EmptyStatePage/EmptyStatePage.js

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, cloneElement } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Container from '../Container';
+import Typography from '../Typography';
+import styles from './styles';
+const useStyles = makeStyles(styles, {
+    name: 'PicassoEmptyStatePage'
+});
+export const EmptyStatePage = forwardRef(function EmptyStatePage(props, ref) {
+    const classes = useStyles();
+    const { image, title, children, style } = props, rest = __rest(props, ["image", "title", "children", "style"]);
+    return (React.createElement(Container, Object.assign({}, rest, { direction: 'column', alignItems: 'center', flex: true, ref: ref, style: style }),
+        React.createElement(Container, { alignItems: 'center', justifyContent: 'center', bottom: 'small', flex: true }, cloneElement(image, { className: classes.image })),
+        title && (React.createElement(Container, { bottom: 'xsmall' },
+            React.createElement(Typography, { variant: 'heading', size: 'medium' }, title))),
+        React.createElement(Typography, { size: 'xsmall', as: typeof children === 'string' ? 'p' : 'div' }, children)));
+});
+EmptyStatePage.displayName = 'EmptyStatePage';
+export default EmptyStatePage;
+//# sourceMappingURL=EmptyStatePage.js.map

package/EmptyStatePage/EmptyStatePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStatePage.js","sourceRoot":"","sources":["../../src/EmptyStatePage/EmptyStatePage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAGV,YAAY,EACb,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,uBAAuB;CAC9B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG;IAChC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlD,uCAA0C,CAAQ,CAAA;IAExD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,QAAQ,EACnB,IAAI,QACJ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IACR,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,MAAM,EAAC,OAAO,EACd,IAAI,UAEH,YAAY,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CACxC;QACX,KAAK,IAAI,CACR,oBAAC,SAAS,IAAC,MAAM,EAAC,QAAQ;YACxB,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,IACxC,KAAK,CACK,CACH,CACb;QACD,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IAE7C,QAAQ,CACE,CACH,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}

package/EmptyStatePage/index.d.ts

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

package/EmptyStatePage/index.js

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

package/EmptyStatePage/index.js.map

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

package/EmptyStatePage/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "image">;
+export default _default;

package/EmptyStatePage/styles.js

@@ -0,0 +1,8 @@
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    image: {
+        width: '8rem',
+        height: '8rem'
+    }
+});
+//# sourceMappingURL=styles.js.map

package/EmptyStatePage/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/EmptyStatePage/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA"}

package/FormLabel/FormLabel.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { BaseProps, TextLabelProps } from '@toptal/picasso-shared';
+import { BaseProps, TextLabelProps, SizeType } from '@toptal/picasso-shared';
 declare type ComponentType = 'label' | 'span';
 export declare type RequiredDecoration = 'asterisk' | 'optional';
 export interface Props extends BaseProps, TextLabelProps, HTMLAttributes<HTMLLabelElement | HTMLSpanElement> {
@@ -15,6 +15,8 @@ export interface Props extends BaseProps, TextLabelProps, HTMLAttributes<HTMLLab
     inline?: boolean;
     /** Component used for the root node */
     as?: ComponentType;
+    /** Component size */
+    size?: SizeType<'medium' | 'large'>;
 }
 export declare const FormLabel: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLabelElement>>;
 export default FormLabel;

package/FormLabel/FormLabel.js

@@ -17,22 +17,23 @@ import styles from './styles';
 import toTitleCase from '../utils/to-title-case';
 const useStyles = makeStyles(styles, { name: 'PicassoFormLabel' });
 export const FormLabel = forwardRef(function FormLabel(props, ref) {
-    const { children, disabled, htmlFor, className, style, inline, as: Component = 'label', titleCase: propsTitleCase, requiredDecoration } = props, rest = __rest(props, ["children", "disabled", "htmlFor", "className", "style", "inline", "as", "titleCase", "requiredDecoration"]);
-    const classes = useStyles();
+    const { children, disabled, htmlFor, className, style, inline, as: Component = 'label', titleCase: propsTitleCase, requiredDecoration, size = 'medium' } = props, rest = __rest(props, ["children", "disabled", "htmlFor", "className", "style", "inline", "as", "titleCase", "requiredDecoration", "size"]);
+    const classes = useStyles(props);
     const isInline = inline || Component === 'span';
     const titleCase = useTitleCase(propsTitleCase);
     return (React.createElement(Component, Object.assign({}, rest, { ref: ref, htmlFor: htmlFor, className: cx(classes.root, {
             [classes.disabled]: disabled,
             [classes.inline]: isInline
         }, className), style: style }),
-        requiredDecoration === 'asterisk' && (React.createElement("span", { className: classes.asterisk }, "*")),
-        React.createElement("span", { className: classes.text },
+        React.createElement("span", { className: classes[size] },
+            requiredDecoration === 'asterisk' && (React.createElement("span", { className: classes.asterisk }, "*")),
             titleCase ? toTitleCase(children) : children,
             requiredDecoration === 'optional' && ' (optional)')));
 });
 FormLabel.defaultProps = {
     as: 'label',
-    inline: false
+    inline: false,
+    size: 'medium'
 };
 FormLabel.displayName = 'FormLabel';
 export default FormLabel;

package/FormLabel/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../src/FormLabel/FormLabel.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;AAC3B,OAAO,EAAE,YAAY,EAA6B,MAAM,wBAAwB,CAAA;AAEhF,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAuBhD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA0B,SAAS,SAAS,CAC7E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,EAAE,EAAE,SAAS,GAAG,OAAO,EACvB,SAAS,EAAE,cAAc,EACzB,kBAAkB,KAEhB,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,4GAWL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,QAAQ,GAAG,MAAM,IAAI,SAAS,KAAK,MAAM,CAAA;IAC/C,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAE9C,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ;YACE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC5B,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ;SAC3B,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK;QAEX,kBAAkB,KAAK,UAAU,IAAI,CACpC,8BAAM,SAAS,EAAE,OAAO,CAAC,QAAQ,QAAU,CAC5C;QACD,8BAAM,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;YAC5C,kBAAkB,KAAK,UAAU,IAAI,aAAa,CAC9C,CACG,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,EAAE,EAAE,OAAO;IACX,MAAM,EAAE,KAAK;CACd,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
+{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../src/FormLabel/FormLabel.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;AAC3B,OAAO,EACL,YAAY,EAIb,MAAM,wBAAwB,CAAA;AAE/B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAyBhD,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEhF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA0B,SAAS,SAAS,CAC7E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,EAAE,EAAE,SAAS,GAAG,OAAO,EACvB,SAAS,EAAE,cAAc,EACzB,kBAAkB,EAClB,IAAI,GAAG,QAAQ,KAEb,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,oHAYL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,QAAQ,GAAG,MAAM,IAAI,SAAS,KAAK,MAAM,CAAA;IAC/C,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAE9C,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ;YACE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC5B,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ;SAC3B,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK;QAEZ,8BAAM,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC;YAC3B,kBAAkB,KAAK,UAAU,IAAI,CACpC,8BAAM,SAAS,EAAE,OAAO,CAAC,QAAQ,QAAU,CAC5C;YAEA,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;YAC5C,kBAAkB,KAAK,UAAU,IAAI,aAAa,CAC9C,CACG,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,EAAE,EAAE,OAAO;IACX,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}

package/FormLabel/styles.d.ts

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

package/FormLabel/styles.js

@@ -10,23 +10,25 @@ export default ({ palette }) => createStyles({
     disabled: {
         color: alpha(palette.grey[400], 0.48)
     },
-    text: {
-        fontSize: '0.875em'
+    medium: {
+        fontSize: '0.875rem'
+    },
+    large: {
+        fontSize: '1rem'
     },
     asterisk: {
         marginRight: '0.3125em',
-        color: palette.error.main,
-        fontSize: '0.875em'
+        color: palette.error.main
     },
     inline: {
         display: 'inline-block',
         marginBottom: 0,
-        '& $text': {
+        '& $medium': {
             fontSize: '0.8125rem',
             verticalAlign: 'top'
         },
         '& $asterisk': {
-            fontSize: '0.8125em',
+            fontSize: '0.8125rem',
             verticalAlign: 'top'
         }
     }

package/FormLabel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormLabel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxB,OAAO,EAAE,OAAO;QAChB,YAAY,EAAE,OAAO;QACrB,UAAU,EAAE,KAAK;KAClB;IAED,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;KACtC;IAED,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;KACpB;IAED,QAAQ,EAAE;QACR,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;QACzB,QAAQ,EAAE,SAAS;KACpB;IAED,MAAM,EAAE;QACN,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,CAAC;QAEf,SAAS,EAAE;YACT,QAAQ,EAAE,WAAW;YACrB,aAAa,EAAE,KAAK;SACrB;QAED,aAAa,EAAE;YACb,QAAQ,EAAE,UAAU;YACpB,aAAa,EAAE,KAAK;SACrB;KACF;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormLabel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxB,OAAO,EAAE,OAAO;QAChB,YAAY,EAAE,OAAO;QACrB,UAAU,EAAE,KAAK;KAClB;IAED,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;KACtC;IAED,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;KACrB;IAED,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;KACjB;IAED,QAAQ,EAAE;QACR,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1B;IAED,MAAM,EAAE;QACN,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,CAAC;QAEf,WAAW,EAAE;YACX,QAAQ,EAAE,WAAW;YACrB,aAAa,EAAE,KAAK;SACrB;QAED,aAAa,EAAE;YACb,QAAQ,EAAE,WAAW;YACrB,aAAa,EAAE,KAAK;SACrB;KACF;CACF,CAAC,CAAA"}

package/MenuItem/MenuItem.js

@@ -19,6 +19,7 @@ import Container from '../Container';
 import { ChevronMinor16, CheckMinor16 } from '../Icon';
 import Paper from '../Paper';
 import Popper from '../Popper';
+import Link from '../Link';
 import { ClickAwayListener, toTitleCase } from '../utils';
 import { useMenuItem } from './hooks';
 import styles from './styles';
@@ -35,8 +36,12 @@ export const MenuItem = forwardRef(function MenuItem(props, ref) {
         onClick,
         onMouseEnter
     });
+    const isLink = as === Link && rest.href;
     return (React.createElement(React.Fragment, null,
-        React.createElement(MUIMenuItem, Object.assign({}, rest, { ref: ref, component: as, classes: {
+        React.createElement(MUIMenuItem, Object.assign({}, rest, { ref: ref, 
+            // replace Picasso Link with Anchor to not applying Picasso
+            // Link component styles, this is the only difference between them now
+            component: isLink ? 'a' : as, classes: {
                 root: cx({
                     [classes[`gutters${size && capitalize(size)}`]]: size
                 }),

package/MenuItem/MenuItem.js.map

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

package/Note/Note.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
+export interface Props extends BaseProps {
+    children: React.ReactNode;
+}
+export declare const Note: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
+    Title: React.ForwardRefExoticComponent<import("../NoteTitle/NoteTitle").Props & React.RefAttributes<HTMLDivElement>>;
+    Subtitle: React.ForwardRefExoticComponent<import("../NoteSubtitle/NoteSubtitle").Props & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<import("../NoteContent/NoteContent").Props & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/Note/Note.js

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import cx from 'classnames';
+import NoteTitle from '../NoteTitle';
+import NoteSubtitle from '../NoteSubtitle';
+import NoteContent from '../NoteContent';
+import styles from './styles';
+const useStyles = makeStyles(styles);
+export const Note = forwardRef(function Note(_a, ref) {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const classes = useStyles();
+    return (React.createElement("div", Object.assign({ ref: ref, className: cx(classes.root, className) }, rest), children));
+});
+Note.displayName = 'Note';
+export default Object.assign(Note, {
+    Title: NoteTitle,
+    Subtitle: NoteSubtitle,
+    Content: NoteContent
+});
+//# sourceMappingURL=Note.js.map

package/Note/Note.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../src/Note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,MAAM,MAAM,UAAU,CAAA;AAM7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAA;AAE3C,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAwB,SAAS,IAAI,CACjE,EAAgC,EAChC,GAAG;QADH,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAG9B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI,GAC5D,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IACjC,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,YAAY;IACtB,OAAO,EAAE,WAAW;CACrB,CAAC,CAAA"}

package/Note/index.d.ts

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

package/Note/index.js

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

package/Note/index.js.map

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

package/Note/styles.d.ts

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

package/Note/styles.js

@@ -0,0 +1,23 @@
+import { createStyles } from '@material-ui/core/styles';
+const barWidth = 4;
+export default ({ palette, sizes, spacing }) => createStyles({
+    root: {
+        borderRadius: sizes.borderRadius.medium,
+        border: `1px solid ${palette.grey.lighter2}`,
+        padding: `${spacing(3)}px ${spacing(3)}px ${spacing(3)}px ${spacing(3) + barWidth}px`,
+        position: 'relative',
+        overflow: 'hidden',
+        backgroundColor: palette.common.white,
+        '&:before': {
+            background: palette.yellow.main,
+            display: 'block',
+            height: '100%',
+            left: 0,
+            position: 'absolute',
+            content: '""',
+            top: 0,
+            width: barWidth
+        }
+    }
+});
+//# sourceMappingURL=styles.js.map

package/Note/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Note/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,QAAQ,GAAG,CAAC,CAAA;AAElB,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAS,EAAE,EAAE,CACpD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM;QACvC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC5C,OAAO,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,MACpD,OAAO,CAAC,CAAC,CAAC,GAAG,QACf,IAAI;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QACrC,UAAU,EAAE;YACV,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;YAC/B,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,IAAI;YACb,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,QAAQ;SAChB;KACF;CACF,CAAC,CAAA"}

package/NoteContent/NoteContent.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
+export interface Props extends BaseProps {
+    children: ReactNode;
+}
+export declare const NoteContent: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default NoteContent;

package/NoteContent/NoteContent.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import Typography from '../Typography';
+export const NoteContent = forwardRef(function NoteContent(_a, ref) {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (React.createElement(Typography, Object.assign({ ref: ref, as: 'p', size: 'medium', color: 'black' }, rest), children));
+});
+NoteContent.defaultProps = {};
+NoteContent.displayName = 'NoteContent';
+export default NoteContent;
+//# sourceMappingURL=NoteContent.js.map

package/NoteContent/NoteContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteContent.js","sourceRoot":"","sources":["../../src/NoteContent/NoteContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAGpD,OAAO,UAAU,MAAM,eAAe,CAAA;AAMtC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAqB,EAAE,GAAG;QAA1B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACtC,OAAO,CACL,oBAAC,UAAU,kBAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,IAAK,IAAI,GAC9D,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}

package/NoteContent/index.d.ts

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

package/NoteContent/index.js

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

package/NoteContent/index.js.map

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

package/NoteSubtitle/NoteSubtitle.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
+export interface Props extends BaseProps {
+    children: ReactNode;
+}
+export declare const NoteSubtitle: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default NoteSubtitle;

package/NoteSubtitle/NoteSubtitle.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import Container from '../Container';
+import Typography from '../Typography';
+export const NoteSubtitle = forwardRef(function NoteSubtitle(_a, ref) {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (React.createElement(Container, Object.assign({ ref: ref, bottom: 'small' }, rest),
+        React.createElement(Typography, { color: 'dark-grey', size: 'xsmall' }, children)));
+});
+NoteSubtitle.defaultProps = {};
+NoteSubtitle.displayName = 'NoteSubtitle';
+export default NoteSubtitle;
+//# sourceMappingURL=NoteSubtitle.js.map

package/NoteSubtitle/NoteSubtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteSubtitle.js","sourceRoot":"","sources":["../../src/NoteSubtitle/NoteSubtitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAGpD,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AAMtC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,EAAqB,EAAE,GAAG;QAA1B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACvC,OAAO,CACL,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAC,OAAO,IAAK,IAAI;QAC1C,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,IACxC,QAAQ,CACE,CACH,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,YAAY,GAAG,EAAE,CAAA;AAE9B,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/NoteSubtitle/index.d.ts

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

package/NoteSubtitle/index.js

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

package/NoteSubtitle/index.js.map

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

package/NoteTitle/NoteTitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
+export interface Props extends BaseProps {
+    children: React.ReactNode;
+}
+export declare const NoteTitle: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default NoteTitle;

package/NoteTitle/NoteTitle.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import cx from 'classnames';
+import Typography from '../Typography';
+import styles from './styles';
+const useStyles = makeStyles(styles);
+export const NoteTitle = forwardRef(function NoteTitle(_a, ref) {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const classes = useStyles();
+    return (React.createElement("div", Object.assign({ ref: ref, className: cx(classes.root, className) }, rest),
+        React.createElement(Typography, { variant: 'heading', size: 'small' }, children)));
+});
+NoteTitle.defaultProps = {};
+NoteTitle.displayName = 'NoteTitle';
+export default NoteTitle;
+//# sourceMappingURL=NoteTitle.js.map

package/NoteTitle/NoteTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteTitle.js","sourceRoot":"","sources":["../../src/NoteTitle/NoteTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAM7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAA;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAwB,SAAS,SAAS,CAC3E,EAAgC,EAChC,GAAG;QADH,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAG9B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI;QAC7D,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IACvC,QAAQ,CACE,CACT,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/NoteTitle/index.d.ts

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

package/NoteTitle/index.js

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

package/NoteTitle/index.js.map

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

package/NoteTitle/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root">;
+export default _default;

package/NoteTitle/styles.js

@@ -0,0 +1,7 @@
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    root: {
+        marginBottom: '0.25rem'
+    }
+});
+//# sourceMappingURL=styles.js.map

package/NoteTitle/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NoteTitle/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS;KACxB;CACF,CAAC,CAAA"}

package/OverviewBlock/OverviewBlock.d.ts

@@ -0,0 +1,25 @@
+import React, { ElementType, HTMLAttributes, MouseEvent, ReactNode } from 'react';
+import { OverridableComponent, ColorType, BaseProps, TextLabelProps } from '@toptal/picasso-shared';
+declare type VariantColorType = Extract<ColorType, 'red' | 'green' | 'yellow'>;
+declare type Variant = `value-${VariantColorType}` | `label-${VariantColorType}`;
+export declare type Props = BaseProps & TextLabelProps & HTMLAttributes<HTMLButtonElement> & {
+    /** Counter value  */
+    value: ReactNode;
+    /** Counter title  */
+    label: string;
+    /** The color variant  */
+    variant?: Variant;
+    /** Component used for the root node. Either a string to use a DOM element or a component. */
+    as?: ElementType;
+    /** Callback invoked when component is clicked */
+    onClick?: (event: MouseEvent) => void;
+};
+export declare const OverviewBlock: OverridableComponent<Props>;
+declare const _default: OverridableComponent<Props> & {
+    Group: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement> & {
+        align?: import("../OverviewBlockGroup/settings").Alignment | undefined;
+        blockWidth?: import("../OverviewBlockGroup/settings").BlockWidth | undefined;
+    }>;
+    Row: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
+};
+export default _default;