glints-aries 4.0.200 → 4.0.202

package/es/@next/DataTable/DataTable.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { EmptyStateProps } from '../EmptyState';
+export declare type SortDirection = 'ASCENDING' | 'DESCENDING';
+export declare type TableHeading = React.ThHTMLAttributes<HTMLTableColElement> & {
+    title?: string;
+    id?: string;
+    defaultSortDirection?: SortDirection;
+};
+export declare type Total = TableHeading | null;
+export interface DataTableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    headings: TableHeading[];
+    children: React.ReactNode;
+    emptyState: React.ReactElement<EmptyStateProps>;
+    totals?: Total[];
+    loading?: boolean;
+    loadingLabel?: string;
+    onSortChanged?: (context: string, sortDirection: SortDirection) => void;
+}
+export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLTableElement>> & {
+    Row: ({ children, ...props }: import("./TableRow").TableRowProps) => JSX.Element;
+    Cell: ({ align, children }: import("./TableCell").TableCellProps) => JSX.Element;
+    Footer: ({ children }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+};

package/es/@next/DataTable/DataTable.js

@@ -0,0 +1,97 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["headings", "totals", "onSortChanged", "children", "emptyState", "loading", "loadingLabel"];
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React from 'react';
+import { Spinner } from '../Spinner';
+import { Typography } from '../Typography';
+import { StyledDataTableContainer, StyledLoaderWrapper, StyledSpinnerContainer, StyledTable, StyledTableCell, StyledTableFooterRow, StyledTableLoadingRow, StyledTableRow } from './DataTableStyle';
+import { TableCell } from './TableCell';
+import { TableFooter } from './TableFooter';
+import { TableHeader } from './TableHeader';
+import { TableRow } from './TableRow';
+var DataTableComponent = /*#__PURE__*/React.forwardRef(function DataTable(_ref, ref) {
+  var headings = _ref.headings,
+    totals = _ref.totals,
+    onSortChanged = _ref.onSortChanged,
+    children = _ref.children,
+    emptyState = _ref.emptyState,
+    loading = _ref.loading,
+    _ref$loadingLabel = _ref.loadingLabel,
+    loadingLabel = _ref$loadingLabel === void 0 ? 'loading' : _ref$loadingLabel,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var handleSortChanged = function handleSortChanged(context, sortDirection) {
+    onSortChanged == null ? void 0 : onSortChanged(context, sortDirection);
+  };
+  var rowHeaderMarkup = headings.map(function (heading, index) {
+    var id = heading.id,
+      title = heading.title,
+      defaultSortDirection = heading.defaultSortDirection,
+      align = heading.align;
+    var key = "table-header-heading-" + title + "-" + index;
+    return /*#__PURE__*/React.createElement(TableHeader, {
+      key: key,
+      title: title,
+      sortDirection: defaultSortDirection,
+      align: align,
+      onSort: function onSort(sortDirection) {
+        return handleSortChanged(id || title, sortDirection);
+      }
+    });
+  });
+  var totalsRowMarkup = totals ? totals.map(function (total, index) {
+    var _ref2 = total || {
+        title: ''
+      },
+      title = _ref2.title,
+      align = _ref2.align;
+    var key = total + "-" + index;
+    return /*#__PURE__*/React.createElement(TableCell, {
+      key: key,
+      align: align
+    }, /*#__PURE__*/React.createElement(Typography, {
+      as: "div",
+      variant: "body2"
+    }, title));
+  }) : null;
+  var footer;
+  var rows = [];
+  for (var _iterator = _createForOfIteratorHelperLoose(React.Children.toArray(children)), _step; !(_step = _iterator()).done;) {
+    var child = _step.value;
+    var reactEl = child;
+    if (reactEl.type === TableFooter) {
+      footer = reactEl.props.children;
+      continue;
+    }
+    rows.push(reactEl);
+  }
+  var emptyRow = /*#__PURE__*/React.createElement(StyledTableRow, null, /*#__PURE__*/React.createElement(StyledTableCell, {
+    colSpan: headings.length
+  }, emptyState));
+  var hasRows = rows.length > 0;
+  var rowsMarkup = hasRows ? rows : emptyRow;
+  var showFooter = !!footer;
+  var LoadingRow = function LoadingRow() {
+    return /*#__PURE__*/React.createElement(StyledTableLoadingRow, {
+      className: "loader-container"
+    }, /*#__PURE__*/React.createElement(StyledLoaderWrapper, null, /*#__PURE__*/React.createElement(StyledSpinnerContainer, null, /*#__PURE__*/React.createElement(Spinner, null), /*#__PURE__*/React.createElement(Typography, {
+      variant: "subtitle1"
+    }, loadingLabel))));
+  };
+  return /*#__PURE__*/React.createElement(StyledDataTableContainer, null, /*#__PURE__*/React.createElement(StyledTable, _extends({
+    ref: ref,
+    "data-loading": loading,
+    "data-has-footer": showFooter
+  }, props), /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(StyledTableRow, null, rowHeaderMarkup)), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(LoadingRow, null), totalsRowMarkup && hasRows && /*#__PURE__*/React.createElement(StyledTableRow, {
+    "data-total": "true"
+  }, totalsRowMarkup), rowsMarkup), showFooter && /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement(StyledTableFooterRow, null, /*#__PURE__*/React.createElement(StyledTableCell, {
+    colSpan: headings.length
+  }, footer)))));
+});
+export var DataTable = Object.assign(DataTableComponent, {
+  Row: TableRow,
+  Cell: TableCell,
+  Footer: TableFooter
+});

package/es/@next/DataTable/DataTableStyle.d.ts

@@ -0,0 +1,9 @@
+export declare const StyledTable: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const StyledTableRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export declare const StyledTabledHeader: import("styled-components").StyledComponent<"th", any, {}, never>;
+export declare const StyledTableCell: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const StyledTableFooterRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export declare const StyledTableLoadingRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export declare const StyledLoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSpinnerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDataTableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/DataTable/DataTableStyle.js

@@ -0,0 +1,41 @@
+import styled from 'styled-components';
+import { borderRadius8 } from '../utilities/borderRadius';
+import { Blue, Neutral } from '../utilities/colors';
+import { space16 } from '../utilities/spacing';
+var alignmentStyle = "\n&[data-text-align='right'] {\n  > div {\n    display: flex;\n    justify-content: right;\n  }\n}\n\n&[data-text-align='center'] {\n  > div {\n    display: flex;\n    justify-content: center;\n  }\n}\n";
+export var StyledTable = styled.table.withConfig({
+  displayName: "DataTableStyle__StyledTable",
+  componentId: "sc-18v2ula-0"
+})(["width:100%;height:100%;border:1px solid ", ";border-spacing:0;color:", ";max-width:100vw;border-bottom:0;&[data-has-footer='true']{border-bottom:1px solid ", ";}&[data-loading='true']{tbody{position:relative;}.loader-container{display:block;z-index:1;}}"], Neutral.B85, Neutral.B18, Neutral.B85);
+export var StyledTableRow = styled.tr.withConfig({
+  displayName: "DataTableStyle__StyledTableRow",
+  componentId: "sc-18v2ula-1"
+})(["background:", ";box-shadow:inset 0px -1px 0px ", ";&:hover{background:", ";}&[data-total='true']{background:", ";}"], Neutral.B100, Neutral.B85, Neutral.B99, Neutral.B99);
+export var StyledTabledHeader = styled.th.withConfig({
+  displayName: "DataTableStyle__StyledTabledHeader",
+  componentId: "sc-18v2ula-2"
+})(["padding:", ";text-align:left;", " button{padding:0;margin:0;height:auto;border:none;box-shadow:none;}button:hover{background:transparent;}button:active{border:none;box-shadow:none;background:transparent;}button:focus{border:none;}button svg{width:24px;height:24px;fill:", ";}"], space16, alignmentStyle, Neutral.B40);
+export var StyledTableCell = styled.td.withConfig({
+  displayName: "DataTableStyle__StyledTableCell",
+  componentId: "sc-18v2ula-3"
+})(["text-align:left;padding:", ";vertical-align:top;", ""], space16, alignmentStyle);
+export var StyledTableFooterRow = styled.tr.withConfig({
+  displayName: "DataTableStyle__StyledTableFooterRow",
+  componentId: "sc-18v2ula-4"
+})(["background:", ";border-top:0;border-radius:0px 0px ", " ", ";td{padding:", ";}"], Neutral.B99, borderRadius8, borderRadius8, space16);
+export var StyledTableLoadingRow = styled(StyledTableRow).withConfig({
+  displayName: "DataTableStyle__StyledTableLoadingRow",
+  componentId: "sc-18v2ula-5"
+})(["position:absolute;width:100%;height:100%;display:none;z-index:-1;"]);
+export var StyledLoaderWrapper = styled.div.withConfig({
+  displayName: "DataTableStyle__StyledLoaderWrapper",
+  componentId: "sc-18v2ula-6"
+})(["height:100%;width:100%;position:relative;"]);
+export var StyledSpinnerContainer = styled.div.withConfig({
+  displayName: "DataTableStyle__StyledSpinnerContainer",
+  componentId: "sc-18v2ula-7"
+})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:", ";svg{width:48px;height:48px;fill:", ";}"], Neutral.B18, Blue.S99);
+export var StyledDataTableContainer = styled.div.withConfig({
+  displayName: "DataTableStyle__StyledDataTableContainer",
+  componentId: "sc-18v2ula-8"
+})(["overflow-x:auto;scroll-behavior:smooth;"]);

package/es/@next/DataTable/DatatTable.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;
+export declare const WithEmptyState: any;

package/es/@next/DataTable/TableCell.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableColElement> {
+    children: React.ReactNode;
+}
+export declare const TableCell: ({ align, children }: TableCellProps) => JSX.Element;

package/es/@next/DataTable/TableCell.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Typography } from '../Typography';
+import { StyledTableCell } from './DataTableStyle';
+export var TableCell = function TableCell(_ref) {
+  var align = _ref.align,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(StyledTableCell, {
+    "data-text-align": align
+  }, /*#__PURE__*/React.createElement(Typography, {
+    as: "div",
+    variant: "body1"
+  }, children));
+};

package/es/@next/DataTable/TableFooter.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const TableFooter: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/es/@next/DataTable/TableFooter.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export var TableFooter = function TableFooter(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};

package/es/@next/DataTable/TableHeader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SortDirection } from './DataTable';
+export interface TableHeaderProps extends React.ThHTMLAttributes<HTMLTableColElement> {
+    title: string;
+    sortDirection?: SortDirection;
+    onSort?: (sortDirection: SortDirection) => void;
+}
+export declare const TableHeader: ({ sortDirection: sortDirectionProp, title, align, onSort, }: TableHeaderProps) => JSX.Element;

package/es/@next/DataTable/TableHeader.js

@@ -0,0 +1,48 @@
+import React, { useState, useEffect } from 'react';
+import { Button } from '../Button';
+import { Icon } from '../Icon';
+import { Typography } from '../Typography';
+import { StyledTabledHeader } from './DataTableStyle';
+export var TableHeader = function TableHeader(_ref) {
+  var sortDirectionProp = _ref.sortDirection,
+    title = _ref.title,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align,
+    onSort = _ref.onSort;
+  var _useState = useState(null),
+    sortDirection = _useState[0],
+    setSortDirection = _useState[1];
+  useEffect(function () {
+    setSortDirection(sortDirectionProp);
+  }, [sortDirectionProp]);
+  var iconName = sortDirection === 'ASCENDING' ? 'ri-arrow-xs-up-fill' : 'ri-arrow-xs-down-fill';
+  var iconMarkup = sortDirection ? /*#__PURE__*/React.createElement(Icon, {
+    name: iconName
+  }) : null;
+  var titleMarkup = /*#__PURE__*/React.createElement(Typography, {
+    as: "span",
+    variant: "body1",
+    style: {
+      whiteSpace: 'nowrap'
+    }
+  }, title);
+  var handleSortableClick = function handleSortableClick() {
+    if (!sortDirection) {
+      return;
+    }
+    var direction = sortDirection === 'ASCENDING' ? 'DESCENDING' : 'ASCENDING';
+    setSortDirection(direction);
+    onSort == null ? void 0 : onSort(direction);
+  };
+  var sortableCellMarkup = /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "data-table-sort-button-" + title,
+    icon: iconMarkup,
+    onClick: function onClick() {
+      return handleSortableClick();
+    }
+  }, titleMarkup);
+  var contentMarkup = sortDirection ? sortableCellMarkup : titleMarkup;
+  return /*#__PURE__*/React.createElement(StyledTabledHeader, {
+    "data-text-align": align
+  }, /*#__PURE__*/React.createElement("div", null, contentMarkup));
+};

package/es/@next/DataTable/TableRow.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface TableRowProps extends React.HtmlHTMLAttributes<HTMLTableRowElement> {
+    position?: number;
+    children: React.ReactNode;
+}
+export declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;

package/es/@next/DataTable/TableRow.js

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children"];
+import React from 'react';
+import { StyledTableRow } from './DataTableStyle';
+export var TableRow = function TableRow(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledTableRow, _extends({
+    "data-testid": "data-table-row"
+  }, props), children);
+};

package/es/@next/DataTable/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DataTable';
+export * from './TableRow';
+export * from './TableCell';
+export * from './TableHeader';

package/es/@next/DataTable/index.js

@@ -0,0 +1,4 @@
+export * from './DataTable';
+export * from './TableRow';
+export * from './TableCell';
+export * from './TableHeader';

package/es/@next/EmptyState/EmptyStateStyle.d.ts

@@ -3,6 +3,6 @@ export declare const EmptyStateContainer: import("styled-components").StyledComp
 export declare const EmptyStateContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledImage: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledButtonGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTitle: import("styled-components").StyledComponent<({ as, children, variant, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
-export declare const StyledDescription: import("styled-components").StyledComponent<({ as, children, variant, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
-export declare const StyledHelpText: import("styled-components").StyledComponent<({ as, children, variant, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
+export declare const StyledDescription: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
+export declare const StyledHelpText: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;

package/es/@next/Icon/components/RiExternalLinkLine.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgRiExternalLinkLine: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgRiExternalLinkLine;

package/es/@next/Icon/components/RiExternalLinkLine.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import * as React from 'react';
+var SvgRiExternalLinkLine = function SvgRiExternalLinkLine(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6Zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8Z"
+  }));
+};
+export default SvgRiExternalLinkLine;

package/es/@next/Icon/components/index.d.ts

@@ -47,6 +47,7 @@ export { default as RiDeleteBinFill } from './RiDeleteBinFill';
 export { default as RiDeleteBinLine } from './RiDeleteBinLine';
 export { default as RiErrorWarningFill } from './RiErrorWarningFill';
 export { default as RiErrorWarningLine } from './RiErrorWarningLine';
+export { default as RiExternalLinkLine } from './RiExternalLinkLine';
 export { default as RiFacebookCircleLine } from './RiFacebookCircleLine';
 export { default as RiInformationFill } from './RiInformationFill';
 export { default as RiInformationLine } from './RiInformationLine';

package/es/@next/Icon/components/index.js

@@ -47,6 +47,7 @@ export { default as RiDeleteBinFill } from './RiDeleteBinFill';
 export { default as RiDeleteBinLine } from './RiDeleteBinLine';
 export { default as RiErrorWarningFill } from './RiErrorWarningFill';
 export { default as RiErrorWarningLine } from './RiErrorWarningLine';
+export { default as RiExternalLinkLine } from './RiExternalLinkLine';
 export { default as RiFacebookCircleLine } from './RiFacebookCircleLine';
 export { default as RiInformationFill } from './RiInformationFill';
 export { default as RiInformationLine } from './RiInformationLine';

package/es/@next/Icon/icons/icons.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
-export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-facebook-circle-line", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-twitter-line"];
+export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-twitter-line"];
 export declare type IconNames = typeof iconNames[number];
 declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const iconsMappingComponent: {

package/es/@next/Icon/icons/icons.js

@@ -1,4 +1,4 @@
 var _iconsMappingComponen;
 import * as Icons from '../components';
-export var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-facebook-circle-line', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-twitter-line'];
-export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen);
+export var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-twitter-line'];
+export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen);

package/es/@next/Link/Link.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children?: React.ReactNode;
+    id?: string;
+    url?: string;
+    external?: boolean;
+    monochrome?: boolean;
+    removeUnderline?: boolean;
+}
+export declare const Link: ({ children, external, monochrome, removeUnderline, url, ...props }: LinkProps) => JSX.Element;

package/es/@next/Link/Link.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "external", "monochrome", "removeUnderline", "url"];
+import React from 'react';
+import { Icon } from '../Icon';
+import { Typography } from '../Typography';
+import { StyledLink } from './LinkStyle';
+export var Link = function Link(_ref) {
+  var children = _ref.children,
+    _ref$external = _ref.external,
+    external = _ref$external === void 0 ? false : _ref$external,
+    _ref$monochrome = _ref.monochrome,
+    monochrome = _ref$monochrome === void 0 ? false : _ref$monochrome,
+    _ref$removeUnderline = _ref.removeUnderline,
+    removeUnderline = _ref$removeUnderline === void 0 ? false : _ref$removeUnderline,
+    url = _ref.url,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledLink, _extends({
+    href: url,
+    "data-underline": !removeUnderline,
+    "data-monochrome": monochrome
+  }, external && {
+    target: '_blank'
+  }, props), /*#__PURE__*/React.createElement(Typography, {
+    variant: "body1"
+  }, children), external && /*#__PURE__*/React.createElement(Icon, {
+    name: "ri-external-link-line"
+  }));
+};

package/es/@next/Link/Link.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: any;

package/es/@next/Link/LinkStyle.d.ts

@@ -0,0 +1,2 @@
+import { LinkProps } from './Link';
+export declare const StyledLink: import("styled-components").StyledComponent<"a", any, LinkProps, never>;

package/es/@next/Link/LinkStyle.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+import { Blue, Neutral } from '../utilities/colors';
+import { space2 } from '../utilities/spacing';
+export var StyledLink = styled.a.withConfig({
+  displayName: "LinkStyle__StyledLink",
+  componentId: "sc-usx229-0"
+})(["display:flex;align-items:center;color:", ";&[data-underline='false']{text-decoration:none;}&[data-monochrome='true']{color:", ";&:hover,&:active{color:", ";}}&:hover{color:rgba(0,86,140,0.9);svg{fill:rgba(0,86,140,0.9);}}&:active{color:", ";svg{fill:", ";}}svg{fill:", ";margin-left:", ";padding-bottom:", ";height:18px;}"], Blue.S99, Neutral.B18, Neutral.B00, Blue.S100, Blue.S100, Blue.S99, space2, space2);

package/es/@next/Link/index.d.ts

@@ -0,0 +1 @@
+export * from './Link';

package/es/@next/Link/index.js

@@ -0,0 +1 @@
+export * from './Link';

package/es/@next/Pagination/PaginationStyle.js

@@ -16,7 +16,7 @@ export var SimplePaginationStyledNav = styled(StyledNav).withConfig({
 export var StyledPageButton = styled.button.withConfig({
   displayName: "PaginationStyle__StyledPageButton",
   componentId: "sc-1hi5sa8-2"
-})(["cursor:pointer;height:32px;min-width:32px;border:0;background:", ";border-radius:", ";padding:", ";color:", ";&:hover{background:", ";}&:disabled{color:", ";}svg{fill:", ";width:24px;height:24px;}&[data-active='true']{background:", ";color:", ";}&:disabled svg{fill:", ";}&[data-active='true']:disabled{background:", ";color:", ";}"], Neutral.B100, borderRadius2, space4, Neutral.B18, Neutral.B95, Neutral.B85, Neutral.B40, Blue.S08, Blue.S99, Neutral.B85, Neutral.B95, Neutral.B85);
+})(["cursor:pointer;height:32px;min-width:32px;border:0;background:transparent;border-radius:", ";padding:", ";color:", ";&:hover{background:", ";}&:disabled{color:", ";}svg{fill:", ";width:24px;height:24px;}&[data-active='true']{background:", ";color:", ";}&:disabled svg{fill:", ";}&[data-active='true']:disabled{background:", ";color:", ";}"], borderRadius2, space4, Neutral.B18, Neutral.B95, Neutral.B85, Neutral.B40, Blue.S08, Blue.S99, Neutral.B85, Neutral.B95, Neutral.B85);
 export var StyledSimplePaginationButton = styled(StyledPageButton).withConfig({
   displayName: "PaginationStyle__StyledSimplePaginationButton",
   componentId: "sc-1hi5sa8-3"

package/es/@next/Typography/Typography.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, ReactNode } from 'react';
+import React, { ElementType, ReactNode } from 'react';
 declare const typographyVariant: readonly ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6", "subtitle1", "subtitle2", "body1", "body2", "button", "caption", "overline"];
 export declare type Variant = typeof typographyVariant[number];
 export interface TypographyProps {
@@ -9,6 +9,7 @@ export interface TypographyProps {
     color?: string;
     /** Sets the Typography's variant */
     variant?: Variant;
+    style?: React.CSSProperties;
 }
-export declare const Typography: ({ as, children, variant, ...props }: TypographyProps) => JSX.Element;
+export declare const Typography: ({ as, children, variant, style, ...props }: TypographyProps) => JSX.Element;
 export {};

package/es/@next/Typography/Typography.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["as", "children", "variant"];
+var _excluded = ["as", "children", "variant", "style"];
 import React from 'react';
 import { StyledTypography } from './TypographyStyles';
 var typographyVariant = ['headline1', 'headline2', 'headline3', 'headline4', 'headline5', 'headline6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'button', 'caption', 'overline'];
@@ -12,11 +12,13 @@ export var Typography = function Typography(_ref) {
     as = _ref$as === void 0 ? 'p' : _ref$as,
     children = _ref.children,
     variant = _ref.variant,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (!isVariant(variant)) {
     console.warn("Variant: " + variant + " is not of type Variant | undefined. \ntype Variant " + typographyVariant);
   }
   return /*#__PURE__*/React.createElement(StyledTypography, _extends({
+    style: style,
     as: as,
     variant: variant
   }, props), children);

package/es/@next/index.d.ts

@@ -13,10 +13,12 @@ export { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
 export { Card, CardProps } from './Card';
 export { Checkbox, CheckboxProps } from './Checkbox';
 export { CurrencyInput, CurrencyInputProps } from './CurrencyInput';
+export { DataTable, DataTableProps, TableCellProps, TableHeaderProps, TableRowProps, } from './DataTable';
 export { Divider } from './Divider';
 export { EmptyState } from './EmptyState';
 export { Icon, IconProps } from './Icon';
 export { IndexTable, IndexTableProps, useIndexResourceState, } from './IndexTable';
+export { Link, LinkProps } from './Link';
 export { Modal, ModalContext, ModalProps, ModalProvider, useModal, } from './Modal';
 export { NumberInput, NumberInputProps } from './NumberInput';
 export { Pagination, PaginationProps, SimplePagination } from './Pagination';

package/es/@next/index.js

@@ -14,10 +14,12 @@ export { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
 export { Card, CardProps } from './Card';
 export { Checkbox, CheckboxProps } from './Checkbox';
 export { CurrencyInput, CurrencyInputProps } from './CurrencyInput';
+export { DataTable, DataTableProps, TableCellProps, TableHeaderProps, TableRowProps } from './DataTable';
 export { Divider } from './Divider';
 export { EmptyState } from './EmptyState';
 export { Icon, IconProps } from './Icon';
 export { IndexTable, IndexTableProps, useIndexResourceState } from './IndexTable';
+export { Link, LinkProps } from './Link';
 export { Modal, ModalContext, ModalProps, ModalProvider, useModal } from './Modal';
 export { NumberInput, NumberInputProps } from './NumberInput';
 export { Pagination, PaginationProps, SimplePagination } from './Pagination';

package/lib/@next/DataTable/DataTable.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { EmptyStateProps } from '../EmptyState';
+export declare type SortDirection = 'ASCENDING' | 'DESCENDING';
+export declare type TableHeading = React.ThHTMLAttributes<HTMLTableColElement> & {
+    title?: string;
+    id?: string;
+    defaultSortDirection?: SortDirection;
+};
+export declare type Total = TableHeading | null;
+export interface DataTableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    headings: TableHeading[];
+    children: React.ReactNode;
+    emptyState: React.ReactElement<EmptyStateProps>;
+    totals?: Total[];
+    loading?: boolean;
+    loadingLabel?: string;
+    onSortChanged?: (context: string, sortDirection: SortDirection) => void;
+}
+export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLTableElement>> & {
+    Row: ({ children, ...props }: import("./TableRow").TableRowProps) => JSX.Element;
+    Cell: ({ align, children }: import("./TableCell").TableCellProps) => JSX.Element;
+    Footer: ({ children }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+};