@dfds-ui/react-components 0.9.7-alpha.fef7a36f → 0.9.8-alpha.5c447d8c

package/cjs/tooltip/Tooltip.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.UnstableWithTooltip = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
@@ -19,7 +19,8 @@ var _typography = require("@dfds-ui/typography");
 
 var _flexbox = require("./../flexbox");
 
-const _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"];
+const _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"],
+      _excluded2 = ["delay"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -42,7 +43,7 @@ const StyledTippy = ( /*#__PURE__*/0, _base.default)(_react3.default, process.en
   ,
   target: "errz9h30",
   label: "StyledTippy"
-})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", _typography.typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.s, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHkgZnJvbSAnQHRpcHB5LmpzL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4vLi4vZmxleGJveCdcblxudHlwZSBQbGFjZW1lbnQgPSAndG9wJyB8ICdyaWdodCcgfCAnYm90dG9tJyB8ICdsZWZ0J1xuXG50eXBlIFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogc3RyaW5nXG4gIHBsYWNlbWVudD86IFBsYWNlbWVudFxuICBvZmZzZXQ/OiBudW1iZXJcbiAgZGVsYXk/OiBbbnVtYmVyLCBudW1iZXJdIHwgZmFsc2VcbiAgY29udGFpbmVyUHJvcHM/OiBhbnlcbiAgdGFiSW5kZXg/OiBudW1iZXJcbn1cblxuY29uc3QgeyBjb2xvcnMsIHNwYWNpbmcsIHJhZGlpLCBlbGV2YXRpb24gfSA9IHRoZW1lXG5cbmNvbnN0IFN0eWxlZFRpcHB5ID0gc3R5bGVkKFRpcHB5LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gJ2NzcycsIC8vIHRoaXMgd2lsbCBwcmV2ZW50IHdhcm5pbmdzIGVtaXR0ZWQgZnJvbSB0aXBweVxufSlgXG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnByaW1hcnkubWFpbn07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHhzfSAke3NwYWNpbmcueHN9O1xuICAke3R5cG9ncmFwaHkuYm9keUludGVyZmFjZVNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyYWRpaS5tfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc307XG4gIGJveC1zaGFkb3c6ICR7ZWxldmF0aW9uWyc0J119O1xuXG4gICZbZGF0YS1zdGF0ZT0ndmlzaWJsZSddIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJltkYXRhLXN0YXRlPSdoaWRkZW4nXSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuYFxuXG5jb25zdCBUb29sdGlwOiBSZWFjdC5GQzxUb29sdGlwUHJvcHM+ID0gKHtcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGRlbGF5ID0gWzAsIDE1MDBdLFxuICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgY29udGFpbmVyUHJvcHMsXG4gIHRhYkluZGV4ID0gMCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gYXJyb3c9e2ZhbHNlfSB7Li4uKGRlbGF5ICE9PSBmYWxzZSAmJiB7IGRlbGF5IH0pfSB7Li4ucmVzdH0+XG4gICAgICA8RmxleEJveFxuICAgICAgICBpbmxpbmVcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzIHx8IHt9KX1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgIGNvbnRhaW5lclByb3BzLmNzcyAmJiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BcbiAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgIH0pfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9TdHlsZWRUaXBweT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG4iXX0= */"));
+})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", _typography.typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.s, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweS5qcy9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgUGxhY2VtZW50ID0gJ3RvcCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uIH0gPSB0aGVtZVxuXG5jb25zdCBTdHlsZWRUaXBweSA9IHN0eWxlZChUaXBweSwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */"));
 
 const Tooltip = _ref => {
   let content = _ref.content,
@@ -67,9 +68,33 @@ const Tooltip = _ref => {
     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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFRpcHB5IGZyb20gJ0B0aXBweS5qcy9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgUGxhY2VtZW50ID0gJ3RvcCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uIH0gPSB0aGVtZVxuXG5jb25zdCBTdHlsZWRUaXBweSA9IHN0eWxlZChUaXBweSwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */")
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFRpcHB5LCB7IFRpcHB5UHJvcHMgfSBmcm9tICdAdGlwcHkuanMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBtYXJnaW46ICR7c3BhY2luZy5zfTtcbiAgYm94LXNoYWRvdzogJHtlbGV2YXRpb25bJzQnXX07XG5cbiAgJltkYXRhLXN0YXRlPSd2aXNpYmxlJ10ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmW2RhdGEtc3RhdGU9J2hpZGRlbiddIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXA6IFJlYWN0LkZDPFRvb2x0aXBQcm9wcz4gPSAoe1xuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZGVsYXkgPSBbMCwgMTUwMF0sXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICBjb250YWluZXJQcm9wcyxcbiAgdGFiSW5kZXggPSAwLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5IGNvbnRlbnQ9e2NvbnRlbnR9IHBsYWNlbWVudD17cGxhY2VtZW50fSBhcnJvdz17ZmFsc2V9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9IHsuLi5yZXN0fT5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGlubGluZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzICYmXG4gICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAke2NvbnRhaW5lclByb3BzLmNzc31cbiAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgfSl9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L1N0eWxlZFRpcHB5PlxuICApXG59XG5cbi8qKlxuICogVGhlIGBVbnN0YWJsZVdpdGhUb29sdGlwYCBjb21wb25lbnQgY2FuIGJlIHVzZWQgdG8gd3JhcCBhbiBlbGVtZW50IHdpdGggYSB0b29sdGlwIGJ1dCB1bmxpa2UgdGhlIGBUb29sdGlwYCBjb21wb25lbnRcbiAqIG5vIGV4dHJhIGh0bWwgbWFya3VwIHdpbGwgd3JhcHBlZCBhcm91bmQgdGhlIHRhcmdldGVkIGVsZW1lbnQuXG4gKlxuICogTk9URTogSXQgaXMgaW1wb3J0YW50IHRoYXQgdGhlIGNvbXBvbmVudCBiZWluZyB3cmFwcGVkIGZvcndhcmRzIGEgcmVmIHRvIHRoZSBET00gbm9kZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoeyBkZWxheSA9IFswLCAxNTAwXSwgLi4ucmVzdCB9OiB7IGNsYXNzTmFtZT86IHN0cmluZyB9ICYgVGlwcHlQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweVxuICAgICAgLy8gcG9wcGVyT3B0aW9ucz17e1xuICAgICAgLy8gICBtb2RpZmllcnM6IHtcbiAgICAgIC8vICAgICBmbGlwOiB7IGJlaGF2aW9yOiBbJ2JvdHRvbSddfSwgLy8gZm9yY2UgdG8gYWx3YXlzIGRpc3BsYXkgdW5kZXJcbiAgICAgIC8vICAgfSxcbiAgICAgIC8vIH19XG4gICAgICBkZWxheT17ZGVsYXl9XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG4iXX0= */")
   }), 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 = _ref2 => {
+  let _ref2$delay = _ref2.delay,
+      delay = _ref2$delay === void 0 ? [0, 1500] : _ref2$delay,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
+
+  return (0, _react2.jsx)(StyledTippy // popperOptions={{
+  //   modifiers: {
+  //     flip: { behavior: ['bottom']}, // force to always display under
+  //   },
+  // }}
+  , _extends({
+    delay: delay,
+    placement: "bottom"
+  }, rest));
+};
 
+exports.UnstableWithTooltip = UnstableWithTooltip;
 var _default = Tooltip;
 exports.default = _default;

package/cjs/tooltip/index.d.ts

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

package/cjs/tooltip/index.js

@@ -9,7 +9,15 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip.default;
   }
 });
+Object.defineProperty(exports, "UnstableWithTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltip.UnstableWithTooltip;
+  }
+});
+
+var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
 
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lists/FeatureList.js

@@ -15,10 +15,10 @@ export var ListItem = /*#__PURE__*/_styled(FlexBox, process.env.NODE_ENV === "pr
 } : {
   target: "e1hxsk0v0",
   label: "ListItem"
-})("align-items:center;svg{margin-right:20px;", function (_ref) {
+})("align-items:flex-start;svg{margin-right:20px;", function (_ref) {
   var iconColor = _ref.iconColor;
   return iconColor && "color: ".concat(iconColor);
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saXN0cy9GZWF0dXJlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzhFIiwiZmlsZSI6Ii4uLy4uL3NyYy9saXN0cy9GZWF0dXJlTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEZsZXhCb3gsIHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbnR5cGUgRmVhdHVyZUxpc3RQcm9wcyA9IHtcbiAgaWNvbjogYW55XG4gIGl0ZW1zOiBzdHJpbmdbXVxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgdGV4dFRhZz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxudHlwZSBGZWF0dXJlTGlzdENvbXBvbmVudCA9IEZ1bmN0aW9uQ29tcG9uZW50PEZlYXR1cmVMaXN0UHJvcHM+XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZChGbGV4Qm94KTxGbGV4Qm94UHJvcHMgJiB7IGljb25Db2xvcj86IHN0cmluZyB9PmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgc3ZnIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgJHsoeyBpY29uQ29sb3IgfSkgPT4gaWNvbkNvbG9yICYmIGBjb2xvcjogJHtpY29uQ29sb3J9YH1cbiAgfVxuYFxuXG5jb25zdCBGZWF0dXJlTGlzdDogRmVhdHVyZUxpc3RDb21wb25lbnQgPSAoeyBpY29uLCBpdGVtcywgaWNvbkNvbG9yLCB0ZXh0VGFnID0gJ3AnLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgbGlzdCA9IGl0ZW1zLm1hcCgoaXRlbTogc3RyaW5nLCBpKSA9PiB7XG4gICAgY29uc3QgVGV4dFRhZyA9IHRleHRUYWdcbiAgICByZXR1cm4gKFxuICAgICAgPExpc3RJdGVtIGtleT17aX0gaWNvbkNvbG9yPXtpY29uQ29sb3J9PlxuICAgICAgICB7aWNvbn1cbiAgICAgICAgPFRleHRUYWc+e2l0ZW19PC9UZXh0VGFnPlxuICAgICAgPC9MaXN0SXRlbT5cbiAgICApXG4gIH0pXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxGbGV4Qm94IHsuLi5yZXN0fSBkaXJlY3Rpb25Db2x1bW4+XG4gICAgICAgIHtsaXN0fVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZlYXR1cmVMaXN0XG4iXX0= */"));
+}, ";}p{margin:0 0 1em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saXN0cy9GZWF0dXJlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzhFIiwiZmlsZSI6Ii4uLy4uL3NyYy9saXN0cy9GZWF0dXJlTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEZsZXhCb3gsIHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbnR5cGUgRmVhdHVyZUxpc3RQcm9wcyA9IHtcbiAgaWNvbjogYW55XG4gIGl0ZW1zOiBzdHJpbmdbXVxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgdGV4dFRhZz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxudHlwZSBGZWF0dXJlTGlzdENvbXBvbmVudCA9IEZ1bmN0aW9uQ29tcG9uZW50PEZlYXR1cmVMaXN0UHJvcHM+XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZChGbGV4Qm94KTxGbGV4Qm94UHJvcHMgJiB7IGljb25Db2xvcj86IHN0cmluZyB9PmBcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHN2ZyB7XG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICAgICR7KHsgaWNvbkNvbG9yIH0pID0+IGljb25Db2xvciAmJiBgY29sb3I6ICR7aWNvbkNvbG9yfWB9XG4gIH1cbiAgcCB7XG4gICAgbWFyZ2luOiAwIDAgMWVtO1xuICB9XG5gXG5cbmNvbnN0IEZlYXR1cmVMaXN0OiBGZWF0dXJlTGlzdENvbXBvbmVudCA9ICh7IGljb24sIGl0ZW1zLCBpY29uQ29sb3IsIHRleHRUYWcgPSAncCcsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBsaXN0ID0gaXRlbXMubWFwKChpdGVtOiBzdHJpbmcsIGkpID0+IHtcbiAgICBjb25zdCBUZXh0VGFnID0gdGV4dFRhZ1xuICAgIHJldHVybiAoXG4gICAgICA8TGlzdEl0ZW0ga2V5PXtpfSBpY29uQ29sb3I9e2ljb25Db2xvcn0+XG4gICAgICAgIHtpY29ufVxuICAgICAgICA8VGV4dFRhZz57aXRlbX08L1RleHRUYWc+XG4gICAgICA8L0xpc3RJdGVtPlxuICAgIClcbiAgfSlcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3ggey4uLnJlc3R9IGRpcmVjdGlvbkNvbHVtbj5cbiAgICAgICAge2xpc3R9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRmVhdHVyZUxpc3RcbiJdfQ== */"));
 
 var FeatureList = function FeatureList(_ref2) {
   var icon = _ref2.icon,

package/package.json

@@ -3,7 +3,7 @@
   "description": "Shared react components within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "0.9.7-alpha.fef7a36f",
+  "version": "0.9.8-alpha.5c447d8c",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -18,13 +18,13 @@
     "react-select": "^4.0.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "0.9.7-alpha.fef7a36f",
-    "@dfds-ui/fonts": "0.9.7-alpha.fef7a36f",
-    "@dfds-ui/hooks": "0.9.7-alpha.fef7a36f",
-    "@dfds-ui/icons": "0.9.7-alpha.fef7a36f",
-    "@dfds-ui/spacing": "0.9.7-alpha.fef7a36f",
-    "@dfds-ui/theme": "0.9.7-alpha.fef7a36f",
-    "@dfds-ui/typography": "0.9.7-alpha.fef7a36f",
+    "@dfds-ui/colors": "0.9.8-alpha.5c447d8c",
+    "@dfds-ui/fonts": "0.9.8-alpha.5c447d8c",
+    "@dfds-ui/hooks": "0.9.8-alpha.5c447d8c",
+    "@dfds-ui/icons": "0.9.8-alpha.5c447d8c",
+    "@dfds-ui/spacing": "0.9.8-alpha.5c447d8c",
+    "@dfds-ui/theme": "0.9.8-alpha.5c447d8c",
+    "@dfds-ui/typography": "0.9.8-alpha.5c447d8c",
     "@kunukn/react-collapse": "^2.2.9",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "4.0.0-alpha.60",
@@ -34,7 +34,7 @@
     "react-hook-intersection-observer": "^0.1.0",
     "uuid": "^3.3.2"
   },
-  "gitHead": "fef7a36fb5256de8a5a81d8f1dfc9a541fcc2724",
+  "gitHead": "5c447d8cfcfda26e04846b8831f7d710ae88df42",
   "publishConfig": {
     "access": "public"
   }

package/spinner/Spinner.d.ts

@@ -1,15 +1,57 @@
+import { PolymorphicComponentProps } from '../common/polymorphic';
 declare type Color = 'dark' | 'secondary' | 'light';
 export declare type SpinnerProps = {
+    /**
+     * Indicates that Spinner will show up instantaneously (instead of fading in).
+     *
+     */
     instant?: boolean;
+    /**
+     * Specifies the size of the Spinner.
+     *
+     * @deprecated Use css instead.
+     */
     size?: string;
+    /**
+     * Class name to be assigned to component.
+     */
     className?: string;
+    /**
+     * Set the color variant to use.
+     */
     color?: Color;
-};
-declare function Spinner({ instant, size, className, color, ...rest }: SpinnerProps): JSX.Element;
-declare namespace Spinner {
+} & PolymorphicComponentProps;
+/**
+ * A spinner is used to give user a sense of progress, when the time required to complete the given task is not known.
+ */
+export declare function Spinner({ instant, size, className, color, as, ...rest }: SpinnerProps): JSX.Element;
+export declare namespace Spinner {
     var displayName: string;
 }
-export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<SpinnerProps & {
+/**
+ * @deprecated Style the regular spinner to achieve the desired effect.
+ */
+export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<{
+    /**
+     * Indicates that Spinner will show up instantaneously (instead of fading in).
+     *
+     */
+    instant?: boolean | undefined;
+    /**
+     * Specifies the size of the Spinner.
+     *
+     * @deprecated Use css instead.
+     */
+    size?: string | undefined;
+    /**
+     * Class name to be assigned to component.
+     */
+    className?: string | undefined;
+    /**
+     * Set the color variant to use.
+     */
+    color?: Color | undefined;
+} & PolymorphicComponentProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default Spinner;

package/spinner/Spinner.js

@@ -1,5 +1,5 @@
 import _styled from "@emotion/styled/base";
-var _excluded = ["instant", "size", "className", "color"];
+var _excluded = ["instant", "size", "className", "color", "as"];
 
 var _templateObject, _templateObject2;
 
@@ -41,28 +41,35 @@ var InstantSpinner = /*#__PURE__*/_styled(SvgAnimatedSpinner, process.env.NODE_E
   }
 
   return delays;
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDb0UiLCJmaWxlIjoiLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0geyBpbnN0YW50PzogYm9vbGVhbjsgc2l6ZT86IHN0cmluZzsgY2xhc3NOYW1lPzogc3RyaW5nOyBjb2xvcj86IENvbG9yIH1cblxuY29uc3QgcGF0aHMgPSA4XG5jb25zdCBkdXJhdGlvbiA9IDAuOFxuY29uc3QgZGVsYXkgPSBkdXJhdGlvbiAvIHBhdGhzXG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogLjI1O1xuICB9XG5gXG5cbmNvbnN0IGZhZGUgPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICBgXG5cbmNvbnN0IEluc3RhbnRTcGlubmVyID0gc3R5bGVkKFN2Z0FuaW1hdGVkU3Bpbm5lcik8eyBzaXplPzogc3RyaW5nIH0+YFxuICB3aWR0aDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuICBoZWlnaHQ6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcblxuICBwYXRoIHtcbiAgICBhbmltYXRpb246ICR7c3Bpbn0gJHtkdXJhdGlvbn1zIGluZmluaXRlO1xuXG4gICAgJHsoKSA9PiB7XG4gICAgICBsZXQgZGVsYXlzID0gYGBcbiAgICAgIGZvciAobGV0IGkgPSAxOyBpIDwgcGF0aHM7IGkrKykge1xuICAgICAgICBkZWxheXMgKz0gYFxuICAgICAgICAgICY6bnRoLW9mLXR5cGUoJHtpfSkge1xuICAgICAgICAgICAgb3BhY2l0eTogJHsxLjA1IC0gaSAvIHBhdGhzfTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheSAqIGl9cztcbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHJldHVybiBkZWxheXNcbiAgICB9fVxuICB9XG5gXG5cbmNvbnN0IEZhZGVkU3Bpbm5lciA9IHN0eWxlZChJbnN0YW50U3Bpbm5lcilgXG4gIG9wYWNpdHk6IDA7XG4gIGFuaW1hdGlvbjogJHtmYWRlfSAycyBlYXNlIDAuNnMgZm9yd2FyZHM7XG5gXG5cbmZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBjb2xvcjogJHtjb2xvclBpY2tlcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN2ZyB3aWR0aD17MzJ9IGhlaWdodD17MzJ9IHZpZXdCb3g9XCIwIDAgMzIgMzJcIiBzaXplPXtzaXplfSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cblNwaW5uZXIuZGlzcGxheU5hbWUgPSAnU3Bpbm5lcidcblxuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEb0UiLCJmaWxlIjoiLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */"));
 
 var FadedSpinner = /*#__PURE__*/_styled(InstantSpinner, process.env.NODE_ENV === "production" ? {
   target: "e1ehxkae1"
 } : {
   target: "e1ehxkae1",
   label: "FadedSpinner"
-})("opacity:0;animation:", fade, " 2s ease 0.6s forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEMkMiLCJmaWxlIjoiLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0geyBpbnN0YW50PzogYm9vbGVhbjsgc2l6ZT86IHN0cmluZzsgY2xhc3NOYW1lPzogc3RyaW5nOyBjb2xvcj86IENvbG9yIH1cblxuY29uc3QgcGF0aHMgPSA4XG5jb25zdCBkdXJhdGlvbiA9IDAuOFxuY29uc3QgZGVsYXkgPSBkdXJhdGlvbiAvIHBhdGhzXG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogLjI1O1xuICB9XG5gXG5cbmNvbnN0IGZhZGUgPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICBgXG5cbmNvbnN0IEluc3RhbnRTcGlubmVyID0gc3R5bGVkKFN2Z0FuaW1hdGVkU3Bpbm5lcik8eyBzaXplPzogc3RyaW5nIH0+YFxuICB3aWR0aDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuICBoZWlnaHQ6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcblxuICBwYXRoIHtcbiAgICBhbmltYXRpb246ICR7c3Bpbn0gJHtkdXJhdGlvbn1zIGluZmluaXRlO1xuXG4gICAgJHsoKSA9PiB7XG4gICAgICBsZXQgZGVsYXlzID0gYGBcbiAgICAgIGZvciAobGV0IGkgPSAxOyBpIDwgcGF0aHM7IGkrKykge1xuICAgICAgICBkZWxheXMgKz0gYFxuICAgICAgICAgICY6bnRoLW9mLXR5cGUoJHtpfSkge1xuICAgICAgICAgICAgb3BhY2l0eTogJHsxLjA1IC0gaSAvIHBhdGhzfTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheSAqIGl9cztcbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHJldHVybiBkZWxheXNcbiAgICB9fVxuICB9XG5gXG5cbmNvbnN0IEZhZGVkU3Bpbm5lciA9IHN0eWxlZChJbnN0YW50U3Bpbm5lcilgXG4gIG9wYWNpdHk6IDA7XG4gIGFuaW1hdGlvbjogJHtmYWRlfSAycyBlYXNlIDAuNnMgZm9yd2FyZHM7XG5gXG5cbmZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBjb2xvcjogJHtjb2xvclBpY2tlcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN2ZyB3aWR0aD17MzJ9IGhlaWdodD17MzJ9IHZpZXdCb3g9XCIwIDAgMzIgMzJcIiBzaXplPXtzaXplfSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cblNwaW5uZXIuZGlzcGxheU5hbWUgPSAnU3Bpbm5lcidcblxuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */"));
+})("opacity:0;animation:", fade, " 2s ease 0.6s forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFMkMiLCJmaWxlIjoiLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */"));
+/**
+ * A spinner is used to give user a sense of progress, when the time required to complete the given task is not known.
+ */
 
-function Spinner(_ref) {
+
+export function Spinner(_ref) {
   var instant = _ref.instant,
       size = _ref.size,
       className = _ref.className,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'dark' : _ref$color,
+      _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'div' : _ref$as,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var Svg = instant ? InstantSpinner : FadedSpinner;
   var colorPicker = color == 'dark' ? theme.colors.primary.main : color == 'light' ? theme.colors.surface.primary : theme.colors.secondary.main;
-  return ___EmotionJSX("div", _extends({
+  var Component = as;
+  return ___EmotionJSX(Component, _extends({
     className: className,
-    css: /*#__PURE__*/css("color:", colorPicker, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Spinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFYyIsImZpbGUiOiIuLi8uLi9zcmMvc3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN2Z0FuaW1hdGVkU3Bpbm5lciB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBDb2xvciA9ICdkYXJrJyB8ICdzZWNvbmRhcnknIHwgJ2xpZ2h0J1xuXG5leHBvcnQgdHlwZSBTcGlubmVyUHJvcHMgPSB7IGluc3RhbnQ/OiBib29sZWFuOyBzaXplPzogc3RyaW5nOyBjbGFzc05hbWU/OiBzdHJpbmc7IGNvbG9yPzogQ29sb3IgfVxuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuZnVuY3Rpb24gU3Bpbm5lcih7IGluc3RhbnQsIHNpemUsIGNsYXNzTmFtZSwgY29sb3IgPSAnZGFyaycsIC4uLnJlc3QgfTogU3Bpbm5lclByb3BzKSB7XG4gIGNvbnN0IFN2ZyA9IGluc3RhbnQgPyBJbnN0YW50U3Bpbm5lciA6IEZhZGVkU3Bpbm5lclxuICBjb25zdCBjb2xvclBpY2tlciA9XG4gICAgY29sb3IgPT0gJ2RhcmsnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW5cbiAgICAgIDogY29sb3IgPT0gJ2xpZ2h0J1xuICAgICAgPyB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5XG4gICAgICA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG5leHBvcnQgY29uc3QgQ2VudGVyZWRTcGlubmVyID0gc3R5bGVkKFNwaW5uZXIpYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDUwJTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuYFxuXG5leHBvcnQgZGVmYXVsdCBTcGlubmVyXG4iXX0= */")
+    css: /*#__PURE__*/css("color:", colorPicker, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Spinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHYyIsImZpbGUiOiIuLi8uLi9zcmMvc3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN2Z0FuaW1hdGVkU3Bpbm5lciB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMgfSBmcm9tICcuLi9jb21tb24vcG9seW1vcnBoaWMnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0ge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgU3Bpbm5lciB3aWxsIHNob3cgdXAgaW5zdGFudGFuZW91c2x5IChpbnN0ZWFkIG9mIGZhZGluZyBpbikuXG4gICAqXG4gICAqL1xuICBpbnN0YW50PzogYm9vbGVhblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBzaXplIG9mIHRoZSBTcGlubmVyLlxuICAgKlxuICAgKiBAZGVwcmVjYXRlZCBVc2UgY3NzIGluc3RlYWQuXG4gICAqL1xuICBzaXplPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogU2V0IHRoZSBjb2xvciB2YXJpYW50IHRvIHVzZS5cbiAgICovXG4gIGNvbG9yPzogQ29sb3Jcbn0gJiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzXG5cbmNvbnN0IHBhdGhzID0gOFxuY29uc3QgZHVyYXRpb24gPSAwLjhcbmNvbnN0IGRlbGF5ID0gZHVyYXRpb24gLyBwYXRoc1xuXG5jb25zdCBzcGluID0ga2V5ZnJhbWVzYFxuICAwJSwgMjUlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IC4yNTtcbiAgfVxuYFxuXG5jb25zdCBmYWRlID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgYFxuXG5jb25zdCBJbnN0YW50U3Bpbm5lciA9IHN0eWxlZChTdmdBbmltYXRlZFNwaW5uZXIpPHsgc2l6ZT86IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcbiAgaGVpZ2h0OiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG5cbiAgcGF0aCB7XG4gICAgYW5pbWF0aW9uOiAke3NwaW59ICR7ZHVyYXRpb259cyBpbmZpbml0ZTtcblxuICAgICR7KCkgPT4ge1xuICAgICAgbGV0IGRlbGF5cyA9IGBgXG4gICAgICBmb3IgKGxldCBpID0gMTsgaSA8IHBhdGhzOyBpKyspIHtcbiAgICAgICAgZGVsYXlzICs9IGBcbiAgICAgICAgICAmOm50aC1vZi10eXBlKCR7aX0pIHtcbiAgICAgICAgICAgIG9wYWNpdHk6ICR7MS4wNSAtIGkgLyBwYXRoc307XG4gICAgICAgICAgICBhbmltYXRpb24tZGVsYXk6ICR7ZGVsYXkgKiBpfXM7XG4gICAgICAgICAgfVxuICAgICAgICBgXG4gICAgICB9XG4gICAgICByZXR1cm4gZGVsYXlzXG4gICAgfX1cbiAgfVxuYFxuXG5jb25zdCBGYWRlZFNwaW5uZXIgPSBzdHlsZWQoSW5zdGFudFNwaW5uZXIpYFxuICBvcGFjaXR5OiAwO1xuICBhbmltYXRpb246ICR7ZmFkZX0gMnMgZWFzZSAwLjZzIGZvcndhcmRzO1xuYFxuXG4vKipcbiAqIEEgc3Bpbm5lciBpcyB1c2VkIHRvIGdpdmUgdXNlciBhIHNlbnNlIG9mIHByb2dyZXNzLCB3aGVuIHRoZSB0aW1lIHJlcXVpcmVkIHRvIGNvbXBsZXRlIHRoZSBnaXZlbiB0YXNrIGlzIG5vdCBrbm93bi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cblxuICBjb25zdCBDb21wb25lbnQgPSBhc1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgY29sb3I6ICR7Y29sb3JQaWNrZXJ9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxTdmcgd2lkdGg9ezMyfSBoZWlnaHQ9ezMyfSB2aWV3Qm94PVwiMCAwIDMyIDMyXCIgc2l6ZT17c2l6ZX0gLz5cbiAgICA8L0NvbXBvbmVudD5cbiAgKVxufVxuXG5TcGlubmVyLmRpc3BsYXlOYW1lID0gJ1NwaW5uZXInXG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgU3R5bGUgdGhlIHJlZ3VsYXIgc3Bpbm5lciB0byBhY2hpZXZlIHRoZSBkZXNpcmVkIGVmZmVjdC5cbiAqL1xuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */")
   }, rest), ___EmotionJSX(Svg, {
     width: 32,
     height: 32,
@@ -70,8 +77,11 @@ function Spinner(_ref) {
     size: size
   }));
 }
-
 Spinner.displayName = 'Spinner';
+/**
+ * @deprecated Style the regular spinner to achieve the desired effect.
+ */
+
 export var CenteredSpinner = /*#__PURE__*/_styled(Spinner, process.env.NODE_ENV === "production" ? {
   target: "e1ehxkae0"
 } : {
@@ -83,7 +93,7 @@ export var CenteredSpinner = /*#__PURE__*/_styled(Spinner, process.env.NODE_ENV
 } : {
   name: "ejpnc6",
   styles: "position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1GOEMiLCJmaWxlIjoiLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0geyBpbnN0YW50PzogYm9vbGVhbjsgc2l6ZT86IHN0cmluZzsgY2xhc3NOYW1lPzogc3RyaW5nOyBjb2xvcj86IENvbG9yIH1cblxuY29uc3QgcGF0aHMgPSA4XG5jb25zdCBkdXJhdGlvbiA9IDAuOFxuY29uc3QgZGVsYXkgPSBkdXJhdGlvbiAvIHBhdGhzXG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogLjI1O1xuICB9XG5gXG5cbmNvbnN0IGZhZGUgPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICBgXG5cbmNvbnN0IEluc3RhbnRTcGlubmVyID0gc3R5bGVkKFN2Z0FuaW1hdGVkU3Bpbm5lcik8eyBzaXplPzogc3RyaW5nIH0+YFxuICB3aWR0aDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuICBoZWlnaHQ6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcblxuICBwYXRoIHtcbiAgICBhbmltYXRpb246ICR7c3Bpbn0gJHtkdXJhdGlvbn1zIGluZmluaXRlO1xuXG4gICAgJHsoKSA9PiB7XG4gICAgICBsZXQgZGVsYXlzID0gYGBcbiAgICAgIGZvciAobGV0IGkgPSAxOyBpIDwgcGF0aHM7IGkrKykge1xuICAgICAgICBkZWxheXMgKz0gYFxuICAgICAgICAgICY6bnRoLW9mLXR5cGUoJHtpfSkge1xuICAgICAgICAgICAgb3BhY2l0eTogJHsxLjA1IC0gaSAvIHBhdGhzfTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheSAqIGl9cztcbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHJldHVybiBkZWxheXNcbiAgICB9fVxuICB9XG5gXG5cbmNvbnN0IEZhZGVkU3Bpbm5lciA9IHN0eWxlZChJbnN0YW50U3Bpbm5lcilgXG4gIG9wYWNpdHk6IDA7XG4gIGFuaW1hdGlvbjogJHtmYWRlfSAycyBlYXNlIDAuNnMgZm9yd2FyZHM7XG5gXG5cbmZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBjb2xvcjogJHtjb2xvclBpY2tlcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN2ZyB3aWR0aD17MzJ9IGhlaWdodD17MzJ9IHZpZXdCb3g9XCIwIDAgMzIgMzJcIiBzaXplPXtzaXplfSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cblNwaW5uZXIuZGlzcGxheU5hbWUgPSAnU3Bpbm5lcidcblxuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIOEMiLCJmaWxlIjoiLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export default Spinner;

package/spinner/index.d.ts

@@ -1,2 +1 @@
-export { default as Spinner } from './Spinner';
 export * from './Spinner';

package/spinner/index.js

@@ -1,2 +1 @@
-export { default as Spinner } from './Spinner';
 export * from './Spinner';

package/tooltip/Tooltip.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { TippyProps } from '@tippy.js/react';
 declare type Placement = 'top' | 'right' | 'bottom' | 'left';
 declare type TooltipProps = {
     content: string;
@@ -9,4 +10,13 @@ declare type TooltipProps = {
     tabIndex?: number;
 };
 declare const Tooltip: React.FC<TooltipProps>;
+/**
+ * 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) => JSX.Element;
 export default Tooltip;

package/tooltip/Tooltip.js

@@ -1,5 +1,6 @@
 import _styled from "@emotion/styled/base";
-var _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"];
+var _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"],
+    _excluded2 = ["delay"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -32,7 +33,7 @@ var StyledTippy = /*#__PURE__*/_styled(Tippy, process.env.NODE_ENV === "producti
   ,
   target: "errz9h30",
   label: "StyledTippy"
-})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.s, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCRSIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHkgZnJvbSAnQHRpcHB5LmpzL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4vLi4vZmxleGJveCdcblxudHlwZSBQbGFjZW1lbnQgPSAndG9wJyB8ICdyaWdodCcgfCAnYm90dG9tJyB8ICdsZWZ0J1xuXG50eXBlIFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogc3RyaW5nXG4gIHBsYWNlbWVudD86IFBsYWNlbWVudFxuICBvZmZzZXQ/OiBudW1iZXJcbiAgZGVsYXk/OiBbbnVtYmVyLCBudW1iZXJdIHwgZmFsc2VcbiAgY29udGFpbmVyUHJvcHM/OiBhbnlcbiAgdGFiSW5kZXg/OiBudW1iZXJcbn1cblxuY29uc3QgeyBjb2xvcnMsIHNwYWNpbmcsIHJhZGlpLCBlbGV2YXRpb24gfSA9IHRoZW1lXG5cbmNvbnN0IFN0eWxlZFRpcHB5ID0gc3R5bGVkKFRpcHB5LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gJ2NzcycsIC8vIHRoaXMgd2lsbCBwcmV2ZW50IHdhcm5pbmdzIGVtaXR0ZWQgZnJvbSB0aXBweVxufSlgXG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnByaW1hcnkubWFpbn07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHhzfSAke3NwYWNpbmcueHN9O1xuICAke3R5cG9ncmFwaHkuYm9keUludGVyZmFjZVNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyYWRpaS5tfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc307XG4gIGJveC1zaGFkb3c6ICR7ZWxldmF0aW9uWyc0J119O1xuXG4gICZbZGF0YS1zdGF0ZT0ndmlzaWJsZSddIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJltkYXRhLXN0YXRlPSdoaWRkZW4nXSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuYFxuXG5jb25zdCBUb29sdGlwOiBSZWFjdC5GQzxUb29sdGlwUHJvcHM+ID0gKHtcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGRlbGF5ID0gWzAsIDE1MDBdLFxuICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgY29udGFpbmVyUHJvcHMsXG4gIHRhYkluZGV4ID0gMCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gYXJyb3c9e2ZhbHNlfSB7Li4uKGRlbGF5ICE9PSBmYWxzZSAmJiB7IGRlbGF5IH0pfSB7Li4ucmVzdH0+XG4gICAgICA8RmxleEJveFxuICAgICAgICBpbmxpbmVcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzIHx8IHt9KX1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgIGNvbnRhaW5lclByb3BzLmNzcyAmJiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BcbiAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgIH0pfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9TdHlsZWRUaXBweT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG4iXX0= */"));
+})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.s, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCRSIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweS5qcy9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgUGxhY2VtZW50ID0gJ3RvcCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uIH0gPSB0aGVtZVxuXG5jb25zdCBTdHlsZWRUaXBweSA9IHN0eWxlZChUaXBweSwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */"));
 
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
@@ -57,8 +58,30 @@ var Tooltip = function Tooltip(_ref) {
     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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEb0IiLCJmaWxlIjoiLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFRpcHB5IGZyb20gJ0B0aXBweS5qcy9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgUGxhY2VtZW50ID0gJ3RvcCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uIH0gPSB0aGVtZVxuXG5jb25zdCBTdHlsZWRUaXBweSA9IHN0eWxlZChUaXBweSwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */")
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEb0IiLCJmaWxlIjoiLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFRpcHB5LCB7IFRpcHB5UHJvcHMgfSBmcm9tICdAdGlwcHkuanMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBtYXJnaW46ICR7c3BhY2luZy5zfTtcbiAgYm94LXNoYWRvdzogJHtlbGV2YXRpb25bJzQnXX07XG5cbiAgJltkYXRhLXN0YXRlPSd2aXNpYmxlJ10ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmW2RhdGEtc3RhdGU9J2hpZGRlbiddIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXA6IFJlYWN0LkZDPFRvb2x0aXBQcm9wcz4gPSAoe1xuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZGVsYXkgPSBbMCwgMTUwMF0sXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICBjb250YWluZXJQcm9wcyxcbiAgdGFiSW5kZXggPSAwLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5IGNvbnRlbnQ9e2NvbnRlbnR9IHBsYWNlbWVudD17cGxhY2VtZW50fSBhcnJvdz17ZmFsc2V9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9IHsuLi5yZXN0fT5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGlubGluZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzICYmXG4gICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAke2NvbnRhaW5lclByb3BzLmNzc31cbiAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgfSl9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L1N0eWxlZFRpcHB5PlxuICApXG59XG5cbi8qKlxuICogVGhlIGBVbnN0YWJsZVdpdGhUb29sdGlwYCBjb21wb25lbnQgY2FuIGJlIHVzZWQgdG8gd3JhcCBhbiBlbGVtZW50IHdpdGggYSB0b29sdGlwIGJ1dCB1bmxpa2UgdGhlIGBUb29sdGlwYCBjb21wb25lbnRcbiAqIG5vIGV4dHJhIGh0bWwgbWFya3VwIHdpbGwgd3JhcHBlZCBhcm91bmQgdGhlIHRhcmdldGVkIGVsZW1lbnQuXG4gKlxuICogTk9URTogSXQgaXMgaW1wb3J0YW50IHRoYXQgdGhlIGNvbXBvbmVudCBiZWluZyB3cmFwcGVkIGZvcndhcmRzIGEgcmVmIHRvIHRoZSBET00gbm9kZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoeyBkZWxheSA9IFswLCAxNTAwXSwgLi4ucmVzdCB9OiB7IGNsYXNzTmFtZT86IHN0cmluZyB9ICYgVGlwcHlQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweVxuICAgICAgLy8gcG9wcGVyT3B0aW9ucz17e1xuICAgICAgLy8gICBtb2RpZmllcnM6IHtcbiAgICAgIC8vICAgICBmbGlwOiB7IGJlaGF2aW9yOiBbJ2JvdHRvbSddfSwgLy8gZm9yY2UgdG8gYWx3YXlzIGRpc3BsYXkgdW5kZXJcbiAgICAgIC8vICAgfSxcbiAgICAgIC8vIH19XG4gICAgICBkZWxheT17ZGVsYXl9XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG4iXX0= */")
   }), 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(_ref2) {
+  var _ref2$delay = _ref2.delay,
+      delay = _ref2$delay === void 0 ? [0, 1500] : _ref2$delay,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
+
+  return ___EmotionJSX(StyledTippy // popperOptions={{
+  //   modifiers: {
+  //     flip: { behavior: ['bottom']}, // force to always display under
+  //   },
+  // }}
+  , _extends({
+    delay: delay,
+    placement: "bottom"
+  }, rest));
+};
 export default Tooltip;

package/tooltip/index.d.ts

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

package/tooltip/index.js

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