@dfds-ui/react-components 2.2.0-alpha.8f6cde13 → 2.2.0-alpha.90e90c2b

package/table/Table.js

@@ -0,0 +1,46 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "isHeaderSticky", "isInteractive"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { createContext, forwardRef, useContext } from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var TableContext = /*#__PURE__*/createContext({
+  isInteractive: false,
+  isHeaderSticky: false
+});
+export var useTable = function useTable() {
+  var context = useContext(TableContext);
+  if (context === undefined) {
+    throw new Error('TableContext must be used inside of a TableContext provider');
+  }
+  return context;
+};
+var tableStyle = /*#__PURE__*/css("background:", theme.colors.surface.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgY3JlYXRlQ29udGV4dCwgZm9yd2FyZFJlZiwgUmVhY3ROb2RlLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGludGVyYWN0aW9uIGVmZmVjdCBvbiB0YWJsZSByb3dzXG4gICAqL1xuICBpc0ludGVyYWN0aXZlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlcyB0YWJsZSBoZWFkZXIgc3RpY2t5IHdoZW4gc2Nyb2xsaW5nIChubyBJRSAxMSBzdXBwb3J0KVxuICAgKi9cbiAgaXNIZWFkZXJTdGlja3k/OiBib29sZWFuXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0YWJsZSc+XG5cbmV4cG9ydCB0eXBlIFRhYmxlQ29udGV4dFByb3BzID0ge1xuICBpc0ludGVyYWN0aXZlOiBib29sZWFuXG4gIGlzSGVhZGVyU3RpY2t5OiBib29sZWFuXG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGFibGVDb250ZXh0UHJvcHM+KHtcbiAgaXNJbnRlcmFjdGl2ZTogZmFsc2UsXG4gIGlzSGVhZGVyU3RpY2t5OiBmYWxzZSxcbn0pXG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZSA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KVxuXG4gIGlmIChjb250ZXh0ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RhYmxlQ29udGV4dCBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIGEgVGFibGVDb250ZXh0IHByb3ZpZGVyJylcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0XG59XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBUYWJsZVByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGlzSGVhZGVyU3RpY2t5ID0gZmFsc2UsIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSwgLi4ucmVzdCB9OiBUYWJsZVByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpc0ludGVyYWN0aXZlLCBpc0hlYWRlclN0aWNreSB9fT57Y2hpbGRyZW59PC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgICA8L3RhYmxlPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVxuIl19 */");
+export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    _ref$isHeaderSticky = _ref.isHeaderSticky,
+    isHeaderSticky = _ref$isHeaderSticky === void 0 ? false : _ref$isHeaderSticky,
+    _ref$isInteractive = _ref.isInteractive,
+    isInteractive = _ref$isInteractive === void 0 ? false : _ref$isInteractive,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("table", _objectSpread(_objectSpread({
+    css: tableStyle
+  }, rest), {}, {
+    ref: ref,
+    children: _jsx(TableContext.Provider, {
+      value: {
+        isInteractive: isInteractive,
+        isHeaderSticky: isHeaderSticky
+      },
+      children: children
+    })
+  }));
+});
+export default Table;

package/table/TableBody.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export type TableBodyProps = {
+    /**
+     * Table body content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'tbody'>;
+export declare const TableBody: React.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableBody;

package/table/TableBody.js

@@ -0,0 +1,20 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("tbody", _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    children: children
+  }));
+});
+export default TableBody;

package/table/TableDataCell.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+import { Alignment } from './TableHeaderCell';
+export type TableDataCellProps = {
+    /**
+     * Sets alignment for the content in the tag
+     */
+    align?: Alignment;
+    /**
+     * Table cell content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'td'>;
+export declare const TableDataCell: React.ForwardRefExoticComponent<Omit<TableDataCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+export default TableDataCell;

package/table/TableDataCell.js

@@ -0,0 +1,33 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["align", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { css } from '@emotion/react';
+import { typography } from '@dfds-ui/typography';
+import { theme } from '@dfds-ui/theme';
+import { getTableCellStyle } from './TableHeaderCell';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var tableDataCellStyle = function tableDataCellStyle() {
+  var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
+  return /*#__PURE__*/css(getTableCellStyle(align), " color:", theme.colors.text.dark.primary, ";", typography.body, ";text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableDataCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBBbGlnbm1lbnQsIGdldFRhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi9UYWJsZUhlYWRlckNlbGwnXG5cbmV4cG9ydCB0eXBlIFRhYmxlRGF0YUNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J3RkJz5cblxuY29uc3QgdGFibGVEYXRhQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICR7dHlwb2dyYXBoeS5ib2R5fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZURhdGFDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVEYXRhQ2VsbFByb3BzPihcbiAgKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90ZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
+};
+export var TableDataCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("td", _objectSpread(_objectSpread({
+    align: align,
+    css: tableDataCellStyle(align)
+  }, rest), {}, {
+    ref: ref,
+    children: children
+  }));
+});
+export default TableDataCell;

package/table/TableHead.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export type TableHeadProps = {
+    /**
+     * Table header content
+     */
+    children: ReactNode;
+    /**
+     * Classes applied on the thead tag
+     */
+    className?: string;
+} & ComponentPropsWithRef<'thead'>;
+export declare const tableHeadStyle: import("@emotion/utils").SerializedStyles;
+export declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableHead;

package/table/TableHead.js

@@ -0,0 +1,33 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { useTable } from './Table';
+import { css } from '@emotion/react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var ClassName = {
+  IS_STICKY: 'is-sticky'
+};
+export var tableHeadStyle = /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBoZWFkZXIgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRoZWFkIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aGVhZCc+XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfU1RJQ0tZOiAnaXMtc3RpY2t5Jyxcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZFN0eWxlID0gY3NzYFxuICAmLiR7Q2xhc3NOYW1lLklTX1NUSUNLWX0gdGgge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWQgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50LCBUYWJsZUhlYWRQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogVGFibGVIZWFkUHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNIZWFkZXJTdGlja3kgfSA9IHVzZVRhYmxlKClcblxuICAgIHJldHVybiAoXG4gICAgICA8dGhlYWRcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICAgIFtDbGFzc05hbWUuSVNfU1RJQ0tZXTogaXNIZWFkZXJTdGlja3ksXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlSGVhZFN0eWxlfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGhlYWQ+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZFxuIl19 */");
+export var TableHead = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTable = useTable(),
+    isHeaderSticky = _useTable.isHeaderSticky;
+  return _jsx("thead", _objectSpread(_objectSpread({
+    className: classNames(className, _defineProperty({}, ClassName.IS_STICKY, isHeaderSticky)),
+    css: tableHeadStyle
+  }, rest), {}, {
+    ref: ref,
+    children: children
+  }));
+});
+export default TableHead;

package/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: React.ForwardRefExoticComponent<Omit<TableHeaderCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+export default TableHeaderCell;

package/table/TableHeaderCell.js

@@ -0,0 +1,36 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["align", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { css } from '@emotion/react';
+import { typography } from '@dfds-ui/typography';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var getTableCellStyle = function getTableCellStyle() {
+  var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
+  return /*#__PURE__*/css("border-bottom:1px solid ", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
+};
+var tableHeadCellStyle = function tableHeadCellStyle() {
+  var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
+  return /*#__PURE__*/css(getTableCellStyle(align), " color:", theme.colors.primary.main, ";", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
+};
+export var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("th", _objectSpread(_objectSpread({
+    align: align,
+    css: tableHeadCellStyle(align)
+  }, rest), {}, {
+    ref: ref,
+    children: children
+  }));
+});
+export default TableHeaderCell;

package/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: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+export default TableRow;

package/table/TableRow.js

@@ -0,0 +1,36 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className", "isSelected"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { css } from '@emotion/react';
+import { useTable } from './Table';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var ClassName = {
+  IS_INTERACTIVE: 'is-interactive',
+  IS_SELECTED: 'is-selected'
+};
+var tableRowStyle = /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVSb3dFbGVtZW50LCBUYWJsZVJvd1Byb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNJbnRlcmFjdGl2ZSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0clxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRV06IGlzSW50ZXJhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90cj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVSb3dcbiJdfQ== */");
+export var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTable = useTable(),
+    isInteractive = _useTable.isInteractive;
+  return _jsx("tr", _objectSpread(_objectSpread({
+    className: classNames(className, _defineProperty(_defineProperty({}, ClassName.IS_SELECTED, isSelected), ClassName.IS_INTERACTIVE, isInteractive)),
+    css: tableRowStyle
+  }, rest), {}, {
+    ref: ref,
+    children: children
+  }));
+});
+export default TableRow;

package/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/table/index.js

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

package/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/test/Test.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var Test = function Test(props) {
+  return _jsx("div", {
+    children: props.name
+  });
+};
+export default Test;

package/tooltip/Tooltip.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TippyProps } from '@tippyjs/react';
+type Placement = 'top' | 'right' | 'bottom' | 'left';
+type TooltipProps = {
+    content: string | React.ReactNode;
+    name?: string;
+    placement?: Placement;
+    offset?: number;
+    delay?: [number, number] | false;
+    containerProps?: any;
+    tabIndex?: number;
+    visible?: boolean;
+    onClickOutside?: () => void;
+    children?: React.ReactNode;
+};
+declare const Tooltip: ({ name, content, children, delay, placement, containerProps, tabIndex, visible, onClickOutside, }: TooltipProps) => React.JSX.Element;
+/**
+ * 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: ({ delay, ...rest }: {
+    className?: string;
+} & TippyProps) => React.JSX.Element;
+export default Tooltip;

package/tooltip/Tooltip.js

@@ -0,0 +1,113 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["delay"];
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(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)."; }
+import React, { useEffect, useRef } from 'react';
+import { css } from '@emotion/react';
+import Tippy from '@tippyjs/react';
+import { theme } from '@dfds-ui/theme';
+import { typography } from '@dfds-ui/typography';
+import { FlexBox } from './../flexbox';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var colors = theme.colors,
+  spacing = theme.spacing,
+  radii = theme.radii,
+  elevation = theme.elevation;
+var StyledTippy = /*#__PURE__*/_styled(Tippy, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'css';
+  } // this will prevent warnings emitted from tippy
+  ,
+  target: "errz9h30"
+} : {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'css';
+  } // this will prevent warnings emitted from tippy
+  ,
+  target: "errz9h30",
+  label: "StyledTippy"
+})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";box-shadow:", elevation['4'], ";&[data-state='visible']{opacity:1;}&[data-state='hidden']{opacity:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCRSIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcCA9ICh7XG4gIG5hbWUsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufTogVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZigpIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PlxuICAgICAgcmVmLmN1cnJlbnQgJiYgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGUudGFyZ2V0KSAmJiBvbkNsaWNrT3V0c2lkZSAmJiBvbkNsaWNrT3V0c2lkZSgpXG5cbiAgICB2aXNpYmxlICE9PSB1bmRlZmluZWRcbiAgICAgID8gZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgICAgOiBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIGlkPXtuYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gdmlzaWJsZT17dmlzaWJsZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgaW5saW5lXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L1N0eWxlZFRpcHB5PlxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBgVW5zdGFibGVXaXRoVG9vbHRpcGAgY29tcG9uZW50IGNhbiBiZSB1c2VkIHRvIHdyYXAgYW4gZWxlbWVudCB3aXRoIGEgdG9vbHRpcCBidXQgdW5saWtlIHRoZSBgVG9vbHRpcGAgY29tcG9uZW50XG4gKiBubyBleHRyYSBodG1sIG1hcmt1cCB3aWxsIHdyYXBwZWQgYXJvdW5kIHRoZSB0YXJnZXRlZCBlbGVtZW50LlxuICpcbiAqIE5PVEU6IEl0IGlzIGltcG9ydGFudCB0aGF0IHRoZSBjb21wb25lbnQgYmVpbmcgd3JhcHBlZCBmb3J3YXJkcyBhIHJlZiB0byB0aGUgRE9NIG5vZGUuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFRpcHB5UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHlcbiAgICAgIC8vIHBvcHBlck9wdGlvbnM9e3tcbiAgICAgIC8vICAgbW9kaWZpZXJzOiB7XG4gICAgICAvLyAgICAgZmxpcDogeyBiZWhhdmlvcjogWydib3R0b20nXX0sIC8vIGZvcmNlIHRvIGFsd2F5cyBkaXNwbGF5IHVuZGVyXG4gICAgICAvLyAgIH0sXG4gICAgICAvLyB9fVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFYyIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcCA9ICh7XG4gIG5hbWUsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufTogVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZigpIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PlxuICAgICAgcmVmLmN1cnJlbnQgJiYgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGUudGFyZ2V0KSAmJiBvbkNsaWNrT3V0c2lkZSAmJiBvbkNsaWNrT3V0c2lkZSgpXG5cbiAgICB2aXNpYmxlICE9PSB1bmRlZmluZWRcbiAgICAgID8gZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgICAgOiBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIGlkPXtuYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gdmlzaWJsZT17dmlzaWJsZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgaW5saW5lXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L1N0eWxlZFRpcHB5PlxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBgVW5zdGFibGVXaXRoVG9vbHRpcGAgY29tcG9uZW50IGNhbiBiZSB1c2VkIHRvIHdyYXAgYW4gZWxlbWVudCB3aXRoIGEgdG9vbHRpcCBidXQgdW5saWtlIHRoZSBgVG9vbHRpcGAgY29tcG9uZW50XG4gKiBubyBleHRyYSBodG1sIG1hcmt1cCB3aWxsIHdyYXBwZWQgYXJvdW5kIHRoZSB0YXJnZXRlZCBlbGVtZW50LlxuICpcbiAqIE5PVEU6IEl0IGlzIGltcG9ydGFudCB0aGF0IHRoZSBjb21wb25lbnQgYmVpbmcgd3JhcHBlZCBmb3J3YXJkcyBhIHJlZiB0byB0aGUgRE9NIG5vZGUuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFRpcHB5UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHlcbiAgICAgIC8vIHBvcHBlck9wdGlvbnM9e3tcbiAgICAgIC8vICAgbW9kaWZpZXJzOiB7XG4gICAgICAvLyAgICAgZmxpcDogeyBiZWhhdmlvcjogWydib3R0b20nXX0sIC8vIGZvcmNlIHRvIGFsd2F5cyBkaXNwbGF5IHVuZGVyXG4gICAgICAvLyAgIH0sXG4gICAgICAvLyB9fVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var Tooltip = function Tooltip(_ref2) {
+  var name = _ref2.name,
+    content = _ref2.content,
+    children = _ref2.children,
+    _ref2$delay = _ref2.delay,
+    delay = _ref2$delay === void 0 ? [0, 1500] : _ref2$delay,
+    _ref2$placement = _ref2.placement,
+    placement = _ref2$placement === void 0 ? 'bottom' : _ref2$placement,
+    containerProps = _ref2.containerProps,
+    _ref2$tabIndex = _ref2.tabIndex,
+    tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex,
+    visible = _ref2.visible,
+    onClickOutside = _ref2.onClickOutside;
+  var ref = useRef();
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(e) {
+      return ref.current && !ref.current.contains(e.target) && onClickOutside && onClickOutside();
+    };
+    visible !== undefined ? document.addEventListener('mousedown', handleClickOutside) : document.removeEventListener('mousedown', handleClickOutside);
+    return function () {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+  return _jsx("span", {
+    id: name,
+    css: _ref,
+    ref: ref,
+    children: _jsx(StyledTippy, _objectSpread(_objectSpread({
+      content: content,
+      placement: placement,
+      visible: visible
+    }, delay !== false && {
+      delay: delay
+    }), {}, {
+      children: _jsx(FlexBox, _objectSpread(_objectSpread(_objectSpread({
+        inline: true,
+        as: "span",
+        tabIndex: tabIndex
+      }, containerProps || {}), containerProps && containerProps.css && {
+        css: /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGc0IiLCJmaWxlIjoiLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweWpzL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4vLi4vZmxleGJveCdcblxudHlwZSBQbGFjZW1lbnQgPSAndG9wJyB8ICdyaWdodCcgfCAnYm90dG9tJyB8ICdsZWZ0J1xuXG50eXBlIFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxuICB2aXNpYmxlPzogYm9vbGVhblxuICBvbkNsaWNrT3V0c2lkZT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgeyBjb2xvcnMsIHNwYWNpbmcsIHJhZGlpLCBlbGV2YXRpb24gfSA9IHRoZW1lXG5cbmNvbnN0IFN0eWxlZFRpcHB5ID0gc3R5bGVkKFRpcHB5LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gJ2NzcycsIC8vIHRoaXMgd2lsbCBwcmV2ZW50IHdhcm5pbmdzIGVtaXR0ZWQgZnJvbSB0aXBweVxufSlgXG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnByaW1hcnkubWFpbn07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHhzfSAke3NwYWNpbmcueHN9O1xuICAke3R5cG9ncmFwaHkuYm9keUludGVyZmFjZVNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyYWRpaS5tfTtcbiAgYm94LXNoYWRvdzogJHtlbGV2YXRpb25bJzQnXX07XG5cbiAgJltkYXRhLXN0YXRlPSd2aXNpYmxlJ10ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmW2RhdGEtc3RhdGU9J2hpZGRlbiddIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXAgPSAoe1xuICBuYW1lLFxuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZGVsYXkgPSBbMCwgMTUwMF0sXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICBjb250YWluZXJQcm9wcyxcbiAgdGFiSW5kZXggPSAwLFxuICB2aXNpYmxlLFxuICBvbkNsaWNrT3V0c2lkZSxcbn06IFRvb2x0aXBQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWYoKSBhcyBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PlxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKGU6IGFueSkgPT5cbiAgICAgIHJlZi5jdXJyZW50ICYmICFyZWYuY3VycmVudC5jb250YWlucyhlLnRhcmdldCkgJiYgb25DbGlja091dHNpZGUgJiYgb25DbGlja091dHNpZGUoKVxuXG4gICAgdmlzaWJsZSAhPT0gdW5kZWZpbmVkXG4gICAgICA/IGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICAgIDogZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBpZD17bmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGB9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IHZpc2libGU9e3Zpc2libGV9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGlubGluZVxuICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICAgIGNvbnRhaW5lclByb3BzLmNzcyAmJiB7XG4gICAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRUaXBweT5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */")
+      }), {}, {
+        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.
+ */
+export var UnstableWithTooltip = function UnstableWithTooltip(_ref3) {
+  var _ref3$delay = _ref3.delay,
+    delay = _ref3$delay === void 0 ? [0, 1500] : _ref3$delay,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  return _jsx(StyledTippy
+  // popperOptions={{
+  //   modifiers: {
+  //     flip: { behavior: ['bottom']}, // force to always display under
+  //   },
+  // }}
+  , _objectSpread({
+    delay: delay,
+    placement: "bottom"
+  }, rest));
+};
+export default Tooltip;

package/tooltip/index.d.ts

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

package/tooltip/index.js

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

package/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 {};