@aivenio/aquarium 1.1.0 → 1.2.1

package/dist/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 21 Dec 2022 07:45:49 GMT
+// Generated on Thu, 05 Jan 2023 14:09:51 GMT
 
 $border-radius-none: 0px !default;
 $border-radius-sm: 0.125rem !default;
@@ -153,4 +153,22 @@ $font-weight-medium: 500 !default;
 $font-weight-semibold: 600 !default;
 $font-weight-bold: 700 !default;
 $font-weight-extrabold: 800 !default;
-$font-weight-black: 900 !default;
+$font-weight-black: 900 !default;
+$spacing-0: 0 !default;
+$spacing-1: 2px !default;
+$spacing-2: 4px !default;
+$spacing-3: 8px !default;
+$spacing-4: 12px !default;
+$spacing-5: 16px !default;
+$spacing-6: 24px !default;
+$spacing-7: 32px !default;
+$spacing-8: 40px !default;
+$spacing-9: 48px !default;
+$spacing-1px: 1px !default;
+$spacing-l1: 16px !default;
+$spacing-l2: 24px !default;
+$spacing-l3: 32px !default;
+$spacing-l4: 48px !default;
+$spacing-l5: 64px !default;
+$spacing-l6: 96px !default;
+$spacing-l7: 160px !default;

package/dist/_variables_timescale.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 21 Dec 2022 07:45:50 GMT
+// Generated on Thu, 05 Jan 2023 14:09:52 GMT
 
 $border-radius-none: 0px;
 $border-radius-sm: 0.125rem;
@@ -153,4 +153,22 @@ $font-weight-medium: 500;
 $font-weight-semibold: 600;
 $font-weight-bold: 700;
 $font-weight-extrabold: 800;
-$font-weight-black: 900;
+$font-weight-black: 900;
+$spacing-0: 0;
+$spacing-1: 2px;
+$spacing-2: 4px;
+$spacing-3: 8px;
+$spacing-4: 12px;
+$spacing-5: 16px;
+$spacing-6: 24px;
+$spacing-7: 32px;
+$spacing-8: 40px;
+$spacing-9: 48px;
+$spacing-1px: 1px;
+$spacing-l1: 16px;
+$spacing-l2: 24px;
+$spacing-l3: 32px;
+$spacing-l4: 48px;
+$spacing-l5: 64px;
+$spacing-l6: 96px;
+$spacing-l7: 160px;

package/dist/atoms.cjs

@@ -1127,17 +1127,23 @@ __export(common_exports, {
   DIALOG_ICONS_AND_COLORS: () => DIALOG_ICONS_AND_COLORS,
   DropdownMenu: () => DropdownMenu,
   InputGroup: () => InputGroup,
-  List: () => List,
+  Item: () => Item3,
   Modal: () => Modal,
   Popover: () => Popover,
   PopoverDialog: () => PopoverDialog,
   RadioButton: () => RadioButton,
   Select: () => Select,
   Table: () => Table,
+  cellClassNames: () => cellClassNames,
+  getAlignClassNames: () => getAlignClassNames,
+  getBodyCellClassNames: () => getBodyCellClassNames,
   getHeadCellClassNames: () => getHeadCellClassNames,
   getOptionLabelBuiltin: () => getOptionLabelBuiltin,
+  getSortCellButtonClassNames: () => getSortCellButtonClassNames,
+  getSortCellIconClassNames: () => getSortCellIconClassNames,
   getValues: () => getValues,
-  isOptionDisabledBuiltin: () => isOptionDisabledBuiltin
+  isOptionDisabledBuiltin: () => isOptionDisabledBuiltin,
+  rowClassNames: () => rowClassNames
 });
 module.exports = __toCommonJS(common_exports);
 
@@ -2704,11 +2710,15 @@ var DropdownMenu = import_react16.default.forwardRef(
       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"
+        "bg-white w-full overflow-y-auto overflow-x-hidden typography-body-small-medium text-grey-70"
       )
     }, props), children);
   }
 );
+var ContentContainer = ({ children }) => /* @__PURE__ */ import_react16.default.createElement("div", {
+  className: tw("p-3")
+}, children);
+DropdownMenu.ContentContainer = ContentContainer;
 var List = import_react16.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
@@ -3245,8 +3255,11 @@ var TableRow = (_a) => {
     className: classNames(rowClassNames, className)
   }), children);
 };
-var cellClassNames = tw("px-4 border-b typography-body-small-medium leading-[18px]");
-var bodyCellClassNames = tw("text-grey-70 py-3 h-[50px]");
+var cellClassNames = tw("px-4 border-b typography-body-small leading-[18px]");
+var getBodyCellClassNames = (table = true) => tw("text-grey-70 py-3", {
+  "h-[50px]": table,
+  "min-h-[50px]": !table
+});
 var getAlignClassNames = (align) => tw({ "text-right": align === "right", "text-center": align === "center" });
 var getHeadCellClassNames = (sticky = true) => {
   const common = tw("py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal");
@@ -3263,7 +3276,7 @@ var TableCell = (_a) => {
       className
     )
   }), children) : /* @__PURE__ */ import_react24.default.createElement("td", __spreadProps(__spreadValues({}, rest), {
-    className: classNames(cellClassNames, bodyCellClassNames, getAlignClassNames(align), className)
+    className: classNames(cellClassNames, getBodyCellClassNames(), getAlignClassNames(align), className)
   }), children);
 };
 var TableSelectCell = (_a) => {
@@ -3276,7 +3289,7 @@ var TableSelectCell = (_a) => {
     "aria-label": ariaLabel
   }, props)));
 };
-var sortCellButtonClassNames = tw("group inline-flex items-center text-grey-50");
+var getSortCellButtonClassNames = (align) => tw("group flex items-center gap-x-4 text-grey-50", { "flex-row-reverse": align === "right" });
 var getSortCellIconClassNames = (active) => {
   return tw("text-[9px]", active ? "text-grey-70" : "text-grey-30");
 };
@@ -3285,13 +3298,13 @@ var TableSortCell = (_a) => {
   return /* @__PURE__ */ import_react24.default.createElement(Table.Cell, __spreadProps(__spreadValues({}, rest), {
     "aria-sort": direction
   }), /* @__PURE__ */ import_react24.default.createElement("span", {
-    className: sortCellButtonClassNames,
+    className: getSortCellButtonClassNames(rest.align),
     role: "button",
     tabIndex: -1,
     onClick
   }, children, /* @__PURE__ */ import_react24.default.createElement("div", {
     "data-sort-icons": true,
-    className: tw("flex flex-col ml-4", {
+    className: tw("flex flex-col", {
       "invisible group-hover:visible": direction === "none"
     })
   }, /* @__PURE__ */ import_react24.default.createElement(InlineIcon, {
@@ -3302,6 +3315,13 @@ var TableSortCell = (_a) => {
     className: getSortCellIconClassNames(direction === "ascending")
   }))));
 };
+var Item3 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ import_react24.default.createElement("div", {
+  className: tw("flex gap-4 items-center")
+}, image && /* @__PURE__ */ import_react24.default.createElement("img", {
+  src: image,
+  alt: imageAlt,
+  style: { width: imageSize, height: imageSize }
+}), /* @__PURE__ */ import_react24.default.createElement("div", null, title, caption && /* @__PURE__ */ import_react24.default.createElement(Typography2.Caption, null, caption)));
 Table.Head = import_react24.default.memo(TableHead);
 Table.Body = import_react24.default.memo(TableBody);
 Table.Row = import_react24.default.memo(TableRow);
@@ -3316,15 +3336,21 @@ Table.SelectCell = import_react24.default.memo(TableSelectCell);
   DIALOG_ICONS_AND_COLORS,
   DropdownMenu,
   InputGroup,
-  List,
+  Item,
   Modal,
   Popover,
   PopoverDialog,
   RadioButton,
   Select,
   Table,
+  cellClassNames,
+  getAlignClassNames,
+  getBodyCellClassNames,
   getHeadCellClassNames,
   getOptionLabelBuiltin,
+  getSortCellButtonClassNames,
+  getSortCellIconClassNames,
   getValues,
-  isOptionDisabledBuiltin
+  isOptionDisabledBuiltin,
+  rowClassNames
 });

package/dist/atoms.mjs

@@ -2678,11 +2678,15 @@ var DropdownMenu = React12.forwardRef(
       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"
+        "bg-white w-full overflow-y-auto overflow-x-hidden typography-body-small-medium text-grey-70"
       )
     }, props), children);
   }
 );
+var ContentContainer = ({ children }) => /* @__PURE__ */ React12.createElement("div", {
+  className: tw("p-3")
+}, children);
+DropdownMenu.ContentContainer = ContentContainer;
 var List = React12.forwardRef(
   (_a, ref) => {
     var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
@@ -3219,8 +3223,11 @@ var TableRow = (_a) => {
     className: classNames(rowClassNames, className)
   }), children);
 };
-var cellClassNames = tw("px-4 border-b typography-body-small-medium leading-[18px]");
-var bodyCellClassNames = tw("text-grey-70 py-3 h-[50px]");
+var cellClassNames = tw("px-4 border-b typography-body-small leading-[18px]");
+var getBodyCellClassNames = (table = true) => tw("text-grey-70 py-3", {
+  "h-[50px]": table,
+  "min-h-[50px]": !table
+});
 var getAlignClassNames = (align) => tw({ "text-right": align === "right", "text-center": align === "center" });
 var getHeadCellClassNames = (sticky = true) => {
   const common = tw("py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal");
@@ -3237,7 +3244,7 @@ var TableCell = (_a) => {
       className
     )
   }), children) : /* @__PURE__ */ React20.createElement("td", __spreadProps(__spreadValues({}, rest), {
-    className: classNames(cellClassNames, bodyCellClassNames, getAlignClassNames(align), className)
+    className: classNames(cellClassNames, getBodyCellClassNames(), getAlignClassNames(align), className)
   }), children);
 };
 var TableSelectCell = (_a) => {
@@ -3250,7 +3257,7 @@ var TableSelectCell = (_a) => {
     "aria-label": ariaLabel
   }, props)));
 };
-var sortCellButtonClassNames = tw("group inline-flex items-center text-grey-50");
+var getSortCellButtonClassNames = (align) => tw("group flex items-center gap-x-4 text-grey-50", { "flex-row-reverse": align === "right" });
 var getSortCellIconClassNames = (active) => {
   return tw("text-[9px]", active ? "text-grey-70" : "text-grey-30");
 };
@@ -3259,13 +3266,13 @@ var TableSortCell = (_a) => {
   return /* @__PURE__ */ React20.createElement(Table.Cell, __spreadProps(__spreadValues({}, rest), {
     "aria-sort": direction
   }), /* @__PURE__ */ React20.createElement("span", {
-    className: sortCellButtonClassNames,
+    className: getSortCellButtonClassNames(rest.align),
     role: "button",
     tabIndex: -1,
     onClick
   }, children, /* @__PURE__ */ React20.createElement("div", {
     "data-sort-icons": true,
-    className: tw("flex flex-col ml-4", {
+    className: tw("flex flex-col", {
       "invisible group-hover:visible": direction === "none"
     })
   }, /* @__PURE__ */ React20.createElement(InlineIcon, {
@@ -3276,6 +3283,13 @@ var TableSortCell = (_a) => {
     className: getSortCellIconClassNames(direction === "ascending")
   }))));
 };
+var Item3 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ React20.createElement("div", {
+  className: tw("flex gap-4 items-center")
+}, image && /* @__PURE__ */ React20.createElement("img", {
+  src: image,
+  alt: imageAlt,
+  style: { width: imageSize, height: imageSize }
+}), /* @__PURE__ */ React20.createElement("div", null, title, caption && /* @__PURE__ */ React20.createElement(Typography2.Caption, null, caption)));
 Table.Head = React20.memo(TableHead);
 Table.Body = React20.memo(TableBody);
 Table.Row = React20.memo(TableRow);
@@ -3289,15 +3303,21 @@ export {
   DIALOG_ICONS_AND_COLORS,
   DropdownMenu,
   InputGroup,
-  List,
+  Item3 as Item,
   Modal,
   Popover,
   PopoverDialog,
   RadioButton,
   Select,
   Table,
+  cellClassNames,
+  getAlignClassNames,
+  getBodyCellClassNames,
   getHeadCellClassNames,
   getOptionLabelBuiltin,
+  getSortCellButtonClassNames,
+  getSortCellIconClassNames,
   getValues,
-  isOptionDisabledBuiltin
+  isOptionDisabledBuiltin,
+  rowClassNames
 };

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

@@ -13,10 +13,13 @@ 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, 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 p-${spacingAroundBanner}`, {
+    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',
@@ -41,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"]);
@@ -51,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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFZLE1BQU0sd0JBQXdCLENBQUM7QUE2QnZELE1BQU0sbUJBQW1CLEdBQUcsR0FBRyxDQUFDO0FBQ2hDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBc0YsQ0FBQyxFQU16RyxFQUFFLEVBQUU7UUFOcUcsRUFDeEcsUUFBUSxFQUNSLFNBQVMsRUFDVCxNQUFNLEVBQ04sT0FBTyxPQUVSLEVBREksSUFBSSxjQUxpRyw4Q0FNekcsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULEVBQUUsQ0FBQyxvREFBb0QsbUJBQW1CLEVBQUUsRUFBRTtZQUM1RSxjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQWtFLEVBQUUsRUFBRTtRQUF0RSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFlBQVksR0FBRyxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQWhFLG1EQUFrRSxDQUFGO0lBQU8sT0FBQSxDQUNyRixvQkFBQyxVQUFVLG9CQUNMLElBQUksSUFDUixPQUFPLEVB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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

@@ -6,6 +6,7 @@ declare type DropdownMenuProps = {
     maxWidth?: string;
 } & DivAttributes;
 declare type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>> & {
+    ContentContainer: typeof ContentContainer;
     List: typeof List;
     Group: typeof Group;
     Item: typeof Item;
@@ -14,7 +15,8 @@ declare type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMen
     EmptyStateContainer: typeof EmptyStateContainer;
 };
 export declare const DropdownMenu: DropdownMenuComponent;
-export declare const List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
+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;

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

@@ -16,9 +16,11 @@ 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("div", 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));
 });
-export const List = React.forwardRef((_a, ref) => {
+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));
 });
@@ -57,4 +59,4 @@ const EmptyStateContainer = (_a) => {
     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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBd0IsTUFBTSxPQUFPLENBQUM7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2xFLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBc0JsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBb0YsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RixFQUFFLFNBQVMsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEYsOERBQW9GLENBQUY7SUFBWSxPQUFBLENBQzdGLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFDeEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULGlHQUFpRyxDQUNsRyxJQUNHLEtBQUssR0FFUixRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FDdUIsQ0FBQztBQUUzQixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbEMsQ0FBQyxFQUFzQixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQS9CLEVBQUUsUUFBUSxPQUFZLEVBQVAsS0FBSyxjQUFwQixZQUFzQixDQUFGO0lBQVksT0FBQSxDQUMvQiwwQ0FBSSxHQUFHLEVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBd0IsTUFBTSxPQUFPLENBQUM7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2xFLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBdUJsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBb0YsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RixFQUFFLFNBQVMsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEYsOERBQW9GLENBQUY7SUFBWSxPQUFBLENBQzdGLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFDeEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULDZGQUE2RixDQUM5RixJQUNHLEtBQUssR0FFUixRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FDdUIsQ0FBQztBQUUzQixNQUFNLGdCQUFnQixHQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUVqRyxZQUFZLENBQUMsZ0JBQWdCLEdBQUcsZ0JBQWdCLENBQUM7QUFFakQs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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/Typography/Typography';
 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFBcUU7Ozs7Ozs7Ozs7OztBQUVyRSxPQUFPLEtBQW9CLE1BQU0sT0FBTyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFBRSxRQUFRLEVBQWlCLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBb0IsTUFBTSxvQ0FBb0MsQ0FBQztBQUVuRixPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQUM1QyxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUF1Q2xFLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXJFLE1BQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQywwREFBMEQsQ0FBQyxDQUFDO0FBRXZGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FPZCxDQUFDLEVBQTJDLEVBQUUsRUFBRTtRQUEvQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1QyxPQUFPLENBQ0wsK0NBQVcsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxnQkFBYyxTQUFTLEtBQ3RGLFFBQVEsQ0FDSCxDQUNULENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFXLEVBQU4s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

package/dist/src/components/Carousel/Carousel.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare type CarouselProps = {
+    /**
+     * Currently active page number for controlled mode.
+     */
+    currentPage?: number;
+    /**
+     *  Change callback for the currently active page number for controlled mode.
+     */
+    onPageChange?: (pageNumber: number) => void;
+    /**
+     * Initial active page number for uncontrolled mode.
+     */
+    defaultPage?: number;
+};
+export declare const Carousel: React.FC<CarouselProps>;