@aivenio/aquarium 1.0.0 → 1.2.0

package/dist/src/common/Alert/Alert.d.ts

@@ -12,7 +12,7 @@ declare type ComposedAlertProps = {
     Title: React.FC<TypographyProps>;
     Description: React.FC<TypographyProps>;
     Actions: React.FC<DivProps>;
-    Icon: React.FC<Pick<AlertProps, 'type'>>;
+    Icon: React.FC<AlertProps>;
     Dismiss: React.FC<ButtonProps>;
 };
 export declare const Alert: React.FC<DivProps & AlertProps> & ComposedAlertProps;

package/dist/src/common/Alert/Alert.js

@@ -62,8 +62,8 @@ Alert.Actions = (_a) => {
 };
 // Wrap the Icon in div because the svg alone will scale down with flex
 Alert.Icon = (_a) => {
-    var { type } = _a, rest = __rest(_a, ["type"]);
-    return (React.createElement("div", { className: tw('h-[20px] col-start-1 row-start-1') },
+    var { type, dense } = _a, rest = __rest(_a, ["type", "dense"]);
+    return (React.createElement("div", { className: tw('h-[20px] col-start-1 row-start-1', { 'self-start': !dense }) },
         React.createElement(Icon, Object.assign({}, rest, { icon: alertTypes[type].icon, color: alertTypes[type].color, fontSize: 20 }))));
 };
 Alert.Dismiss = (_a) => {
@@ -71,4 +71,4 @@ Alert.Dismiss = (_a) => {
     return (React.createElement("div", { className: tw('h-[20px] col-start-3 row-start-1') },
         React.createElement(IconButton, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxVQUFVLEVBQWUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFhLE1BQU0sMEJBQTBCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzlELE9BQU8sT0FBTyxNQUFNLG1CQUFtQixDQUFDO0FBQ3hDLE9BQU8sT0FBTyxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBd0JwQyxNQUFNLFVBQVUsR0FBZTtJQUM3QixXQUFXLEVBQUU7UUFDWCxJQUFJLEVBQUUsSUFBSTtRQUNWLEtBQUssRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsWUFBWTtLQUNwQjtJQUNELEtBQUssRUFBRTtRQUNMLElBQUksRUFBRSxLQUFLO1FBQ1gsS0FBSyxFQUFFLFVBQVU7S0FDbEI7SUFDRCxPQUFPLEVBQUU7UUFDUCxJQUFJLEVBQUUsT0FBTztRQUNiLEtBQUssRUFBRSxZQUFZO0tBQ3BCO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUQsQ0FBQyxFQU0zRSxFQUFFLEVBQUU7UUFOdUUsRUFDMUUsUUFBUSxFQUNSLFNBQVMsRUFDVCxJQUFJLEVBQ0osS0FBSyxPQUVOLEVBREksSUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxVQUFVLEVBQWUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFhLE1BQU0sMEJBQTBCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzlELE9BQU8sT0FBTyxNQUFNLG1CQUFtQixDQUFDO0FBQ3hDLE9BQU8sT0FBTyxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBd0JwQyxNQUFNLFVBQVUsR0FBZTtJQUM3QixXQUFXLEVBQUU7UUFDWCxJQUFJLEVBQUUsSUFBSTtRQUNWLEtBQUssRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsWUFBWTtLQUNwQjtJQUNELEtBQUssRUFBRTtRQUNMLElBQUksRUFBRSxLQUFLO1FBQ1gsS0FBSyxFQUFFLFVBQVU7S0FDbEI7SUFDRCxPQUFPLEVBQUU7UUFDUCxJQUFJLEVBQUUsT0FBTztRQUNiLEtBQUssRUFBRSxZQUFZO0tBQ3BCO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUQsQ0FBQyxFQU0zRSxFQUFFLEVBQUU7UUFOdUUsRUFDMUUsUUFBUSxFQUNSLFNBQVMsRUFDVCxJQUFJLEVBQ0osS0FBSyxPQUVOLEVBREksSUFB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

package/dist/src/common/Banner/Banner.d.ts

@@ -3,10 +3,14 @@ import { Typography } from '../../../src/common/Typography/Typography';
 import { BoxProps } from '../../../src/components/Box/Box';
 declare type DivProps = React.HTMLProps<HTMLDivElement>;
 declare type TypographyProps = React.ComponentProps<typeof Typography>;
+export declare type BannerVariantType = 'default' | 'outlined';
 export declare type BannerLayoutType = 'vertical' | 'horizontal';
 declare type BannerLayoutProps = {
     layout: BannerLayoutType;
 };
+declare type BannerVariantProps = {
+    variant: BannerVariantType;
+};
 declare type BannerTitleVariant = {
     titleVariant?: 'primary' | 'secondary';
 };
@@ -20,5 +24,5 @@ declare type ComposedBannerProps = {
     Actions: React.FC<DivProps & BannerLayoutProps>;
     DismissContainer: React.FC<DivProps & BannerLayoutProps>;
 };
-export declare const Banner: React.FC<DivProps & BannerLayoutProps> & ComposedBannerProps;
+export declare const Banner: React.FC<DivProps & BannerLayoutProps & BannerVariantProps> & ComposedBannerProps;
 export {};

package/dist/src/common/Banner/Banner.js

@@ -13,11 +13,16 @@ import React from 'react';
 import { tw, classNames } from '../../../src/utils/tailwind';
 import { Typography } from '../../../src/common/Typography/Typography';
 import { Box } from '../../../src/components/Box/Box';
-const spacingAroundBanner = '6';
+const spacing = {
+    spacingAroundBanner: 'p-6',
+    omitSpacingAroundBanner: '-6',
+};
 export const Banner = (_a) => {
-    var { children, className, layout } = _a, rest = __rest(_a, ["children", "className", "layout"]);
-    return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw(`rounded flex justify-between gap-7 flex-nowrap p-${spacingAroundBanner} bg-grey-0`, {
+    var { children, className, layout, variant } = _a, rest = __rest(_a, ["children", "className", "layout", "variant"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw(`rounded flex justify-between gap-7 flex-nowrap ${spacing.spacingAroundBanner}`, {
             'items-center': layout === 'horizontal',
+            'bg-grey-0': variant === 'default',
+            'bg-white border border-grey-5': variant === 'outlined',
         })) }), children));
 };
 Banner.Title = (_a) => {
@@ -39,7 +44,7 @@ Banner.ContentContainer = (_a) => {
 };
 Banner.ImageContainer = (_a) => {
     var { children } = _a, rest = __rest(_a, ["children"]);
-    return (React.createElement(Box, Object.assign({}, rest, { display: "inline-flex", alignItems: "center", margin: `-${spacingAroundBanner}`, marginLeft: "0" }), children));
+    return (React.createElement(Box, Object.assign({}, rest, { display: "inline-flex", alignItems: "center", margin: spacing.omitSpacingAroundBanner, marginLeft: "0" }), children));
 };
 Banner.Actions = (_a) => {
     var { children, className, layout } = _a, rest = __rest(_a, ["children", "className", "layout"]);
@@ -49,4 +54,4 @@ Banner.DismissContainer = (_a) => {
     var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
     return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw({ 'self-start': layout === 'vertical', 'self-center': layout === 'horizontal' })) }), children));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFZLE1BQU0sd0JBQXdCLENBQUM7QUF3QnZELE1BQU0sbUJBQW1CLEdBQUcsR0FBRyxDQUFDO0FBQ2hDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBaUUsQ0FBQyxFQUtwRixFQUFFLEVBQUU7UUFMZ0YsRUFDbkYsUUFBUSxFQUNSLFNBQVMsRUFDVCxNQUFNLE9BRVAsRUFESSxJQUFJLGNBSjRFLG1DQUtwRixDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLG9EQUFvRCxtQkFBbUIsWUFBWSxFQUFFO1lBQ3RGLGNBQWMsRUFBRSxNQUFNLEtBQUssWUFBWTtTQUN4QyxDQUFDLENBQ0gsS0FFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFrRSxFQUFFLEVBQUU7UUFBdEUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEdBQUcsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFoRSxtREFBa0UsQ0FBRjtJQUFPLE9BQUEsQ0FDckYsb0JBQUMsVUFBVSxvQkFDTCxJQUFJLElBQ1IsT0FBTyxFQUFDLGVBQWUsRUFDdkIsVUFBVSxFQUFFLEdBQUcsRUFDZixLQUFLLEVBQUUsWUFBWSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFZLE1BQU0sd0JBQXdCLENBQUM7QUE2QnZELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUFpQztDQUMzRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQWtFLEVBQUUsRUFBRTtRQUF0RSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFlBQVksR0FBRyxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQWhFLG1EQUFrRSxD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

package/dist/src/common/DataList/DataList.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { SortDirection, TextAlign } from '../../../src/utils/table/types';
+declare type DivProps = React.HTMLProps<HTMLDivElement>;
+declare type ComposedDataListProps = React.FC<DivProps> & {
+    Cell: typeof Cell;
+    HeadCell: typeof HeadCell;
+    SortCell: typeof SortCell;
+    Row: typeof Row;
+};
+export declare const DataList: ComposedDataListProps;
+declare const HeadCell: React.FC<DivProps & {
+    sticky?: boolean;
+    align?: TextAlign;
+}>;
+declare const Cell: React.FC<DivProps & {
+    align?: TextAlign;
+}>;
+declare const Row: React.FC<DivProps>;
+declare const SortCell: React.FC<DivProps & {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    direction: SortDirection;
+    align?: TextAlign;
+}>;
+export {};

package/dist/src/common/DataList/DataList.js

@@ -0,0 +1,54 @@
+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 { tw, classNames } from '../../../src/utils/tailwind';
+import { cellClassNames, getHeadCellClassNames, getBodyCellClassNames, getSortCellButtonClassNames, getSortCellIconClassNames, } from '../../../src/common/Table/Table';
+import { InlineIcon } from '../../../src/components/Icon/Icon';
+import chevronUp from '../../../src/icons/chevronUp';
+import chevronDown from '../../../src/icons/chevronDown';
+const getAlignClassNames = (align) => tw('flex items-center', {
+    'justify-end': align === 'right',
+    'justify-center': align === 'center',
+    'justify-start': align === 'left' || align === undefined,
+});
+export const DataList = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return React.createElement("div", Object.assign({}, rest));
+};
+const HeadCell = (_a) => {
+    var { className, sticky, align } = _a, rest = __rest(_a, ["className", "sticky", "align"]);
+    return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getHeadCellClassNames(sticky), getAlignClassNames(align), className) })));
+};
+const Cell = (_a) => {
+    var { className, align } = _a, rest = __rest(_a, ["className", "align"]);
+    return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getBodyCellClassNames(false), getAlignClassNames(align), tw('border-grey-10 group-hover:bg-grey-0 group-last:border-b-0'), className) })));
+};
+const Row = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('contents group'), className), role: "row" })));
+};
+const SortCell = (_a) => {
+    var { children, direction = 'none', onClick } = _a, rest = __rest(_a, ["children", "direction", "onClick"]);
+    return (React.createElement(HeadCell, Object.assign({}, rest, { "aria-sort": direction, role: "cell" }),
+        React.createElement("span", { className: getSortCellButtonClassNames(rest.align), role: 'button', tabIndex: -1, onClick: onClick },
+            children,
+            React.createElement("div", { "data-sort-icons": true, className: tw('flex flex-col', {
+                    'invisible group-hover:visible': direction === 'none',
+                }) },
+                React.createElement(InlineIcon, { icon: chevronUp, className: getSortCellIconClassNames(direction === 'descending') }),
+                React.createElement(InlineIcon, { icon: chevronDown, className: getSortCellIconClassNames(direction === 'ascending') })))));
+};
+DataList.HeadCell = HeadCell;
+DataList.SortCell = SortCell;
+DataList.Cell = Cell;
+DataList.Row = Row;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFDTCxjQUFjLEVBQ2QscUJBQXFCLEVBQ3JCLHFCQUFxQixFQUNyQiwyQkFBMkIsRUFDM0IseUJBQXlCLEdBQzFCLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3RELE9BQU8sU0FBUyxNQUFNLHFCQUFxQixDQUFDO0FBQzVDLE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBV2hELE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxLQUFpQixFQUFFLEVBQUUsQ0FDL0MsRUFBRSxDQUFDLG1CQUFtQixFQUFFO0lBQ3RCLGFBQWEsRUFBRSxLQUFLLEtBQUssT0FBTztJQUNoQyxnQkFBZ0IsRUFBRSxLQUFLLEtBQUssUUFBUTtJQUNwQyxlQUFlLEVBQUUsS0FBSyxLQUFLLE1BQU0sSUFBSSxLQUFLLEtBQUssU0FBUztDQUN6RCxDQUFDLENBQUM7QUFFTCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTBCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSw2Q0FBUyxJQUFJLEVBQUksQ0FBQTtDQUFBLENBQUM7QUFFN0YsTUFBTSxRQUFRLEdBQWlFLENBQUMsRUFLL0UsRUFBRSxFQUFFO1FBTDJFLEVBQzlFLFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxPQUVOLEVBREksSUFBSSxjQUp1RSxnQ0FLL0UsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsSUFBSSxFQUFDLE1BQU0sRUFDWCxTQUFTLEVBQUUsVUFBVSxDQUFDLGNBQWMsRUFBRSxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsRUFBRSxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUMsSUFDMUcsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sSUFBSSxHQUErQyxDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFNBQVMsRUFBRSxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8sT0FBQSxDQUMxRiw2Q0FDTSxJQUFJLElBQ1IsSUFBSSxFQUFDLE1BQU0sRUFDWCxTQUFTLEVBQUUsVUFBVSxDQUNuQixjQUFjLEVBQ2QscUJBQXFCLENBQUMsS0FBSyxDQUFDLEVBQzVCLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxFQUN6QixFQUFFLENBQUMsNERBQTRELENBQUMsRUFDaEUsU0FBUyxDQUNWLElBQ0QsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sR0FBRyxHQUF1QixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDMUQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDLEVBQUUsU0FBUyxDQUFDLEVBQUUsSUFBSSxFQUFDLEtBQUssSUFBRyxDQUNyRixDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQU1WLENBQUMsRUFBa0QsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsR0FBRyxNQUFNLEVBQUUsT0FBTyxPQUFXLEVBQU4sSUFBSSxjQUFoRCxvQ0FBa0QsQ0FBRjtJQUFPLE9BQUEsQ0FDMUQsb0JBQUMsUUFBUSxvQkFBSyxJQUFJLGlCQUFhLFNBQVMsRUFBRSxJQUFJLEVBQUMsTUFBTTtRQUNuRCw4QkFBTSxTQUFTLEVBQUUsMkJBQTJCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxPQUFPO1lBQ3JHLFFBQVE7WUFDVCxzREFFRSxTQUFTLEVBQUUsRUFBRSxDQUFDLGVBQWUsRUFBRTtvQkFDN0IsK0JBQStCLEVBQUUsU0FBUyxLQUFLLE1BQU07aUJBQ3RELENBQUM7Z0JBRUYsb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixDQUFDLFNBQVMsS0FBSyxZQUFZLENBQUMsR0FBSTtnQkFDakcsb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixDQUFDLFNBQVMsS0FBSyxXQUFXLENBQUMsR0FBSSxDQUM5RixDQUNELENBQ0UsQ0FDWixDQUFBO0NBQUEsQ0FBQztBQUVGLFFBQVEsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0FBQzdCLFFBQVEsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0FBQzdCLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0FBQ3JCLFFBQVEsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDIn0=

package/dist/src/common/DropdownMenu/DropdownMenu.d.ts

@@ -1,16 +1,22 @@
 import React from 'react';
+declare type DivAttributes = React.HTMLAttributes<HTMLDivElement>;
 declare type DropdownMenuProps = {
     maxHeight?: string;
     minWidth?: string;
     maxWidth?: string;
-} & React.HTMLAttributes<HTMLUListElement>;
-declare type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLUListElement>> & {
+} & DivAttributes;
+declare type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>> & {
+    ContentContainer: typeof ContentContainer;
+    List: typeof List;
     Group: typeof Group;
     Item: typeof Item;
     Separator: typeof Separator;
     Description: typeof Description;
+    EmptyStateContainer: typeof EmptyStateContainer;
 };
 export declare const DropdownMenu: DropdownMenuComponent;
+declare const ContentContainer: React.FC;
+declare const List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
 declare const Group: React.ForwardRefExoticComponent<{
     title: React.ReactNode;
     titleProps?: React.DOMAttributes<HTMLElement> | undefined;
@@ -23,11 +29,12 @@ declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIE
     disabled?: boolean | undefined;
     icon?: import("@iconify/types").IconifyIcon | undefined;
 } & React.RefAttributes<HTMLLIElement>>;
-declare type MenuItemDescription = React.HTMLAttributes<HTMLDivElement> & {
+declare type MenuItemDescription = DivAttributes & {
     disabled?: boolean;
     children: React.ReactNode;
 };
 declare const Description: React.FC<MenuItemDescription>;
 declare type MenuSeparatorProps = React.HTMLAttributes<HTMLLIElement>;
 declare const Separator: React.FC<MenuSeparatorProps>;
+declare const EmptyStateContainer: React.FC<DivAttributes>;
 export {};

package/dist/src/common/DropdownMenu/DropdownMenu.js

@@ -16,8 +16,15 @@ import { Typography } from '../../../src/components/Typography/Typography';
 import tick from '../../../src/icons/tick';
 export const DropdownMenu = React.forwardRef((_a, ref) => {
     var { maxHeight = '450px', minWidth = '125px', maxWidth, className, children } = _a, props = __rest(_a, ["maxHeight", "minWidth", "maxWidth", "className", "children"]);
-    return (React.createElement("ul", Object.assign({ ref: ref, style: { maxHeight, minWidth, maxWidth }, className: classNames(className, 'p-3 bg-white w-full overflow-y-auto overflow-x-hidden typography-body-small-medium text-grey-70') }, props), children));
+    return (React.createElement("div", Object.assign({ ref: ref, style: { maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full overflow-y-auto overflow-x-hidden typography-body-small-medium text-grey-70') }, props), children));
 });
+const ContentContainer = ({ children }) => React.createElement("div", { className: tw('p-3') }, children);
+DropdownMenu.ContentContainer = ContentContainer;
+const List = React.forwardRef((_a, ref) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (React.createElement("ul", Object.assign({ ref: ref }, props), children));
+});
+DropdownMenu.List = List;
 const Group = React.forwardRef((_a, ref) => {
     var { className, title, titleProps, children } = _a, props = __rest(_a, ["className", "title", "titleProps", "children"]);
     return (React.createElement("li", Object.assign({ ref: ref }, props),
@@ -47,4 +54,9 @@ const Separator = (_a) => {
     return React.createElement("li", Object.assign({}, props, { className: classNames(className, tw('m-3 block bg-grey-5 h-[1px]')) }));
 };
 DropdownMenu.Separator = Separator;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBd0IsTUFBTSxPQUFPLENBQUM7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2xFLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBa0JsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBb0YsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RixFQUFFLFNBQVMsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEYsOERBQW9GLENBQUY7SUFBWSxPQUFBLENBQzdGLDBDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFDeEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULGlHQUFpRyxDQUNsRyxJQUNHLEtBQUssR0FFUixRQUFRLENBQ04sQ0FDTixDQUFBO0NBQUEsQ0FDdUIsQ0FBQztBQVEzQixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixDQUFDLEVBQW9ELEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0QsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQWxELGdEQUFvRCxDQUFGO0lBQVksT0FBQSxDQUM3RCwwQ0FBSSxHQUFHLEVBQUUsR0FBRyxJQUFNLEtBQUs7UUFDcEIsS0FBSyxJQUFJLENBQ1IsMkNBQ0UsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULGtGQUFrRixFQUNsRjtnQkFDRSxjQUFjLEVBQUUsS0FBSyxDQUFDLFFBQVE7YUFDL0IsQ0FDRixJQUNHLFVBQVUsR0FFYixLQUFLLENBQ0YsQ0FDUDtRQUNBLFFBQVEsQ0FDTixDQUNOLENBQUE7Q0FBQSxDQUNGLENBQUM7QUFFRixZQUFZLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztBQVUzQixNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEUsb0VBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDBDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsNENBQTRDLEVBQUU7WUFDN0UsZ0NBQWdDLEVBQUUsQ0FBQyxLQUFLLENBQUMsUUFBUTtZQUNqRCxXQUFXLEVBQUUsV0FBVztZQUN4QixpQkFBaUIsRUFBRSxJQUFJLEtBQUssUUFBUTtZQUNwQyxpQ0FBaUMsRUFBRSxLQUFLLENBQUMsUUFBUTtTQUNsRCxDQUFDLElBQ0UsS0FBSztRQUVSLElBQUksSUFBSSxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUNuQyw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFHLFFBQVEsQ0FBUTtRQUM3QyxRQUFRLElBQUksb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDcEMsQ0FDTixDQUFBO0NBQUEsQ0FDRixDQUFDO0FBRUYsWUFBWSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFPekIsTUFBTSxXQUFXLEdBQWtDLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQzdFLG9CQUFDLFVBQVUsQ0FBQyxPQUFPLElBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQUcsUUFBUSxDQUFzQixDQUM3RixDQUFDO0FBRUYsWUFBWSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7QUFJdkMsTUFBTSxTQUFTLEdBQWlDLENBQUMsRUFBdUIsRUFBRSxFQUFFO1FBQTNCLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUFyQixhQUF1QixDQUFGO0lBQ3BFLE9BQU8sNENBQVEsS0FBSyxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNoRyxDQUFDLENBQUM7QUFFRixZQUFZLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQyJ9
+const EmptyStateContainer = (_a) => {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (React.createElement("div", Object.assign({ className: classNames(tw('border border-dashed border-grey-10 p-3'), className) }, props), children));
+};
+DropdownMenu.EmptyStateContainer = EmptyStateContainer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBd0IsTUFBTSxPQUFPLENBQUM7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2xFLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBdUJsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBb0YsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RixFQUFFLFNBQVMsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEYsOERBQW9GLENBQUY7SUFBWSxPQUFBLENBQzdGLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFDeEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULDZGQUE2RixDQUM5RixJQUNHLEtBQUssR0FFUixRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FDdUIsQ0FBQztBQUUzQixNQUFNLGdCQUFnQixHQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUVqRyxZQUFZLENBQUMsZ0JBQWdCLEdBQUcsZ0JBQWdCLENBQUM7QUFFakQs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

package/dist/src/common/Modal/Modal.js

@@ -14,7 +14,7 @@ import { tw, classNames } from '../../../src/utils/tailwind';
 import { Typography } from '../../../src/common/Typography/Typography';
 export const Modal = (_a) => {
     var { children, className, open } = _a, rest = __rest(_a, ["children", "className", "open"]);
-    return open ? (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('fixed inset-0 overflow-y-auto z-modal flex justify-center items-center fixed py-7'), className) }), children)) : null;
+    return open ? (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('inset-0 overflow-y-auto z-modal flex justify-center items-center fixed py-7'), className) }), children)) : null;
 };
 Modal.BackDrop = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
@@ -22,7 +22,7 @@ Modal.BackDrop = (_a) => {
 };
 Modal.Dialog = React.forwardRef((_a, ref) => {
     var { children, className, size = 'sm' } = _a, rest = __rest(_a, ["children", "className", "size"]);
-    return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: classNames(tw('bg-white rounded mx-7 w-full max-h-full flex flex-col'), {
+    return (React.createElement("div", Object.assign({ ref: ref, "aria-modal": "true" }, rest, { className: classNames(tw('bg-white rounded mx-7 w-full max-h-full flex flex-col'), {
             'max-w-[600px]': size === 'sm',
             'max-w-[940px]': size === 'md',
             'min-h-full': size === 'full',
@@ -56,4 +56,4 @@ Modal.Actions = (_a) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
     return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 justify-end'), className) }), children));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQTRCOUQsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBQXNDLEVBQUUsRUFBRTtRQUExQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUFwQyxpQ0FBc0MsQ0FBRjtJQUM5RyxPQUFBLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDTCw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLG1GQUFtRixDQUFDLEVBQ3ZGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTtDQUFBLENBQUM7QUFFWCxLQUFLLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzQyw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsOERBQThELENBQUMsRUFBRSxTQUFTLENBQUMsSUFDcEcsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsQ0FBQyxFQUE2QyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUFJLEdBQUcsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUEz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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQTRCOUQsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBQXNDLEVBQUUsRUFBRTtRQUExQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUFwQyxpQ0FBc0MsQ0FBRjtJQUM5RyxPQUFBLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDTCw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDZFQUE2RSxDQUFDLEVBQ2pGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTtDQUFBLENBQUM7QUFFWCxLQUFLLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzQyw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsOERBQThELENBQUMsRUFBRSxTQUFTLENBQUMsSUFDcEcsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsQ0FBQyxFQUE2QyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUFJLEdBQUcsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUEz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

package/dist/src/common/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLProps } from 'react';
-import { SortDirection } from '../../../src/common/Table/Table.utils';
+import { SortDirection, TableItem, TextAlign } from '../../../src/utils/table/types';
 import { CheckboxProps } from '../../../src/common/Checkbox/Checkbox';
 import { RadioButtonProps } from '../../../src/common/RadioButton/RadioButton';
 import { EmptyOrOneOrMore } from '../../../types/utils';
@@ -7,7 +7,6 @@ export declare type TableSort = {
     key: string;
     direction: SortDirection;
 };
-declare type TextAlign = 'left' | 'center' | 'right';
 export declare type TableProps = HTMLProps<HTMLTableElement> & {
     ariaLabel: string;
     children: [React.ReactElement<TableHeadProps>, React.ReactElement<TableBodyProps>];
@@ -45,5 +44,11 @@ export declare const Table: React.FC<TableProps> & {
     SelectCell: React.FC<TableSelectCellProps>;
     SortCell: React.FC<TableSortCellProps>;
 };
+export declare const rowClassNames: string;
+export declare const cellClassNames: string;
+export declare const getBodyCellClassNames: (table?: boolean) => string;
+export declare const getAlignClassNames: (align?: TextAlign) => string;
 export declare const getHeadCellClassNames: (sticky?: boolean) => string;
-export {};
+export declare const getSortCellButtonClassNames: (align?: TextAlign) => string;
+export declare const getSortCellIconClassNames: (active: boolean) => string;
+export declare const Item: React.FC<TableItem>;

package/dist/src/common/Table/Table.js

@@ -17,6 +17,7 @@ import { Checkbox } from '../../../src/common/Checkbox/Checkbox';
 import { RadioButton } from '../../../src/common/RadioButton/RadioButton';
 import chevronUp from '../../../src/icons/chevronUp';
 import chevronDown from '../../../src/icons/chevronDown';
+import { Typography } from '../../../src/components';
 const HeadContext = React.createContext(null);
 const tableClassNames = tw('w-full relative typography-body-default border-spacing-0');
 export const Table = (_a) => {
@@ -33,14 +34,17 @@ const TableBody = (_a) => {
     var { children } = _a, rest = __rest(_a, ["children"]);
     return React.createElement("tbody", Object.assign({}, rest), children);
 };
-const rowClassNames = tw('children:border-grey-10 children:last:border-b-0 hover:bg-grey-0');
+export const rowClassNames = tw('children:border-grey-10 children:last:border-b-0 hover:bg-grey-0');
 const TableRow = (_a) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
     return (React.createElement("tr", Object.assign({}, rest, { className: classNames(rowClassNames, className) }), children));
 };
-const cellClassNames = tw('px-4 border-b typography-body-small-medium leading-[18px]');
-const bodyCellClassNames = tw('text-grey-70 py-3 h-[50px]');
-const getAlignClassNames = (align) => tw({ 'text-right': align === 'right', 'text-center': align === 'center' });
+export const cellClassNames = tw('px-4 border-b typography-body-small leading-[18px]');
+export const getBodyCellClassNames = (table = true) => tw('text-grey-70 py-3', {
+    'h-[50px]': table,
+    'min-h-[50px]': !table,
+});
+export const getAlignClassNames = (align) => tw({ 'text-right': align === 'right', 'text-center': align === 'center' });
 export const getHeadCellClassNames = (sticky = true) => {
     const common = tw('py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal');
     return sticky ? classNames(common, tw('sticky top-0')) : common;
@@ -48,7 +52,7 @@ export const getHeadCellClassNames = (sticky = true) => {
 const TableCell = (_a) => {
     var { children, className, align = 'left' } = _a, rest = __rest(_a, ["children", "className", "align"]);
     const headContext = React.useContext(HeadContext);
-    return headContext ? (React.createElement("th", Object.assign({}, rest, { className: classNames(cellClassNames, getHeadCellClassNames(headContext.sticky), getAlignClassNames(align), className) }), children)) : (React.createElement("td", Object.assign({}, rest, { className: classNames(cellClassNames, bodyCellClassNames, getAlignClassNames(align), className) }), children));
+    return headContext ? (React.createElement("th", Object.assign({}, rest, { className: classNames(cellClassNames, getHeadCellClassNames(headContext.sticky), getAlignClassNames(align), className) }), children)) : (React.createElement("td", Object.assign({}, rest, { className: classNames(cellClassNames, getBodyCellClassNames(), getAlignClassNames(align), className) }), children));
 };
 /**
  * @deprecated
@@ -57,25 +61,31 @@ const TableSelectCell = (_a) => {
     var { ariaLabel } = _a, props = __rest(_a, ["ariaLabel"]);
     return (React.createElement(Table.Cell, { className: tw('leading-[0px]') }, props.type === 'radio' ? (React.createElement(RadioButton, Object.assign({ "aria-label": ariaLabel }, props))) : (React.createElement(Checkbox, Object.assign({ "aria-label": ariaLabel }, props)))));
 };
-const sortCellButtonClassNames = tw('group inline-flex items-center text-grey-50');
-const getSortCellIconClassNames = (active) => {
+export const getSortCellButtonClassNames = (align) => tw('group flex items-center gap-x-4 text-grey-50', { 'flex-row-reverse': align === 'right' });
+export const getSortCellIconClassNames = (active) => {
     return tw('text-[9px]', active ? 'text-grey-70' : 'text-grey-30');
 };
 const TableSortCell = (_a) => {
     var { children, direction = 'none', onClick } = _a, rest = __rest(_a, ["children", "direction", "onClick"]);
     return (React.createElement(Table.Cell, Object.assign({}, rest, { "aria-sort": direction }),
-        React.createElement("span", { className: sortCellButtonClassNames, role: 'button', tabIndex: -1, onClick: onClick },
+        React.createElement("span", { className: getSortCellButtonClassNames(rest.align), role: 'button', tabIndex: -1, onClick: onClick },
             children,
-            React.createElement("div", { "data-sort-icons": true, className: tw('flex flex-col ml-4', {
+            React.createElement("div", { "data-sort-icons": true, className: tw('flex flex-col', {
                     'invisible group-hover:visible': direction === 'none',
                 }) },
                 React.createElement(InlineIcon, { icon: chevronUp, className: getSortCellIconClassNames(direction === 'descending') }),
                 React.createElement(InlineIcon, { icon: chevronDown, className: getSortCellIconClassNames(direction === 'ascending') })))));
 };
+// TODO: make into its own components
+export const Item = ({ image, imageAlt, imageSize = 35, title, caption }) => (React.createElement("div", { className: tw('flex gap-4 items-center') },
+    image && React.createElement("img", { src: image, alt: imageAlt, style: { width: imageSize, height: imageSize } }),
+    React.createElement("div", null,
+        title,
+        caption && React.createElement(Typography.Caption, null, caption))));
 Table.Head = React.memo(TableHead);
 Table.Body = React.memo(TableBody);
 Table.Row = React.memo(TableRow);
 Table.Cell = React.memo(TableCell);
 Table.SortCell = React.memo(TableSortCell);
 Table.SelectCell = React.memo(TableSelectCell);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFBcUU7Ozs7Ozs7Ozs7OztBQUVyRSxPQUFPLEtBQW9CLE1BQU0sT0FBTyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFBRSxRQUFRLEVBQWlCLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBb0IsTUFBTSxvQ0FBb0MsQ0FBQztBQUVuRixPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQUM1QyxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQXdDaEQsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBd0IsSUFBSSxDQUFDLENBQUM7QUFFckUsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDLDBEQUEwRCxDQUFDLENBQUM7QUFFdkYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQU9kLENBQUMsRUFBMkMsRUFBRSxFQUFFO1FBQS9DLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVDLE9BQU8sQ0FDTCwrQ0FBVyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLGdCQUFjLFNBQVMsS0FDdEYsUUFBUSxDQUNILENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8sT0FBQSxDQUM3RSwrQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFBcUU7Ozs7Ozs7Ozs7OztBQUVyRSxPQUFPLEtBQW9CLE1BQU0sT0FBTyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFBRSxRQUFRLEVBQWlCLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBb0IsTUFBTSxvQ0FBb0MsQ0FBQztBQUVuRixPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQUM1QyxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUF1QzVDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXJFLE1BQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQywwREFBMEQsQ0FBQyxDQUFDO0FBRXZGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FPZCxDQUFDLEVBQTJDLEVBQUUsRUFBRTtRQUEvQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1QyxPQUFPLENBQ0wsK0NBQVcsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxnQkFBYyxTQUFTLEtBQ3RGLFFBQVEsQ0FDSCxDQUNULENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFXLEVBQU4s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

package/dist/src/common/Timeline/Timeline.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare type DivProps = React.HTMLProps<HTMLDivElement>;
+declare type ComposedTimelineProps = React.FC<DivProps> & {
+    Separator: typeof Separator;
+    Content: typeof Content;
+    LineContainer: typeof LineContainer;
+};
+export declare const Timeline: ComposedTimelineProps;
+declare const Content: React.FC<DivProps>;
+declare const Separator: React.FC<DivProps> & {
+    Dot: typeof Dot;
+};
+declare const LineContainer: React.FC<DivProps> & {
+    Line: typeof Line;
+};
+declare const Line: React.FC<DivProps>;
+declare const Dot: React.FC<DivProps>;
+export {};

package/dist/src/common/Timeline/Timeline.js

@@ -0,0 +1,43 @@
+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 { tw, classNames } from '../../../src/utils/tailwind';
+export const Timeline = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('grid grid-cols-[16px_1fr] gap-x-4'), className) })));
+};
+const Content = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('pb-6'), className) })));
+};
+const Separator = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex items-center justify-center h-5 w-5'), className) })));
+};
+const LineContainer = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex justify-center py-1'), className) })));
+};
+const Line = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('w-1 bg-grey-5 h-full justify-self-center'), className) })));
+};
+const Dot = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('bg-grey-30 h-[6px] w-[6px] rounded'), className) })));
+};
+Separator.Dot = Dot;
+LineContainer.Line = Line;
+Timeline.Separator = Separator;
+Timeline.LineContainer = LineContainer;
+Timeline.Content = Content;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBVXBELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQ3pFLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQ0FBbUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQzdGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXVCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUM5RCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDaEUsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkMsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQ3RGLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQ0FBMEMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3BHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxhQUFhLEdBQStDLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUM1Riw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsMEJBQTBCLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNwRixDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sSUFBSSxHQUF1QixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDM0QsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDBDQUEwQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDcEcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLEdBQUcsR0FBdUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzFELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxvQ0FBb0MsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQzlGLENBQUE7Q0FBQSxDQUFDO0FBRUYsU0FBUyxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7QUFDcEIsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFFMUIsUUFBUSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7QUFDL0IsUUFBUSxDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUM7QUFDdkMsUUFBUSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==

package/dist/src/common/Typography/Typography.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ColorName, TypographyName } from '../../../types/designTokens';
 export declare type TypographyProps = {
+    id?: string;
     children: React.ReactNode;
     variant?: TypographyName;
     color?: ColorName | 'current' | 'black';
@@ -8,4 +9,4 @@ export declare type TypographyProps = {
     htmlTag?: keyof JSX.IntrinsicElements;
     fontWeight?: React.CSSProperties['fontWeight'];
 };
-export declare const Typography: ({ children, variant, color, htmlTag, className, fontWeight, }: TypographyProps) => JSX.Element;
+export declare const Typography: ({ children, variant, color, htmlTag, className, fontWeight, ...rest }: TypographyProps) => JSX.Element;

package/dist/src/common/Typography/Typography.js

@@ -1,10 +1,22 @@
+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 isUndefined from 'lodash/isUndefined';
 import { theme } from '../../../src/js/resolveTheme.js';
 import { useStyle } from '../../../src/utils/useStyle';
 import { classNames } from '../../../src/utils/tailwind';
 const typographies = theme.typography.sizes.reduce((acc, { name, className }) => (Object.assign(Object.assign({}, acc), { [name]: className })), {});
-export const Typography = ({ children, variant = 'body-default', color, htmlTag = 'div', className, fontWeight, }) => {
+export const Typography = (_a) => {
+    var { children, variant = 'body-default', color, htmlTag = 'div', className, fontWeight } = _a, rest = __rest(_a, ["children", "variant", "color", "htmlTag", "className", "fontWeight"]);
     const HtmlElement = htmlTag;
     // Order of priority:
     // 1. color prop
@@ -12,6 +24,6 @@ export const Typography = ({ children, variant = 'body-default', color, htmlTag
     // 3. the fallback default
     const resolvedColorName = isUndefined(color) || color === 'current' ? 'grey-80' : color;
     const style = useStyle({ fontWeight });
-    return (React.createElement(HtmlElement, { className: classNames(typographies[variant], `text-${resolvedColorName}`, className), style: style }, children));
+    return (React.createElement(HtmlElement, Object.assign({ className: classNames(typographies[variant], `text-${resolvedColorName}`, className), style: style }, rest), children));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxXQUFXLE1BQU0sb0JBQW9CLENBQUM7QUFDN0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRS9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUNoRCxDQUFDLEdBQUcsRUFBRSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUMsaUNBQU0sR0FBRyxLQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsU0FBUyxJQUFHLEVBQzdELEVBQXlDLENBQzFDLENBQUM7QUFXRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxFQUN6QixRQUFRLEVBQ1IsT0FBTyxHQUFHLGNBQWMsRUFDeEIsS0FBSyxFQUNMLE9BQU8sR0FBRyxLQUFLLEVBQ2YsU0FBUyxFQUNULFVBQVUsR0FDTSxFQUFlLEVBQUU7SUFDakMsTUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO0lBRTVCLHFCQUFxQjtJQUNyQixnQkFBZ0I7SUFDaEIsNkJBQTZCO0lBQzdCLDBCQUEwQjtJQUMxQixNQUFNLGlCQUFpQixHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUN4RixNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZDLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLElBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsUUFBUSxpQkFBaUIsRUFBRSxFQUFFLFNBQVMsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLElBQzVHLFFBQVEsQ0FDRyxDQUNmLENBQUM7QUFDSixDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVoRCxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQ2hELENBQUMsR0FBRyxFQUFFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxpQ0FBTSxHQUFHLEtBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLElBQUcsRUFDN0QsRUFBeUMsQ0FDMUMsQ0FBQztBQVlGLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEVBUVQsRUFBZSxFQUFFO1FBUlIsRUFDekIsUUFBUSxFQUNSLE9BQU8sR0FBRyxjQUFjLEVBQ3hCLEtBQUssRUFDTCxPQUFPLEdBQUcsS0FBSyxFQUNmLFNBQVMsRUFDVCxVQUFVLE9BRU0sRUFEYixJQUFJLGNBUGtCLHNFQVExQixDQURRO0lBRVAsTUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO0lBRTVCLHFCQUFxQjtJQUNyQixnQkFBZ0I7SUFDaEIsNkJBQTZCO0lBQzdCLDBCQUEwQjtJQUMxQixNQUFNLGlCQUFpQixHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUN4RixNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZDLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLGtCQUNWLFNBQVMsRUFBRSxVQUFVLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFFBQVEsaUJBQWlCLEVBQUUsRUFBRSxTQUFTLENBQUMsRUFDcEYsS0FBSyxFQUFFLEtBQUssSUFDUixJQUFJLEdBRVAsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist/src/components/Alert/Alert.js

@@ -3,10 +3,10 @@ import { Alert as AlertBase } from '../../../src/common/Alert/Alert';
 import { GhostButton } from '../../../src/components';
 import omit from 'lodash/omit';
 export const Alert = ({ description, type, title, action, onDismiss }) => (React.createElement(AlertBase, { type: type, dense: Boolean(title) },
-    React.createElement(AlertBase.Icon, { type: type }),
+    React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
     title && React.createElement(AlertBase.Title, null, title),
     React.createElement(AlertBase.Description, null, description),
     action && (React.createElement(AlertBase.Actions, null,
         React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text))),
     onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BbGVydC9BbGVydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFhLE1BQU0sd0JBQXdCLENBQUM7QUFFdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQXNCL0IsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM5RixvQkFBQyxTQUFTLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUMxQyxvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUk7SUFDN0IsS0FBSyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFtQjtJQUNwRCxvQkFBQyxTQUFTLENBQUMsV0FBVyxRQUFFLFdBQVcsQ0FBeUI7SUFDM0QsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsU0FBUyxDQUFDLE9BQU87UUFDaEIsb0JBQUMsV0FBVyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDeEMsTUFBTSxDQUFDLElBQUksQ0FDQSxDQUNJLENBQ3JCO0lBQ0EsU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUMsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUM3QyxDQUNiLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BbGVydC9BbGVydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFhLE1BQU0sd0JBQXdCLENBQUM7QUFFdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQXNCL0IsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM5RixvQkFBQyxTQUFTLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUMxQyxvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBSTtJQUNwRCxLQUFLLElBQUksb0JBQUMsU0FBUyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQW1CO0lBQ3BELG9CQUFDLFNBQVMsQ0FBQyxXQUFXLFFBQUUsV0FBVyxDQUF5QjtJQUMzRCxNQUFNLElBQUksQ0FDVCxvQkFBQyxTQUFTLENBQUMsT0FBTztRQUNoQixvQkFBQyxXQUFXLGtCQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN4QyxNQUFNLENBQUMsSUFBSSxDQUNBLENBQ0ksQ0FDckI7SUFDQSxTQUFTLElBQUksb0JBQUMsU0FBUyxDQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsU0FBUyxHQUFJLENBQzdDLENBQ2IsQ0FBQyJ9