@dfds-ui/react-components 2.2.0-alpha.9edc847c → 2.2.0-alpha.a1ae8508

package/cjs/table/TableHead.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tableHeadStyle = exports.default = exports.TableHead = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Table = require("./Table");
+var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ClassName = {
+  IS_STICKY: 'is-sticky'
+};
+const tableHeadStyle = exports.tableHeadStyle = /*#__PURE__*/(0, _react2.css)("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBoZWFkZXIgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRoZWFkIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aGVhZCc+XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfU1RJQ0tZOiAnaXMtc3RpY2t5Jyxcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZFN0eWxlID0gY3NzYFxuICAmLiR7Q2xhc3NOYW1lLklTX1NUSUNLWX0gdGgge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWQgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFRhYmxlSGVhZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaXNIZWFkZXJTdGlja3kgfSA9IHVzZVRhYmxlKClcblxuICByZXR1cm4gKFxuICAgIDx0aGVhZFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICBbQ2xhc3NOYW1lLklTX1NUSUNLWV06IGlzSGVhZGVyU3RpY2t5LFxuICAgICAgfSl9XG4gICAgICBjc3M9e3RhYmxlSGVhZFN0eWxlfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdGhlYWQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFibGVIZWFkXG4iXX0= */");
+const TableHead = ({
+  children,
+  className,
+  ...rest
+}) => {
+  const {
+    isHeaderSticky
+  } = (0, _Table.useTable)();
+  return (0, _jsxRuntime.jsx)("thead", {
+    className: (0, _classnames.default)(className, {
+      [ClassName.IS_STICKY]: isHeaderSticky
+    }),
+    css: tableHeadStyle,
+    ...rest,
+    children: children
+  });
+};
+exports.TableHead = TableHead;
+var _default = exports.default = TableHead;

package/cjs/table/TableHeaderCell.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
+export type TableHeaderCellProps = {
+    /**
+     * Sets alignment for the content in the tag
+     */
+    align?: Alignment;
+    /**
+     * Table cell content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'th'>;
+export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/utils").SerializedStyles;
+export declare const TableHeaderCell: ({ align, children, ...rest }: TableHeaderCellProps) => React.JSX.Element;
+export default TableHeaderCell;

package/cjs/table/TableHeaderCell.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTableCellStyle = exports.default = exports.TableHeaderCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _typography = require("@dfds-ui/typography");
+var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getTableCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRoIGFsaWduPXthbGlnbn0gY3NzPXt0YWJsZUhlYWRDZWxsU3R5bGUoYWxpZ24pfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90aD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlckNlbGxcbiJdfQ== */");
+exports.getTableCellStyle = getTableCellStyle;
+const tableHeadCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)(getTableCellStyle(align), " color:", _theme.theme.colors.primary.main, ";", _typography.typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRoIGFsaWduPXthbGlnbn0gY3NzPXt0YWJsZUhlYWRDZWxsU3R5bGUoYWxpZ24pfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90aD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlckNlbGxcbiJdfQ== */");
+const TableHeaderCell = ({
+  align = 'left',
+  children,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)("th", {
+    align: align,
+    css: tableHeadCellStyle(align),
+    ...rest,
+    children: children
+  });
+};
+exports.TableHeaderCell = TableHeaderCell;
+var _default = exports.default = TableHeaderCell;

package/cjs/table/TableRow.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export type TableRowProps = {
+    /**
+     * Table row content
+     */
+    children: ReactNode;
+    /**
+     * Classes applied on the tr tag
+     */
+    className?: string;
+    /**
+     * Applies Selected state styling to the row
+     */
+    isSelected?: boolean;
+} & ComponentPropsWithRef<'tr'>;
+export declare const TableRow: ({ children, className, isSelected, ...rest }: TableRowProps) => React.JSX.Element;
+export default TableRow;

package/cjs/table/TableRow.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TableRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react2 = require("@emotion/react");
+var _Table = require("./Table");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ClassName = {
+  IS_INTERACTIVE: 'is-interactive',
+  IS_SELECTED: 'is-selected'
+};
+const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMpID0+IHtcbiAgY29uc3QgeyBpc0ludGVyYWN0aXZlIH0gPSB1c2VUYWJsZSgpXG5cbiAgcmV0dXJuIChcbiAgICA8dHJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIHtcbiAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgIFtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkVdOiBpc0ludGVyYWN0aXZlLFxuICAgICAgfSl9XG4gICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90cj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVJvd1xuIl19 */");
+const TableRow = ({
+  children,
+  className,
+  isSelected = false,
+  ...rest
+}) => {
+  const {
+    isInteractive
+  } = (0, _Table.useTable)();
+  return (0, _jsxRuntime.jsx)("tr", {
+    className: (0, _classnames.default)(className, {
+      [ClassName.IS_SELECTED]: isSelected,
+      [ClassName.IS_INTERACTIVE]: isInteractive
+    }),
+    css: tableRowStyle,
+    ...rest,
+    children: children
+  });
+};
+exports.TableRow = TableRow;
+var _default = exports.default = TableRow;

package/cjs/table/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Table';
+export * from './TableHead';
+export * from './TableBody';
+export * from './TableRow';
+export * from './TableHeaderCell';
+export * from './TableDataCell';

package/cjs/table/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Table = require("./Table");
+Object.keys(_Table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Table[key];
+    }
+  });
+});
+var _TableHead = require("./TableHead");
+Object.keys(_TableHead).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TableHead[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TableHead[key];
+    }
+  });
+});
+var _TableBody = require("./TableBody");
+Object.keys(_TableBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TableBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TableBody[key];
+    }
+  });
+});
+var _TableRow = require("./TableRow");
+Object.keys(_TableRow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TableRow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TableRow[key];
+    }
+  });
+});
+var _TableHeaderCell = require("./TableHeaderCell");
+Object.keys(_TableHeaderCell).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TableHeaderCell[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TableHeaderCell[key];
+    }
+  });
+});
+var _TableDataCell = require("./TableDataCell");
+Object.keys(_TableDataCell).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TableDataCell[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TableDataCell[key];
+    }
+  });
+});

package/cjs/test/Test.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface TestProps {
+    /** Test name. */
+    name: string;
+    description?: string;
+}
+export declare const Test: FC<TestProps>;
+export default Test;

package/cjs/test/Test.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Test = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Test = props => {
+  return (0, _jsxRuntime.jsx)("div", {
+    children: props.name
+  });
+};
+exports.Test = Test;
+var _default = exports.default = Test;

package/cjs/tooltip/Tooltip.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { TooltipProps as MuiTooltipProps } from '@mui/material';
+type TooltipProps = {
+    content: string | React.ReactNode;
+    name?: string;
+    placement?: MuiTooltipProps['placement'];
+    offset?: number;
+    enterDelay?: number;
+    leaveDelay?: number;
+    containerProps?: any;
+    tabIndex?: number;
+    visible?: boolean;
+    onClickOutside?: () => void;
+    children?: React.ReactNode;
+};
+declare const Tooltip: ({ name, content, children, enterDelay, leaveDelay, placement, containerProps, tabIndex, visible, onClickOutside, }: TooltipProps) => React.JSX.Element;
+export type UnstableWithTooltipProps = {
+    content: React.ReactNode;
+    children: React.ReactElement;
+    enterDelay?: number;
+    leaveDelay?: number;
+    placement?: MuiTooltipProps['placement'];
+    className?: string;
+};
+/**
+ * The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
+ * no extra html markup will wrapped around the targeted element.
+ *
+ * NOTE: It is important that the component being wrapped forwards a ref to the DOM node.
+ */
+export declare const UnstableWithTooltip: ({ children, content, enterDelay, leaveDelay, placement, ...rest }: UnstableWithTooltipProps) => React.JSX.Element;
+export default Tooltip;

package/cjs/tooltip/Tooltip.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.UnstableWithTooltip = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _material = require("@mui/material");
+var _theme = require("@dfds-ui/theme");
+var _flexbox = require("./../flexbox");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const {
+  colors,
+  spacing,
+  radii,
+  elevation,
+  fontFamilies,
+  fontSizes,
+  fontWeights,
+  lineHeights
+} = _theme.theme;
+const tooltipSx = {
+  backgroundColor: colors.primary.main,
+  color: colors.text.light.primary,
+  padding: `${spacing.xxs} ${spacing.xs}`,
+  fontFamily: fontFamilies.body,
+  fontSize: fontSizes.body.small,
+  fontWeight: fontWeights.body.regular,
+  lineHeight: lineHeights.body.small,
+  borderRadius: radii.m,
+  boxShadow: elevation['4']
+};
+const tooltipSlotProps = {
+  tooltip: {
+    sx: tooltipSx
+  },
+  popper: {
+    sx: {
+      zIndex: 9100
+    }
+  }
+};
+const tooltipSlots = {
+  transition: _material.Fade
+};
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : {
+  name: "1xdwume-Tooltip",
+  styles: "width:100%;label:Tooltip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBUb29sdGlwIGFzIE11aVRvb2x0aXAsIFRvb2x0aXBQcm9wcyBhcyBNdWlUb29sdGlwUHJvcHMsIEZhZGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBNdWlUb29sdGlwUHJvcHNbJ3BsYWNlbWVudCddXG4gIG9mZnNldD86IG51bWJlclxuICBlbnRlckRlbGF5PzogbnVtYmVyXG4gIGxlYXZlRGVsYXk/OiBudW1iZXJcbiAgY29udGFpbmVyUHJvcHM/OiBhbnlcbiAgdGFiSW5kZXg/OiBudW1iZXJcbiAgdmlzaWJsZT86IGJvb2xlYW5cbiAgb25DbGlja091dHNpZGU/OiAoKSA9PiB2b2lkXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uLCBmb250RmFtaWxpZXMsIGZvbnRTaXplcywgZm9udFdlaWdodHMsIGxpbmVIZWlnaHRzIH0gPSB0aGVtZVxuXG5jb25zdCB0b29sdGlwU3ggPSB7XG4gIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnByaW1hcnkubWFpbixcbiAgY29sb3I6IGNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnksXG4gIHBhZGRpbmc6IGAke3NwYWNpbmcueHhzfSAke3NwYWNpbmcueHN9YCxcbiAgZm9udEZhbWlseTogZm9udEZhbWlsaWVzLmJvZHksXG4gIGZvbnRTaXplOiBmb250U2l6ZXMuYm9keS5zbWFsbCxcbiAgZm9udFdlaWdodDogZm9udFdlaWdodHMuYm9keS5yZWd1bGFyLFxuICBsaW5lSGVpZ2h0OiBsaW5lSGVpZ2h0cy5ib2R5LnNtYWxsLFxuICBib3JkZXJSYWRpdXM6IHJhZGlpLm0sXG4gIGJveFNoYWRvdzogZWxldmF0aW9uWyc0J10sXG59XG5cbmNvbnN0IHRvb2x0aXBTbG90UHJvcHM6IE11aVRvb2x0aXBQcm9wc1snc2xvdFByb3BzJ10gPSB7XG4gIHRvb2x0aXA6IHsgc3g6IHRvb2x0aXBTeCB9LFxuICBwb3BwZXI6IHsgc3g6IHsgekluZGV4OiA5MTAwIH0gfSxcbn1cblxuY29uc3QgdG9vbHRpcFNsb3RzOiBNdWlUb29sdGlwUHJvcHNbJ3Nsb3RzJ10gPSB7XG4gIHRyYW5zaXRpb246IEZhZGUsXG59XG5cbmNvbnN0IFRvb2x0aXAgPSAoe1xuICBuYW1lLFxuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZW50ZXJEZWxheSA9IDAsXG4gIGxlYXZlRGVsYXkgPSAxNTAwLFxuICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgY29udGFpbmVyUHJvcHMsXG4gIHRhYkluZGV4ID0gMCxcbiAgdmlzaWJsZSxcbiAgb25DbGlja091dHNpZGUsXG59OiBUb29sdGlwUHJvcHMpID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChlOiBhbnkpID0+XG4gICAgICByZWYuY3VycmVudCAmJiAhcmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQpICYmIG9uQ2xpY2tPdXRzaWRlICYmIG9uQ2xpY2tPdXRzaWRlKClcblxuICAgIGlmICh2aXNpYmxlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9IGVsc2Uge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cbiAgfSwgW3Zpc2libGUsIG9uQ2xpY2tPdXRzaWRlXSlcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBpZD17bmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGB9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICA8TXVpVG9vbHRpcFxuICAgICAgICB0aXRsZT17Y29udGVudH1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIGVudGVyRGVsYXk9e2VudGVyRGVsYXl9XG4gICAgICAgIGxlYXZlRGVsYXk9e2xlYXZlRGVsYXl9XG4gICAgICAgIHNsb3RzPXt0b29sdGlwU2xvdHN9XG4gICAgICAgIHNsb3RQcm9wcz17dG9vbHRpcFNsb3RQcm9wc31cbiAgICAgICAgey4uLih2aXNpYmxlICE9PSB1bmRlZmluZWQgPyB7IG9wZW46IHZpc2libGUgfSA6IHt9KX1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBpbmxpbmVcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzIHx8IHt9KX1cbiAgICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzICYmXG4gICAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgICBjc3M6IGNzc2BcbiAgICAgICAgICAgICAgICAke2NvbnRhaW5lclByb3BzLmNzc31cbiAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICBgLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvTXVpVG9vbHRpcD5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuZXhwb3J0IHR5cGUgVW5zdGFibGVXaXRoVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBSZWFjdC5SZWFjdE5vZGVcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudFxuICBlbnRlckRlbGF5PzogbnVtYmVyXG4gIGxlYXZlRGVsYXk/OiBudW1iZXJcbiAgcGxhY2VtZW50PzogTXVpVG9vbHRpcFByb3BzWydwbGFjZW1lbnQnXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb250ZW50LFxuICBlbnRlckRlbGF5ID0gMCxcbiAgbGVhdmVEZWxheSA9IDE1MDAsXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICAuLi5yZXN0XG59OiBVbnN0YWJsZVdpdGhUb29sdGlwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TXVpVG9vbHRpcFxuICAgICAgdGl0bGU9e2NvbnRlbnR9XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGVudGVyRGVsYXk9e2VudGVyRGVsYXl9XG4gICAgICBsZWF2ZURlbGF5PXtsZWF2ZURlbGF5fVxuICAgICAgc2xvdHM9e3Rvb2x0aXBTbG90c31cbiAgICAgIHNsb3RQcm9wcz17dG9vbHRpcFNsb3RQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L011aVRvb2x0aXA+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const Tooltip = ({
+  name,
+  content,
+  children,
+  enterDelay = 0,
+  leaveDelay = 1500,
+  placement = 'bottom',
+  containerProps,
+  tabIndex = 0,
+  visible,
+  onClickOutside
+}) => {
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const handleClickOutside = e => ref.current && !ref.current.contains(e.target) && onClickOutside && onClickOutside();
+    if (visible !== undefined) {
+      document.addEventListener('mousedown', handleClickOutside);
+    } else {
+      document.removeEventListener('mousedown', handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [visible, onClickOutside]);
+  return (0, _jsxRuntime.jsx)("span", {
+    id: name,
+    css: _ref,
+    ref: ref,
+    children: (0, _jsxRuntime.jsx)(_material.Tooltip, {
+      title: content,
+      placement: placement,
+      enterDelay: enterDelay,
+      leaveDelay: leaveDelay,
+      slots: tooltipSlots,
+      slotProps: tooltipSlotProps,
+      ...(visible !== undefined ? {
+        open: visible
+      } : {}),
+      children: (0, _jsxRuntime.jsx)(_flexbox.FlexBox, {
+        inline: true,
+        as: "span",
+        tabIndex: tabIndex,
+        ...(containerProps || {}),
+        ...(containerProps && containerProps.css && {
+          css: /*#__PURE__*/(0, _react2.css)(containerProps.css, " outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgVG9vbHRpcCBhcyBNdWlUb29sdGlwLCBUb29sdGlwUHJvcHMgYXMgTXVpVG9vbHRpcFByb3BzLCBGYWRlIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogTXVpVG9vbHRpcFByb3BzWydwbGFjZW1lbnQnXVxuICBvZmZzZXQ/OiBudW1iZXJcbiAgZW50ZXJEZWxheT86IG51bWJlclxuICBsZWF2ZURlbGF5PzogbnVtYmVyXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiwgZm9udEZhbWlsaWVzLCBmb250U2l6ZXMsIGZvbnRXZWlnaHRzLCBsaW5lSGVpZ2h0cyB9ID0gdGhlbWVcblxuY29uc3QgdG9vbHRpcFN4ID0ge1xuICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5wcmltYXJ5Lm1haW4sXG4gIGNvbG9yOiBjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5LFxuICBwYWRkaW5nOiBgJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfWAsXG4gIGZvbnRGYW1pbHk6IGZvbnRGYW1pbGllcy5ib2R5LFxuICBmb250U2l6ZTogZm9udFNpemVzLmJvZHkuc21hbGwsXG4gIGZvbnRXZWlnaHQ6IGZvbnRXZWlnaHRzLmJvZHkucmVndWxhcixcbiAgbGluZUhlaWdodDogbGluZUhlaWdodHMuYm9keS5zbWFsbCxcbiAgYm9yZGVyUmFkaXVzOiByYWRpaS5tLFxuICBib3hTaGFkb3c6IGVsZXZhdGlvblsnNCddLFxufVxuXG5jb25zdCB0b29sdGlwU2xvdFByb3BzOiBNdWlUb29sdGlwUHJvcHNbJ3Nsb3RQcm9wcyddID0ge1xuICB0b29sdGlwOiB7IHN4OiB0b29sdGlwU3ggfSxcbiAgcG9wcGVyOiB7IHN4OiB7IHpJbmRleDogOTEwMCB9IH0sXG59XG5cbmNvbnN0IHRvb2x0aXBTbG90czogTXVpVG9vbHRpcFByb3BzWydzbG90cyddID0ge1xuICB0cmFuc2l0aW9uOiBGYWRlLFxufVxuXG5jb25zdCBUb29sdGlwID0gKHtcbiAgbmFtZSxcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGVudGVyRGVsYXkgPSAwLFxuICBsZWF2ZURlbGF5ID0gMTUwMCxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufTogVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PlxuICAgICAgcmVmLmN1cnJlbnQgJiYgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGUudGFyZ2V0KSAmJiBvbkNsaWNrT3V0c2lkZSAmJiBvbkNsaWNrT3V0c2lkZSgpXG5cbiAgICBpZiAodmlzaWJsZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfSBlbHNlIHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFt2aXNpYmxlLCBvbkNsaWNrT3V0c2lkZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgaWQ9e25hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBgfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPE11aVRvb2x0aXBcbiAgICAgICAgdGl0bGU9e2NvbnRlbnR9XG4gICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICBlbnRlckRlbGF5PXtlbnRlckRlbGF5fVxuICAgICAgICBsZWF2ZURlbGF5PXtsZWF2ZURlbGF5fVxuICAgICAgICBzbG90cz17dG9vbHRpcFNsb3RzfVxuICAgICAgICBzbG90UHJvcHM9e3Rvb2x0aXBTbG90UHJvcHN9XG4gICAgICAgIHsuLi4odmlzaWJsZSAhPT0gdW5kZWZpbmVkID8geyBvcGVuOiB2aXNpYmxlIH0gOiB7fSl9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgaW5saW5lXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L011aVRvb2x0aXA+XG4gICAgPC9zcGFuPlxuICApXG59XG5cbmV4cG9ydCB0eXBlIFVuc3RhYmxlV2l0aFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogUmVhY3QuUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnRcbiAgZW50ZXJEZWxheT86IG51bWJlclxuICBsZWF2ZURlbGF5PzogbnVtYmVyXG4gIHBsYWNlbWVudD86IE11aVRvb2x0aXBQcm9wc1sncGxhY2VtZW50J11cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbi8qKlxuICogVGhlIGBVbnN0YWJsZVdpdGhUb29sdGlwYCBjb21wb25lbnQgY2FuIGJlIHVzZWQgdG8gd3JhcCBhbiBlbGVtZW50IHdpdGggYSB0b29sdGlwIGJ1dCB1bmxpa2UgdGhlIGBUb29sdGlwYCBjb21wb25lbnRcbiAqIG5vIGV4dHJhIGh0bWwgbWFya3VwIHdpbGwgd3JhcHBlZCBhcm91bmQgdGhlIHRhcmdldGVkIGVsZW1lbnQuXG4gKlxuICogTk9URTogSXQgaXMgaW1wb3J0YW50IHRoYXQgdGhlIGNvbXBvbmVudCBiZWluZyB3cmFwcGVkIGZvcndhcmRzIGEgcmVmIHRvIHRoZSBET00gbm9kZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoe1xuICBjaGlsZHJlbixcbiAgY29udGVudCxcbiAgZW50ZXJEZWxheSA9IDAsXG4gIGxlYXZlRGVsYXkgPSAxNTAwLFxuICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgLi4ucmVzdFxufTogVW5zdGFibGVXaXRoVG9vbHRpcFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE11aVRvb2x0aXBcbiAgICAgIHRpdGxlPXtjb250ZW50fVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBlbnRlckRlbGF5PXtlbnRlckRlbGF5fVxuICAgICAgbGVhdmVEZWxheT17bGVhdmVEZWxheX1cbiAgICAgIHNsb3RzPXt0b29sdGlwU2xvdHN9XG4gICAgICBzbG90UHJvcHM9e3Rvb2x0aXBTbG90UHJvcHN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9NdWlUb29sdGlwPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */")
+        }),
+        children: children
+      })
+    })
+  });
+};
+/**
+ * The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
+ * no extra html markup will wrapped around the targeted element.
+ *
+ * NOTE: It is important that the component being wrapped forwards a ref to the DOM node.
+ */
+const UnstableWithTooltip = ({
+  children,
+  content,
+  enterDelay = 0,
+  leaveDelay = 1500,
+  placement = 'bottom',
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_material.Tooltip, {
+    title: content,
+    placement: placement,
+    enterDelay: enterDelay,
+    leaveDelay: leaveDelay,
+    slots: tooltipSlots,
+    slotProps: tooltipSlotProps,
+    ...rest,
+    children: children
+  });
+};
+exports.UnstableWithTooltip = UnstableWithTooltip;
+var _default = exports.default = Tooltip;

package/cjs/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tooltip } from './Tooltip';
+export { UnstableWithTooltip } from './Tooltip';

package/cjs/tooltip/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.default;
+  }
+});
+Object.defineProperty(exports, "UnstableWithTooltip", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.UnstableWithTooltip;
+  }
+});
+var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/types/global.d.js

@@ -0,0 +1 @@
+"use strict";

package/cjs/typography/Headlines.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+declare const headlineStyles: {
+    h1: import("@emotion/utils").SerializedStyles;
+    h2: import("@emotion/utils").SerializedStyles;
+    h3: import("@emotion/utils").SerializedStyles;
+    h4: import("@emotion/utils").SerializedStyles;
+};
+export declare const H1: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: React.ElementType;
+    noMargin?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H2: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: React.ElementType;
+    noMargin?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H3: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: React.ElementType;
+    noMargin?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H4: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: React.ElementType;
+    noMargin?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const Headline: React.FunctionComponent<{
+    as?: React.ElementType;
+    styledAs?: keyof typeof headlineStyles;
+    className?: string;
+    noMargin?: boolean;
+    children?: React.ReactNode;
+}>;
+export declare const HeroHeadline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: React.ElementType;
+    noMargin?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const SectionHeadline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: React.ElementType;
+    noMargin?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const SubHeadline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: React.ElementType;
+    noMargin?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const SmallHeadline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: React.ElementType;
+    noMargin?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export {};