@dfds-ui/react-components 0.9.7-alpha.5b26926c → 0.9.7-alpha.87ddb01e

package/cjs/accordion/AccordionContent.js

@@ -11,6 +11,8 @@ var _react2 = require("@emotion/react");
 
 var _theme = require("@dfds-ui/theme");
 
+var _typography = require("@dfds-ui/typography");
+
 const _excluded = ["variant", "type", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,7 +31,7 @@ const AccordionContent = _ref => {
 
   return (0, _react2.jsx)("div", _extends({
     className: "accordion__content",
-    css: /*#__PURE__*/(0, _react2.css)("margin-bottom:", variant === 'default' ? _theme.theme.spacing.xs : '0', ";padding:0 ", _theme.theme.spacing.s, " ", _theme.theme.spacing.s, ";background-color:white;color:", _theme.theme.colors.text.dark.primary, ";font-family:", _theme.theme.fontFamilies.body, ";font-size:", _theme.theme.fontSizes.body.medium, ";font-weight:", _theme.theme.fontWeights.body.regular, ";line-height:", _theme.theme.lineHeights.body.regular, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AccordionContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbkNvbnRlbnRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjb21wcmVzc2VkIHZhcmlhbnQgcmVtb3ZlcyB0aGUgYG1hcmdpbi1ib3R0b21gIG9mIHRoZSBBY2NvcmRpb24uXG4gICAqL1xuICB2YXJpYW50PzogJ2RlZmF1bHQnIHwgJ2NvbXByZXNzZWQnXG4gIC8qKlxuICAgKiBTcGVjaWZ5IHRoZSBjb250ZW50IHBhZGRpbmcgb2YgdGhlIEFjY29yZGlvbi5cbiAgICovXG4gIHR5cGU/OiAnc21hbGwnIHwgJ21lZGl1bSdcbn1cblxuZXhwb3J0IGNvbnN0IEFjY29yZGlvbkNvbnRlbnQ6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEFjY29yZGlvbkNvbnRlbnRQcm9wcz4gPSAoe1xuICB2YXJpYW50LFxuICB0eXBlLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT1cImFjY29yZGlvbl9fY29udGVudFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogJHt2YXJpYW50ID09PSAnZGVmYXVsdCcgPyB0aGVtZS5zcGFjaW5nLnhzIDogJzAnfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmJvZHl9O1xuICAgICAgICBmb250LXNpemU6ICR7dGhlbWUuZm9udFNpemVzLmJvZHkubWVkaXVtfTtcbiAgICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUuZm9udFdlaWdodHMuYm9keS5yZWd1bGFyfTtcbiAgICAgICAgbGluZS1oZWlnaHQ6ICR7dGhlbWUubGluZUhlaWdodHMuYm9keS5yZWd1bGFyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQWNjb3JkaW9uQ29udGVudFxuIl19 */")
+    css: /*#__PURE__*/(0, _react2.css)(_typography.typography.body, ";margin-bottom:", variant === 'default' ? _theme.theme.spacing.xs : '0', ";padding:0 ", _theme.theme.spacing.s, " ", _theme.theme.spacing.s, ";background-color:white;color:", _theme.theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AccordionContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uQ29udGVudFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGNvbXByZXNzZWQgdmFyaWFudCByZW1vdmVzIHRoZSBgbWFyZ2luLWJvdHRvbWAgb2YgdGhlIEFjY29yZGlvbi5cbiAgICovXG4gIHZhcmlhbnQ/OiAnZGVmYXVsdCcgfCAnY29tcHJlc3NlZCdcbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIGNvbnRlbnQgcGFkZGluZyBvZiB0aGUgQWNjb3JkaW9uLlxuICAgKi9cbiAgdHlwZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xufVxuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uQ29udGVudDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QWNjb3JkaW9uQ29udGVudFByb3BzPiA9ICh7XG4gIHZhcmlhbnQsXG4gIHR5cGUsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPVwiYWNjb3JkaW9uX19jb250ZW50XCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYm9keX07XG4gICAgICAgIG1hcmdpbi1ib3R0b206ICR7dmFyaWFudCA9PT0gJ2RlZmF1bHQnID8gdGhlbWUuc3BhY2luZy54cyA6ICcwJ307XG4gICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFjY29yZGlvbkNvbnRlbnRcbiJdfQ== */")
   }, rest), children);
 };
 

package/cjs/global-styles/GlobalStyles.js

@@ -79,7 +79,7 @@ const dfdsFontFaceRules = () => {
 
 const GlobalStyles = () => {
   const fonts = dfdsFontFaceRules();
-  const styles = /*#__PURE__*/(0, _react2.css)(_sanitize.sanitize, " ", fonts, " html{margin:0;height:100%;width:100%;font-family:", _theme.theme.fontFamilies.display, ";color:", _theme.theme.colors.text.dark.primary, ";background-color:", _theme.theme.colors.surface.secondary, ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;text-size-adjust:100%;-ms-overflow-style:scrollbar;}body{margin:0;width:100%;height:100vh;}::selection{background-color:", _theme.theme.colors.secondary.main, ";color:#fff;text-shadow:none;}.js-focus-visible :focus:not([data-focus-visible-added]){outline:none;}/**\n      Accordion\n      Ok from @due to add here.\n      Accordion only style themselves individually. Not as a group. There is no accordion container.\n    */.accordion--is-closed+.accordion--is-open{margin-top:8px;}.accordion+.accordion{.accordion__divider{display:block;}}.accordion--is-open+.accordion--is-closed{.accordion__divider{display:none;}}.accordion:last-of-type .accordion__content{margin-bottom:0;}.accordion-css-transition{transition:height 260ms cubic-bezier(0.4, 0, 0.2, 1);}.layout{display:-ms-grid;-ms-grid-rows:auto minmax(1fr, 100%) auto;-ms-grid-columns:1fr;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0, 1fr);min-height:100vh;height:100%;}.layout-header{-ms-grid-row:1;grid-row:1;}.layout-main{-ms-grid-row:2;grid-row:2;}.layout-footer{-ms-grid-row:3;grid-row:3;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1SZWd1bGFyLndvZmYnXG4vLyBpbXBvcnQgcmVndWxhcjIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuLy8gaW1wb3J0IGl0YWxpYyBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUl0YWxpYy53b2ZmJ1xuLy8gaW1wb3J0IGl0YWxpYzIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1JdGFsaWMud29mZjInXG4vLyBpbXBvcnQgYm9sZCBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUJvbGQud29mZidcbi8vIGltcG9ydCBib2xkMiBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUJvbGQud29mZjInXG4vLyBpbXBvcnQgbGlnaHQgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmJ1xuLy8gaW1wb3J0IGxpZ2h0MiBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5jb25zdCByZWd1bGFyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLVJlZ3VsYXIud29mZidcbmNvbnN0IHJlZ3VsYXIyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLVJlZ3VsYXIud29mZjInXG5jb25zdCBpdGFsaWMgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYnXG5jb25zdCBpdGFsaWMyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmJ1xuY29uc3QgYm9sZDIgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYnXG5jb25zdCBsaWdodDIgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtTGlnaHQud29mZjInXG5cbmltcG9ydCB7IHNhbml0aXplIH0gZnJvbSAnLi9zYW5pdGl6ZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgRm9udERlZmluaXRpb24gPSB7XG4gIGZvbnRGYW1pbHk6IHN0cmluZ1xuICB3b2ZmOiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmY6IHJlZ3VsYXIsIHdvZmYyOiByZWd1bGFyMiwgZm9udFdlaWdodDogNDAwIH0sXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiBpdGFsaWMsIHdvZmYyOiBpdGFsaWMyLCBmb250V2VpZ2h0OiA0MDAsIGZvbnRTdHlsZTogJ2l0YWxpYycgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmY6IGJvbGQsIHdvZmYyOiBib2xkMiwgZm9udFdlaWdodDogNzAwIH0sXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiBsaWdodCwgd29mZjI6IGxpZ2h0MiwgZm9udFdlaWdodDogMzAwIH0sXG5dXG5cbmZ1bmN0aW9uIGZvbnRGYWNlKHtcbiAgZm9udEZhbWlseSxcbiAgd29mZixcbiAgd29mZjIsXG4gIGZvbnRXZWlnaHQgPSA0MDAsXG4gIGZvbnRTdHlsZSA9ICdub3JtYWwnLFxuICBmb250RGlzcGxheSA9ICdmYWxsYmFjaycsXG59OiBGb250RGVmaW5pdGlvbikge1xuICByZXR1cm4gYFxuICBAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5fTtcbiAgICBzcmM6dXJsKCR7d29mZjJ9KSBmb3JtYXQoJ3dvZmYyJyksXG4gICAgICB1cmwoJHt3b2ZmfSkgZm9ybWF0KCd3b2ZmJyk7XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodH07XG4gICAgZm9udC1zdHlsZTogJHtmb250U3R5bGV9O1xuICAgIGZvbnQtZGlzcGxheTogJHtmb250RGlzcGxheX07XG4gIH1gXG59XG5cbmNvbnN0IGRmZHNGb250RmFjZVJ1bGVzID0gKCkgPT4ge1xuICByZXR1cm4gREZEU19GT05UUy5yZWR1Y2UoKHByZXYsIGN1cikgPT4gKHByZXYgKz0gZm9udEZhY2UoY3VyKSksICcnKVxufVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4ge1xuICBjb25zdCBmb250cyA9IGRmZHNGb250RmFjZVJ1bGVzKClcblxuICBjb25zdCBzdHlsZXMgPSBjc3NgXG4gICAgJHtzYW5pdGl6ZX1cbiAgICAke2ZvbnRzfVxuXG4gICAgaHRtbCB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAgIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7XG4gICAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gICAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgdGV4dC1zaXplLWFkanVzdDogMTAwJTtcbiAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogc2Nyb2xsYmFyO1xuICAgIH1cblxuICAgIGJvZHkge1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMHZoO1xuICAgIH1cblxuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgdGV4dC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuXG4gICAgLmpzLWZvY3VzLXZpc2libGUgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgIEFjY29yZGlvblxuICAgICAgT2sgZnJvbSBAZHVlIHRvIGFkZCBoZXJlLlxuICAgICAgQWNjb3JkaW9uIG9ubHkgc3R5bGUgdGhlbXNlbHZlcyBpbmRpdmlkdWFsbHkuIE5vdCBhcyBhIGdyb3VwLiBUaGVyZSBpcyBubyBhY2NvcmRpb24gY29udGFpbmVyLlxuICAgICovXG4gICAgLmFjY29yZGlvbi0taXMtY2xvc2VkICsgLmFjY29yZGlvbi0taXMtb3BlbiB7XG4gICAgICBtYXJnaW4tdG9wOiA4cHg7XG4gICAgfVxuICAgIC5hY2NvcmRpb24gKyAuYWNjb3JkaW9uIHtcbiAgICAgIC5hY2NvcmRpb25fX2RpdmlkZXIge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICB9XG4gICAgLmFjY29yZGlvbi0taXMtb3BlbiArIC5hY2NvcmRpb24tLWlzLWNsb3NlZCB7XG4gICAgICAuYWNjb3JkaW9uX19kaXZpZGVyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gICAgLmFjY29yZGlvbjpsYXN0LW9mLXR5cGUgLmFjY29yZGlvbl9fY29udGVudCB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIH1cbiAgICAuYWNjb3JkaW9uLWNzcy10cmFuc2l0aW9uIHtcbiAgICAgIC8qIEFjY29yZGlvbiBsaWJyYXJ5ICovXG4gICAgICB0cmFuc2l0aW9uOiBoZWlnaHQgMjYwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKTtcbiAgICB9XG5cbiAgICAubGF5b3V0IHtcbiAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgICAgIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgICAgIC1tcy1ncmlkLWNvbHVtbnM6IDFmcjtcbiAgICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gMWZyIGF1dG87XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gICAgICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAubGF5b3V0LWhlYWRlciB7XG4gICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgLW1zLWdyaWQtcm93OiAxO1xuICAgICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICAgICAgZ3JpZC1yb3c6IDE7XG4gICAgfVxuXG4gICAgLmxheW91dC1tYWluIHtcbiAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgICAtbXMtZ3JpZC1yb3c6IDI7XG4gICAgICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gICAgICBncmlkLXJvdzogMjtcbiAgICB9XG5cbiAgICAubGF5b3V0LWZvb3RlciB7XG4gICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgLW1zLWdyaWQtcm93OiAzO1xuICAgICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICAgICAgZ3JpZC1yb3c6IDM7XG4gICAgfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5bGVzfSAvPlxufVxuXG5leHBvcnQgY29uc3QgRGZkc0ZvbnRGYWNlID0gKCkgPT4ge1xuICBjb25zdCBzdHlsZXMgPSBjc3NgXG4gICAgJHtkZmRzRm9udEZhY2VSdWxlcygpfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5bGVzfSAvPlxufVxuIl19 */");
+  const styles = /*#__PURE__*/(0, _react2.css)(_sanitize.sanitize, " ", fonts, " html{margin:0;height:100%;width:100%;font-family:", _theme.theme.fontFamilies.display, ";color:", _theme.theme.colors.text.dark.primary, ";background-color:", _theme.theme.colors.surface.secondary, ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;text-size-adjust:100%;-ms-overflow-style:scrollbar;}body{margin:0;width:100%;height:100vh;}::selection{background-color:", _theme.theme.colors.secondary.main, ";color:#fff;text-shadow:none;}.js-focus-visible :focus:not([data-focus-visible-added]){outline:none;}/**\n      Accordion\n      Ok from @due to add here.\n      Accordion only style themselves individually. Not as a group. There is no accordion container.\n      FIXME: Should be able to remove these.\n    */.accordion--is-closed+.accordion--is-open{margin-top:8px;}.accordion+.accordion{.accordion__divider{display:block;}}.accordion--is-open+.accordion--is-closed{.accordion__divider{display:none;}}.accordion:last-of-type .accordion__content{margin-bottom:0;}.layout{display:-ms-grid;-ms-grid-rows:auto minmax(1fr, 100%) auto;-ms-grid-columns:1fr;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0, 1fr);min-height:100vh;height:100%;}.layout-header{-ms-grid-row:1;grid-row:1;}.layout-main{-ms-grid-row:2;grid-row:2;}.layout-footer{-ms-grid-row:3;grid-row:3;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1SZWd1bGFyLndvZmYnXG4vLyBpbXBvcnQgcmVndWxhcjIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuLy8gaW1wb3J0IGl0YWxpYyBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUl0YWxpYy53b2ZmJ1xuLy8gaW1wb3J0IGl0YWxpYzIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1JdGFsaWMud29mZjInXG4vLyBpbXBvcnQgYm9sZCBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUJvbGQud29mZidcbi8vIGltcG9ydCBib2xkMiBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUJvbGQud29mZjInXG4vLyBpbXBvcnQgbGlnaHQgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmJ1xuLy8gaW1wb3J0IGxpZ2h0MiBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5jb25zdCByZWd1bGFyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLVJlZ3VsYXIud29mZidcbmNvbnN0IHJlZ3VsYXIyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLVJlZ3VsYXIud29mZjInXG5jb25zdCBpdGFsaWMgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYnXG5jb25zdCBpdGFsaWMyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmJ1xuY29uc3QgYm9sZDIgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYnXG5jb25zdCBsaWdodDIgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtTGlnaHQud29mZjInXG5cbmltcG9ydCB7IHNhbml0aXplIH0gZnJvbSAnLi9zYW5pdGl6ZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgRm9udERlZmluaXRpb24gPSB7XG4gIGZvbnRGYW1pbHk6IHN0cmluZ1xuICB3b2ZmOiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmY6IHJlZ3VsYXIsIHdvZmYyOiByZWd1bGFyMiwgZm9udFdlaWdodDogNDAwIH0sXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiBpdGFsaWMsIHdvZmYyOiBpdGFsaWMyLCBmb250V2VpZ2h0OiA0MDAsIGZvbnRTdHlsZTogJ2l0YWxpYycgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmY6IGJvbGQsIHdvZmYyOiBib2xkMiwgZm9udFdlaWdodDogNzAwIH0sXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiBsaWdodCwgd29mZjI6IGxpZ2h0MiwgZm9udFdlaWdodDogMzAwIH0sXG5dXG5cbmZ1bmN0aW9uIGZvbnRGYWNlKHtcbiAgZm9udEZhbWlseSxcbiAgd29mZixcbiAgd29mZjIsXG4gIGZvbnRXZWlnaHQgPSA0MDAsXG4gIGZvbnRTdHlsZSA9ICdub3JtYWwnLFxuICBmb250RGlzcGxheSA9ICdmYWxsYmFjaycsXG59OiBGb250RGVmaW5pdGlvbikge1xuICByZXR1cm4gYFxuICBAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5fTtcbiAgICBzcmM6dXJsKCR7d29mZjJ9KSBmb3JtYXQoJ3dvZmYyJyksXG4gICAgICB1cmwoJHt3b2ZmfSkgZm9ybWF0KCd3b2ZmJyk7XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodH07XG4gICAgZm9udC1zdHlsZTogJHtmb250U3R5bGV9O1xuICAgIGZvbnQtZGlzcGxheTogJHtmb250RGlzcGxheX07XG4gIH1gXG59XG5cbmNvbnN0IGRmZHNGb250RmFjZVJ1bGVzID0gKCkgPT4ge1xuICByZXR1cm4gREZEU19GT05UUy5yZWR1Y2UoKHByZXYsIGN1cikgPT4gKHByZXYgKz0gZm9udEZhY2UoY3VyKSksICcnKVxufVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4ge1xuICBjb25zdCBmb250cyA9IGRmZHNGb250RmFjZVJ1bGVzKClcblxuICBjb25zdCBzdHlsZXMgPSBjc3NgXG4gICAgJHtzYW5pdGl6ZX1cbiAgICAke2ZvbnRzfVxuXG4gICAgaHRtbCB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAgIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7XG4gICAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gICAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgdGV4dC1zaXplLWFkanVzdDogMTAwJTtcbiAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogc2Nyb2xsYmFyO1xuICAgIH1cblxuICAgIGJvZHkge1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMHZoO1xuICAgIH1cblxuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgdGV4dC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuXG4gICAgLmpzLWZvY3VzLXZpc2libGUgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgIEFjY29yZGlvblxuICAgICAgT2sgZnJvbSBAZHVlIHRvIGFkZCBoZXJlLlxuICAgICAgQWNjb3JkaW9uIG9ubHkgc3R5bGUgdGhlbXNlbHZlcyBpbmRpdmlkdWFsbHkuIE5vdCBhcyBhIGdyb3VwLiBUaGVyZSBpcyBubyBhY2NvcmRpb24gY29udGFpbmVyLlxuICAgICAgRklYTUU6IFNob3VsZCBiZSBhYmxlIHRvIHJlbW92ZSB0aGVzZS5cbiAgICAqL1xuICAgIC5hY2NvcmRpb24tLWlzLWNsb3NlZCArIC5hY2NvcmRpb24tLWlzLW9wZW4ge1xuICAgICAgbWFyZ2luLXRvcDogOHB4O1xuICAgIH1cbiAgICAuYWNjb3JkaW9uICsgLmFjY29yZGlvbiB7XG4gICAgICAuYWNjb3JkaW9uX19kaXZpZGVyIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgfVxuICAgIC5hY2NvcmRpb24tLWlzLW9wZW4gKyAuYWNjb3JkaW9uLS1pcy1jbG9zZWQge1xuICAgICAgLmFjY29yZGlvbl9fZGl2aWRlciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICAgIC5hY2NvcmRpb246bGFzdC1vZi10eXBlIC5hY2NvcmRpb25fX2NvbnRlbnQge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG5cbiAgICAubGF5b3V0IHtcbiAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgICAgIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgICAgIC1tcy1ncmlkLWNvbHVtbnM6IDFmcjtcbiAgICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gMWZyIGF1dG87XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gICAgICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAubGF5b3V0LWhlYWRlciB7XG4gICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgLW1zLWdyaWQtcm93OiAxO1xuICAgICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICAgICAgZ3JpZC1yb3c6IDE7XG4gICAgfVxuXG4gICAgLmxheW91dC1tYWluIHtcbiAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgICAtbXMtZ3JpZC1yb3c6IDI7XG4gICAgICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gICAgICBncmlkLXJvdzogMjtcbiAgICB9XG5cbiAgICAubGF5b3V0LWZvb3RlciB7XG4gICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgLW1zLWdyaWQtcm93OiAzO1xuICAgICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICAgICAgZ3JpZC1yb3c6IDM7XG4gICAgfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5bGVzfSAvPlxufVxuXG5leHBvcnQgY29uc3QgRGZkc0ZvbnRGYWNlID0gKCkgPT4ge1xuICBjb25zdCBzdHlsZXMgPSBjc3NgXG4gICAgJHtkZmRzRm9udEZhY2VSdWxlcygpfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5bGVzfSAvPlxufVxuIl19 */");
   return (0, _react2.jsx)(_react2.Global, {
     styles: styles
   });
@@ -88,7 +88,7 @@ const GlobalStyles = () => {
 exports.GlobalStyles = GlobalStyles;
 
 const DfdsFontFace = () => {
-  const styles = /*#__PURE__*/(0, _react2.css)(dfdsFontFaceRules(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0tvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1SZWd1bGFyLndvZmYnXG4vLyBpbXBvcnQgcmVndWxhcjIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuLy8gaW1wb3J0IGl0YWxpYyBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUl0YWxpYy53b2ZmJ1xuLy8gaW1wb3J0IGl0YWxpYzIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1JdGFsaWMud29mZjInXG4vLyBpbXBvcnQgYm9sZCBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUJvbGQud29mZidcbi8vIGltcG9ydCBib2xkMiBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUJvbGQud29mZjInXG4vLyBpbXBvcnQgbGlnaHQgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmJ1xuLy8gaW1wb3J0IGxpZ2h0MiBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5jb25zdCByZWd1bGFyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLVJlZ3VsYXIud29mZidcbmNvbnN0IHJlZ3VsYXIyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLVJlZ3VsYXIud29mZjInXG5jb25zdCBpdGFsaWMgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYnXG5jb25zdCBpdGFsaWMyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmJ1xuY29uc3QgYm9sZDIgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYnXG5jb25zdCBsaWdodDIgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtTGlnaHQud29mZjInXG5cbmltcG9ydCB7IHNhbml0aXplIH0gZnJvbSAnLi9zYW5pdGl6ZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgRm9udERlZmluaXRpb24gPSB7XG4gIGZvbnRGYW1pbHk6IHN0cmluZ1xuICB3b2ZmOiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmY6IHJlZ3VsYXIsIHdvZmYyOiByZWd1bGFyMiwgZm9udFdlaWdodDogNDAwIH0sXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiBpdGFsaWMsIHdvZmYyOiBpdGFsaWMyLCBmb250V2VpZ2h0OiA0MDAsIGZvbnRTdHlsZTogJ2l0YWxpYycgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmY6IGJvbGQsIHdvZmYyOiBib2xkMiwgZm9udFdlaWdodDogNzAwIH0sXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiBsaWdodCwgd29mZjI6IGxpZ2h0MiwgZm9udFdlaWdodDogMzAwIH0sXG5dXG5cbmZ1bmN0aW9uIGZvbnRGYWNlKHtcbiAgZm9udEZhbWlseSxcbiAgd29mZixcbiAgd29mZjIsXG4gIGZvbnRXZWlnaHQgPSA0MDAsXG4gIGZvbnRTdHlsZSA9ICdub3JtYWwnLFxuICBmb250RGlzcGxheSA9ICdmYWxsYmFjaycsXG59OiBGb250RGVmaW5pdGlvbikge1xuICByZXR1cm4gYFxuICBAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5fTtcbiAgICBzcmM6dXJsKCR7d29mZjJ9KSBmb3JtYXQoJ3dvZmYyJyksXG4gICAgICB1cmwoJHt3b2ZmfSkgZm9ybWF0KCd3b2ZmJyk7XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodH07XG4gICAgZm9udC1zdHlsZTogJHtmb250U3R5bGV9O1xuICAgIGZvbnQtZGlzcGxheTogJHtmb250RGlzcGxheX07XG4gIH1gXG59XG5cbmNvbnN0IGRmZHNGb250RmFjZVJ1bGVzID0gKCkgPT4ge1xuICByZXR1cm4gREZEU19GT05UUy5yZWR1Y2UoKHByZXYsIGN1cikgPT4gKHByZXYgKz0gZm9udEZhY2UoY3VyKSksICcnKVxufVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4ge1xuICBjb25zdCBmb250cyA9IGRmZHNGb250RmFjZVJ1bGVzKClcblxuICBjb25zdCBzdHlsZXMgPSBjc3NgXG4gICAgJHtzYW5pdGl6ZX1cbiAgICAke2ZvbnRzfVxuXG4gICAgaHRtbCB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAgIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7XG4gICAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gICAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgdGV4dC1zaXplLWFkanVzdDogMTAwJTtcbiAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogc2Nyb2xsYmFyO1xuICAgIH1cblxuICAgIGJvZHkge1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMHZoO1xuICAgIH1cblxuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgdGV4dC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuXG4gICAgLmpzLWZvY3VzLXZpc2libGUgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgIEFjY29yZGlvblxuICAgICAgT2sgZnJvbSBAZHVlIHRvIGFkZCBoZXJlLlxuICAgICAgQWNjb3JkaW9uIG9ubHkgc3R5bGUgdGhlbXNlbHZlcyBpbmRpdmlkdWFsbHkuIE5vdCBhcyBhIGdyb3VwLiBUaGVyZSBpcyBubyBhY2NvcmRpb24gY29udGFpbmVyLlxuICAgICovXG4gICAgLmFjY29yZGlvbi0taXMtY2xvc2VkICsgLmFjY29yZGlvbi0taXMtb3BlbiB7XG4gICAgICBtYXJnaW4tdG9wOiA4cHg7XG4gICAgfVxuICAgIC5hY2NvcmRpb24gKyAuYWNjb3JkaW9uIHtcbiAgICAgIC5hY2NvcmRpb25fX2RpdmlkZXIge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICB9XG4gICAgLmFjY29yZGlvbi0taXMtb3BlbiArIC5hY2NvcmRpb24tLWlzLWNsb3NlZCB7XG4gICAgICAuYWNjb3JkaW9uX19kaXZpZGVyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gICAgLmFjY29yZGlvbjpsYXN0LW9mLXR5cGUgLmFjY29yZGlvbl9fY29udGVudCB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIH1cbiAgICAuYWNjb3JkaW9uLWNzcy10cmFuc2l0aW9uIHtcbiAgICAgIC8qIEFjY29yZGlvbiBsaWJyYXJ5ICovXG4gICAgICB0cmFuc2l0aW9uOiBoZWlnaHQgMjYwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKTtcbiAgICB9XG5cbiAgICAubGF5b3V0IHtcbiAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgICAgIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgICAgIC1tcy1ncmlkLWNvbHVtbnM6IDFmcjtcbiAgICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gMWZyIGF1dG87XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gICAgICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAubGF5b3V0LWhlYWRlciB7XG4gICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgLW1zLWdyaWQtcm93OiAxO1xuICAgICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICAgICAgZ3JpZC1yb3c6IDE7XG4gICAgfVxuXG4gICAgLmxheW91dC1tYWluIHtcbiAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgICAtbXMtZ3JpZC1yb3c6IDI7XG4gICAgICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gICAgICBncmlkLXJvdzogMjtcbiAgICB9XG5cbiAgICAubGF5b3V0LWZvb3RlciB7XG4gICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgLW1zLWdyaWQtcm93OiAzO1xuICAgICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICAgICAgZ3JpZC1yb3c6IDM7XG4gICAgfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5bGVzfSAvPlxufVxuXG5leHBvcnQgY29uc3QgRGZkc0ZvbnRGYWNlID0gKCkgPT4ge1xuICBjb25zdCBzdHlsZXMgPSBjc3NgXG4gICAgJHtkZmRzRm9udEZhY2VSdWxlcygpfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5bGVzfSAvPlxufVxuIl19 */");
+  const styles = /*#__PURE__*/(0, _react2.css)(dfdsFontFaceRules(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUtvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1SZWd1bGFyLndvZmYnXG4vLyBpbXBvcnQgcmVndWxhcjIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuLy8gaW1wb3J0IGl0YWxpYyBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUl0YWxpYy53b2ZmJ1xuLy8gaW1wb3J0IGl0YWxpYzIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1JdGFsaWMud29mZjInXG4vLyBpbXBvcnQgYm9sZCBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUJvbGQud29mZidcbi8vIGltcG9ydCBib2xkMiBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUJvbGQud29mZjInXG4vLyBpbXBvcnQgbGlnaHQgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmJ1xuLy8gaW1wb3J0IGxpZ2h0MiBmcm9tICdAZGZkcy11aS9mb250cy9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5jb25zdCByZWd1bGFyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLVJlZ3VsYXIud29mZidcbmNvbnN0IHJlZ3VsYXIyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLVJlZ3VsYXIud29mZjInXG5jb25zdCBpdGFsaWMgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYnXG5jb25zdCBpdGFsaWMyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmJ1xuY29uc3QgYm9sZDIgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYnXG5jb25zdCBsaWdodDIgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtTGlnaHQud29mZjInXG5cbmltcG9ydCB7IHNhbml0aXplIH0gZnJvbSAnLi9zYW5pdGl6ZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgRm9udERlZmluaXRpb24gPSB7XG4gIGZvbnRGYW1pbHk6IHN0cmluZ1xuICB3b2ZmOiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmY6IHJlZ3VsYXIsIHdvZmYyOiByZWd1bGFyMiwgZm9udFdlaWdodDogNDAwIH0sXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiBpdGFsaWMsIHdvZmYyOiBpdGFsaWMyLCBmb250V2VpZ2h0OiA0MDAsIGZvbnRTdHlsZTogJ2l0YWxpYycgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmY6IGJvbGQsIHdvZmYyOiBib2xkMiwgZm9udFdlaWdodDogNzAwIH0sXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiBsaWdodCwgd29mZjI6IGxpZ2h0MiwgZm9udFdlaWdodDogMzAwIH0sXG5dXG5cbmZ1bmN0aW9uIGZvbnRGYWNlKHtcbiAgZm9udEZhbWlseSxcbiAgd29mZixcbiAgd29mZjIsXG4gIGZvbnRXZWlnaHQgPSA0MDAsXG4gIGZvbnRTdHlsZSA9ICdub3JtYWwnLFxuICBmb250RGlzcGxheSA9ICdmYWxsYmFjaycsXG59OiBGb250RGVmaW5pdGlvbikge1xuICByZXR1cm4gYFxuICBAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5fTtcbiAgICBzcmM6dXJsKCR7d29mZjJ9KSBmb3JtYXQoJ3dvZmYyJyksXG4gICAgICB1cmwoJHt3b2ZmfSkgZm9ybWF0KCd3b2ZmJyk7XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodH07XG4gICAgZm9udC1zdHlsZTogJHtmb250U3R5bGV9O1xuICAgIGZvbnQtZGlzcGxheTogJHtmb250RGlzcGxheX07XG4gIH1gXG59XG5cbmNvbnN0IGRmZHNGb250RmFjZVJ1bGVzID0gKCkgPT4ge1xuICByZXR1cm4gREZEU19GT05UUy5yZWR1Y2UoKHByZXYsIGN1cikgPT4gKHByZXYgKz0gZm9udEZhY2UoY3VyKSksICcnKVxufVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4ge1xuICBjb25zdCBmb250cyA9IGRmZHNGb250RmFjZVJ1bGVzKClcblxuICBjb25zdCBzdHlsZXMgPSBjc3NgXG4gICAgJHtzYW5pdGl6ZX1cbiAgICAke2ZvbnRzfVxuXG4gICAgaHRtbCB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAgIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7XG4gICAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gICAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgdGV4dC1zaXplLWFkanVzdDogMTAwJTtcbiAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogc2Nyb2xsYmFyO1xuICAgIH1cblxuICAgIGJvZHkge1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMHZoO1xuICAgIH1cblxuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgdGV4dC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuXG4gICAgLmpzLWZvY3VzLXZpc2libGUgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgIEFjY29yZGlvblxuICAgICAgT2sgZnJvbSBAZHVlIHRvIGFkZCBoZXJlLlxuICAgICAgQWNjb3JkaW9uIG9ubHkgc3R5bGUgdGhlbXNlbHZlcyBpbmRpdmlkdWFsbHkuIE5vdCBhcyBhIGdyb3VwLiBUaGVyZSBpcyBubyBhY2NvcmRpb24gY29udGFpbmVyLlxuICAgICAgRklYTUU6IFNob3VsZCBiZSBhYmxlIHRvIHJlbW92ZSB0aGVzZS5cbiAgICAqL1xuICAgIC5hY2NvcmRpb24tLWlzLWNsb3NlZCArIC5hY2NvcmRpb24tLWlzLW9wZW4ge1xuICAgICAgbWFyZ2luLXRvcDogOHB4O1xuICAgIH1cbiAgICAuYWNjb3JkaW9uICsgLmFjY29yZGlvbiB7XG4gICAgICAuYWNjb3JkaW9uX19kaXZpZGVyIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgfVxuICAgIC5hY2NvcmRpb24tLWlzLW9wZW4gKyAuYWNjb3JkaW9uLS1pcy1jbG9zZWQge1xuICAgICAgLmFjY29yZGlvbl9fZGl2aWRlciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICAgIC5hY2NvcmRpb246bGFzdC1vZi10eXBlIC5hY2NvcmRpb25fX2NvbnRlbnQge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG5cbiAgICAubGF5b3V0IHtcbiAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgICAgIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgICAgIC1tcy1ncmlkLWNvbHVtbnM6IDFmcjtcbiAgICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gMWZyIGF1dG87XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gICAgICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAubGF5b3V0LWhlYWRlciB7XG4gICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgLW1zLWdyaWQtcm93OiAxO1xuICAgICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICAgICAgZ3JpZC1yb3c6IDE7XG4gICAgfVxuXG4gICAgLmxheW91dC1tYWluIHtcbiAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgICAtbXMtZ3JpZC1yb3c6IDI7XG4gICAgICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gICAgICBncmlkLXJvdzogMjtcbiAgICB9XG5cbiAgICAubGF5b3V0LWZvb3RlciB7XG4gICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgLW1zLWdyaWQtcm93OiAzO1xuICAgICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICAgICAgZ3JpZC1yb3c6IDM7XG4gICAgfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5bGVzfSAvPlxufVxuXG5leHBvcnQgY29uc3QgRGZkc0ZvbnRGYWNlID0gKCkgPT4ge1xuICBjb25zdCBzdHlsZXMgPSBjc3NgXG4gICAgJHtkZmRzRm9udEZhY2VSdWxlcygpfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5bGVzfSAvPlxufVxuIl19 */");
   return (0, _react2.jsx)(_react2.Global, {
     styles: styles
   });

package/cjs/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/cjs/spinner/Spinner.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.Spinner = Spinner;
 exports.default = exports.CenteredSpinner = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
@@ -15,7 +16,7 @@ var _icons = require("@dfds-ui/icons");
 
 var _theme = require("@dfds-ui/theme");
 
-const _excluded = ["instant", "size", "className", "color"];
+const _excluded = ["instant", "size", "className", "color", "as"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -65,13 +66,16 @@ const InstantSpinner = ( /*#__PURE__*/0, _base.default)(_icons.SvgAnimatedSpinne
   }
 
   return delays;
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0geyBpbnN0YW50PzogYm9vbGVhbjsgc2l6ZT86IHN0cmluZzsgY2xhc3NOYW1lPzogc3RyaW5nOyBjb2xvcj86IENvbG9yIH1cblxuY29uc3QgcGF0aHMgPSA4XG5jb25zdCBkdXJhdGlvbiA9IDAuOFxuY29uc3QgZGVsYXkgPSBkdXJhdGlvbiAvIHBhdGhzXG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogLjI1O1xuICB9XG5gXG5cbmNvbnN0IGZhZGUgPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICBgXG5cbmNvbnN0IEluc3RhbnRTcGlubmVyID0gc3R5bGVkKFN2Z0FuaW1hdGVkU3Bpbm5lcik8eyBzaXplPzogc3RyaW5nIH0+YFxuICB3aWR0aDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuICBoZWlnaHQ6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcblxuICBwYXRoIHtcbiAgICBhbmltYXRpb246ICR7c3Bpbn0gJHtkdXJhdGlvbn1zIGluZmluaXRlO1xuXG4gICAgJHsoKSA9PiB7XG4gICAgICBsZXQgZGVsYXlzID0gYGBcbiAgICAgIGZvciAobGV0IGkgPSAxOyBpIDwgcGF0aHM7IGkrKykge1xuICAgICAgICBkZWxheXMgKz0gYFxuICAgICAgICAgICY6bnRoLW9mLXR5cGUoJHtpfSkge1xuICAgICAgICAgICAgb3BhY2l0eTogJHsxLjA1IC0gaSAvIHBhdGhzfTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheSAqIGl9cztcbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHJldHVybiBkZWxheXNcbiAgICB9fVxuICB9XG5gXG5cbmNvbnN0IEZhZGVkU3Bpbm5lciA9IHN0eWxlZChJbnN0YW50U3Bpbm5lcilgXG4gIG9wYWNpdHk6IDA7XG4gIGFuaW1hdGlvbjogJHtmYWRlfSAycyBlYXNlIDAuNnMgZm9yd2FyZHM7XG5gXG5cbmZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBjb2xvcjogJHtjb2xvclBpY2tlcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN2ZyB3aWR0aD17MzJ9IGhlaWdodD17MzJ9IHZpZXdCb3g9XCIwIDAgMzIgMzJcIiBzaXplPXtzaXplfSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cblNwaW5uZXIuZGlzcGxheU5hbWUgPSAnU3Bpbm5lcidcblxuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */"));
 const FadedSpinner = ( /*#__PURE__*/0, _base.default)(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEMkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0geyBpbnN0YW50PzogYm9vbGVhbjsgc2l6ZT86IHN0cmluZzsgY2xhc3NOYW1lPzogc3RyaW5nOyBjb2xvcj86IENvbG9yIH1cblxuY29uc3QgcGF0aHMgPSA4XG5jb25zdCBkdXJhdGlvbiA9IDAuOFxuY29uc3QgZGVsYXkgPSBkdXJhdGlvbiAvIHBhdGhzXG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogLjI1O1xuICB9XG5gXG5cbmNvbnN0IGZhZGUgPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICBgXG5cbmNvbnN0IEluc3RhbnRTcGlubmVyID0gc3R5bGVkKFN2Z0FuaW1hdGVkU3Bpbm5lcik8eyBzaXplPzogc3RyaW5nIH0+YFxuICB3aWR0aDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuICBoZWlnaHQ6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcblxuICBwYXRoIHtcbiAgICBhbmltYXRpb246ICR7c3Bpbn0gJHtkdXJhdGlvbn1zIGluZmluaXRlO1xuXG4gICAgJHsoKSA9PiB7XG4gICAgICBsZXQgZGVsYXlzID0gYGBcbiAgICAgIGZvciAobGV0IGkgPSAxOyBpIDwgcGF0aHM7IGkrKykge1xuICAgICAgICBkZWxheXMgKz0gYFxuICAgICAgICAgICY6bnRoLW9mLXR5cGUoJHtpfSkge1xuICAgICAgICAgICAgb3BhY2l0eTogJHsxLjA1IC0gaSAvIHBhdGhzfTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheSAqIGl9cztcbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHJldHVybiBkZWxheXNcbiAgICB9fVxuICB9XG5gXG5cbmNvbnN0IEZhZGVkU3Bpbm5lciA9IHN0eWxlZChJbnN0YW50U3Bpbm5lcilgXG4gIG9wYWNpdHk6IDA7XG4gIGFuaW1hdGlvbjogJHtmYWRlfSAycyBlYXNlIDAuNnMgZm9yd2FyZHM7XG5gXG5cbmZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBjb2xvcjogJHtjb2xvclBpY2tlcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN2ZyB3aWR0aD17MzJ9IGhlaWdodD17MzJ9IHZpZXdCb3g9XCIwIDAgMzIgMzJcIiBzaXplPXtzaXplfSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cblNwaW5uZXIuZGlzcGxheU5hbWUgPSAnU3Bpbm5lcidcblxuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */"));
+})("opacity:0;animation:", fade, " 2s ease 0.6s forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFMkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/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) {
   let instant = _ref.instant,
@@ -79,13 +83,16 @@ function Spinner(_ref) {
       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);
 
   const Svg = instant ? InstantSpinner : FadedSpinner;
   const colorPicker = color == 'dark' ? _theme.theme.colors.primary.main : color == 'light' ? _theme.theme.colors.surface.primary : _theme.theme.colors.secondary.main;
-  return (0, _react2.jsx)("div", _extends({
+  const Component = as;
+  return (0, _react2.jsx)(Component, _extends({
     className: className,
-    css: /*#__PURE__*/(0, _react2.css)("color:", colorPicker, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Spinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN2Z0FuaW1hdGVkU3Bpbm5lciB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBDb2xvciA9ICdkYXJrJyB8ICdzZWNvbmRhcnknIHwgJ2xpZ2h0J1xuXG5leHBvcnQgdHlwZSBTcGlubmVyUHJvcHMgPSB7IGluc3RhbnQ/OiBib29sZWFuOyBzaXplPzogc3RyaW5nOyBjbGFzc05hbWU/OiBzdHJpbmc7IGNvbG9yPzogQ29sb3IgfVxuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuZnVuY3Rpb24gU3Bpbm5lcih7IGluc3RhbnQsIHNpemUsIGNsYXNzTmFtZSwgY29sb3IgPSAnZGFyaycsIC4uLnJlc3QgfTogU3Bpbm5lclByb3BzKSB7XG4gIGNvbnN0IFN2ZyA9IGluc3RhbnQgPyBJbnN0YW50U3Bpbm5lciA6IEZhZGVkU3Bpbm5lclxuICBjb25zdCBjb2xvclBpY2tlciA9XG4gICAgY29sb3IgPT0gJ2RhcmsnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW5cbiAgICAgIDogY29sb3IgPT0gJ2xpZ2h0J1xuICAgICAgPyB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5XG4gICAgICA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG5leHBvcnQgY29uc3QgQ2VudGVyZWRTcGlubmVyID0gc3R5bGVkKFNwaW5uZXIpYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDUwJTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuYFxuXG5leHBvcnQgZGVmYXVsdCBTcGlubmVyXG4iXX0= */")
+    css: /*#__PURE__*/(0, _react2.css)("color:", colorPicker, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Spinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN2Z0FuaW1hdGVkU3Bpbm5lciB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMgfSBmcm9tICcuLi9jb21tb24vcG9seW1vcnBoaWMnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0ge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgU3Bpbm5lciB3aWxsIHNob3cgdXAgaW5zdGFudGFuZW91c2x5IChpbnN0ZWFkIG9mIGZhZGluZyBpbikuXG4gICAqXG4gICAqL1xuICBpbnN0YW50PzogYm9vbGVhblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBzaXplIG9mIHRoZSBTcGlubmVyLlxuICAgKlxuICAgKiBAZGVwcmVjYXRlZCBVc2UgY3NzIGluc3RlYWQuXG4gICAqL1xuICBzaXplPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogU2V0IHRoZSBjb2xvciB2YXJpYW50IHRvIHVzZS5cbiAgICovXG4gIGNvbG9yPzogQ29sb3Jcbn0gJiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzXG5cbmNvbnN0IHBhdGhzID0gOFxuY29uc3QgZHVyYXRpb24gPSAwLjhcbmNvbnN0IGRlbGF5ID0gZHVyYXRpb24gLyBwYXRoc1xuXG5jb25zdCBzcGluID0ga2V5ZnJhbWVzYFxuICAwJSwgMjUlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IC4yNTtcbiAgfVxuYFxuXG5jb25zdCBmYWRlID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgYFxuXG5jb25zdCBJbnN0YW50U3Bpbm5lciA9IHN0eWxlZChTdmdBbmltYXRlZFNwaW5uZXIpPHsgc2l6ZT86IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcbiAgaGVpZ2h0OiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG5cbiAgcGF0aCB7XG4gICAgYW5pbWF0aW9uOiAke3NwaW59ICR7ZHVyYXRpb259cyBpbmZpbml0ZTtcblxuICAgICR7KCkgPT4ge1xuICAgICAgbGV0IGRlbGF5cyA9IGBgXG4gICAgICBmb3IgKGxldCBpID0gMTsgaSA8IHBhdGhzOyBpKyspIHtcbiAgICAgICAgZGVsYXlzICs9IGBcbiAgICAgICAgICAmOm50aC1vZi10eXBlKCR7aX0pIHtcbiAgICAgICAgICAgIG9wYWNpdHk6ICR7MS4wNSAtIGkgLyBwYXRoc307XG4gICAgICAgICAgICBhbmltYXRpb24tZGVsYXk6ICR7ZGVsYXkgKiBpfXM7XG4gICAgICAgICAgfVxuICAgICAgICBgXG4gICAgICB9XG4gICAgICByZXR1cm4gZGVsYXlzXG4gICAgfX1cbiAgfVxuYFxuXG5jb25zdCBGYWRlZFNwaW5uZXIgPSBzdHlsZWQoSW5zdGFudFNwaW5uZXIpYFxuICBvcGFjaXR5OiAwO1xuICBhbmltYXRpb246ICR7ZmFkZX0gMnMgZWFzZSAwLjZzIGZvcndhcmRzO1xuYFxuXG4vKipcbiAqIEEgc3Bpbm5lciBpcyB1c2VkIHRvIGdpdmUgdXNlciBhIHNlbnNlIG9mIHByb2dyZXNzLCB3aGVuIHRoZSB0aW1lIHJlcXVpcmVkIHRvIGNvbXBsZXRlIHRoZSBnaXZlbiB0YXNrIGlzIG5vdCBrbm93bi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cblxuICBjb25zdCBDb21wb25lbnQgPSBhc1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgY29sb3I6ICR7Y29sb3JQaWNrZXJ9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxTdmcgd2lkdGg9ezMyfSBoZWlnaHQ9ezMyfSB2aWV3Qm94PVwiMCAwIDMyIDMyXCIgc2l6ZT17c2l6ZX0gLz5cbiAgICA8L0NvbXBvbmVudD5cbiAgKVxufVxuXG5TcGlubmVyLmRpc3BsYXlOYW1lID0gJ1NwaW5uZXInXG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgU3R5bGUgdGhlIHJlZ3VsYXIgc3Bpbm5lciB0byBhY2hpZXZlIHRoZSBkZXNpcmVkIGVmZmVjdC5cbiAqL1xuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */")
   }, rest), (0, _react2.jsx)(Svg, {
     width: 32,
     height: 32,
@@ -95,6 +102,10 @@ function Spinner(_ref) {
 }
 
 Spinner.displayName = 'Spinner';
+/**
+ * @deprecated Style the regular spinner to achieve the desired effect.
+ */
+
 const CenteredSpinner = ( /*#__PURE__*/0, _base.default)(Spinner, process.env.NODE_ENV === "production" ? {
   target: "e1ehxkae0"
 } : {
@@ -106,7 +117,7 @@ const CenteredSpinner = ( /*#__PURE__*/0, _base.default)(Spinner, process.env.NO
 } : {
   name: "ejpnc6",
   styles: "position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1GOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0geyBpbnN0YW50PzogYm9vbGVhbjsgc2l6ZT86IHN0cmluZzsgY2xhc3NOYW1lPzogc3RyaW5nOyBjb2xvcj86IENvbG9yIH1cblxuY29uc3QgcGF0aHMgPSA4XG5jb25zdCBkdXJhdGlvbiA9IDAuOFxuY29uc3QgZGVsYXkgPSBkdXJhdGlvbiAvIHBhdGhzXG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogLjI1O1xuICB9XG5gXG5cbmNvbnN0IGZhZGUgPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICBgXG5cbmNvbnN0IEluc3RhbnRTcGlubmVyID0gc3R5bGVkKFN2Z0FuaW1hdGVkU3Bpbm5lcik8eyBzaXplPzogc3RyaW5nIH0+YFxuICB3aWR0aDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuICBoZWlnaHQ6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcblxuICBwYXRoIHtcbiAgICBhbmltYXRpb246ICR7c3Bpbn0gJHtkdXJhdGlvbn1zIGluZmluaXRlO1xuXG4gICAgJHsoKSA9PiB7XG4gICAgICBsZXQgZGVsYXlzID0gYGBcbiAgICAgIGZvciAobGV0IGkgPSAxOyBpIDwgcGF0aHM7IGkrKykge1xuICAgICAgICBkZWxheXMgKz0gYFxuICAgICAgICAgICY6bnRoLW9mLXR5cGUoJHtpfSkge1xuICAgICAgICAgICAgb3BhY2l0eTogJHsxLjA1IC0gaSAvIHBhdGhzfTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheSAqIGl9cztcbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHJldHVybiBkZWxheXNcbiAgICB9fVxuICB9XG5gXG5cbmNvbnN0IEZhZGVkU3Bpbm5lciA9IHN0eWxlZChJbnN0YW50U3Bpbm5lcilgXG4gIG9wYWNpdHk6IDA7XG4gIGFuaW1hdGlvbjogJHtmYWRlfSAycyBlYXNlIDAuNnMgZm9yd2FyZHM7XG5gXG5cbmZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBjb2xvcjogJHtjb2xvclBpY2tlcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN2ZyB3aWR0aD17MzJ9IGhlaWdodD17MzJ9IHZpZXdCb3g9XCIwIDAgMzIgMzJcIiBzaXplPXtzaXplfSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cblNwaW5uZXIuZGlzcGxheU5hbWUgPSAnU3Bpbm5lcidcblxuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.CenteredSpinner = CenteredSpinner;

package/cjs/spinner/index.d.ts

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

package/cjs/spinner/index.js

@@ -3,21 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  Spinner: true
-};
-Object.defineProperty(exports, "Spinner", {
-  enumerable: true,
-  get: function get() {
-    return _Spinner.default;
-  }
-});
 
-var _Spinner = _interopRequireWildcard(require("./Spinner"));
+var _Spinner = require("./Spinner");
 
 Object.keys(_Spinner).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Spinner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -25,8 +15,4 @@ Object.keys(_Spinner).forEach(function (key) {
       return _Spinner[key];
     }
   });
-});
-
-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 _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/cjs/table/Table.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
 export declare type TableProps = {
     /**
      * Table content
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Enables interaction effect on table rows
      */
@@ -12,11 +12,11 @@ export declare type TableProps = {
      * Makes table header sticky when scrolling (no IE 11 support)
      */
     isHeaderSticky?: boolean;
-};
+} & ComponentPropsWithRef<'table'>;
 export declare type TableContextProps = {
     isInteractive: boolean;
     isHeaderSticky: boolean;
 };
 export declare const useTable: () => TableContextProps;
-export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export declare const Table: React.ForwardRefExoticComponent<Pick<TableProps, "key" | "css" | keyof React.TableHTMLAttributes<HTMLTableElement> | "isHeaderSticky" | "isInteractive"> & React.RefAttributes<HTMLTableElement>>;
 export default Table;

package/cjs/table/Table.js

@@ -23,13 +23,13 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-const TableContext = /*#__PURE__*/_react.default.createContext({
+const TableContext = /*#__PURE__*/(0, _react.createContext)({
   isInteractive: false,
   isHeaderSticky: false
 });
 
 const useTable = () => {
-  const context = _react.default.useContext(TableContext);
+  const context = (0, _react.useContext)(TableContext);
 
   if (context === undefined) {
     throw new Error('TableContext must be used inside of a TableContext provider');
@@ -39,7 +39,7 @@ const useTable = () => {
 };
 
 exports.useTable = useTable;
-const tableStyle = /*#__PURE__*/(0, _react2.css)("background:", _theme.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgVGFibGVQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIEVuYWJsZXMgaW50ZXJhY3Rpb24gZWZmZWN0IG9uIHRhYmxlIHJvd3NcbiAgICovXG4gIGlzSW50ZXJhY3RpdmU/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIE1ha2VzIHRhYmxlIGhlYWRlciBzdGlja3kgd2hlbiBzY3JvbGxpbmcgKG5vIElFIDExIHN1cHBvcnQpXG4gICAqL1xuICBpc0hlYWRlclN0aWNreT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IHR5cGUgVGFibGVDb250ZXh0UHJvcHMgPSB7XG4gIGlzSW50ZXJhY3RpdmU6IGJvb2xlYW5cbiAgaXNIZWFkZXJTdGlja3k6IGJvb2xlYW5cbn1cblxuY29uc3QgVGFibGVDb250ZXh0ID0gUmVhY3QuY3JlYXRlQ29udGV4dDxUYWJsZUNvbnRleHRQcm9wcz4oe1xuICBpc0ludGVyYWN0aXZlOiBmYWxzZSxcbiAgaXNIZWFkZXJTdGlja3k6IGZhbHNlLFxufSlcblxuZXhwb3J0IGNvbnN0IHVzZVRhYmxlID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChUYWJsZUNvbnRleHQpXG5cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHRocm93IG5ldyBFcnJvcignVGFibGVDb250ZXh0IG11c3QgYmUgdXNlZCBpbnNpZGUgb2YgYSBUYWJsZUNvbnRleHQgcHJvdmlkZXInKVxuICB9XG5cbiAgcmV0dXJuIGNvbnRleHRcbn1cblxuY29uc3QgdGFibGVTdHlsZSA9IGNzc2BcbiAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGUgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+KFxuICAoeyBjaGlsZHJlbiwgaXNIZWFkZXJTdGlja3kgPSBmYWxzZSwgaXNJbnRlcmFjdGl2ZSA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGFibGUgY3NzPXt0YWJsZVN0eWxlfSB7Li4ucmVzdH0gcmVmPXtyZWZ9PlxuICAgICAgICA8VGFibGVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IGlzSW50ZXJhY3RpdmUsIGlzSGVhZGVyU3RpY2t5IH19PntjaGlsZHJlbn08L1RhYmxlQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgIDwvdGFibGU+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlXG4iXX0= */");
+const tableStyle = /*#__PURE__*/(0, _react2.css)("background:", _theme.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgY3JlYXRlQ29udGV4dCwgZm9yd2FyZFJlZiwgUmVhY3ROb2RlLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGludGVyYWN0aW9uIGVmZmVjdCBvbiB0YWJsZSByb3dzXG4gICAqL1xuICBpc0ludGVyYWN0aXZlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlcyB0YWJsZSBoZWFkZXIgc3RpY2t5IHdoZW4gc2Nyb2xsaW5nIChubyBJRSAxMSBzdXBwb3J0KVxuICAgKi9cbiAgaXNIZWFkZXJTdGlja3k/OiBib29sZWFuXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0YWJsZSc+XG5cbmV4cG9ydCB0eXBlIFRhYmxlQ29udGV4dFByb3BzID0ge1xuICBpc0ludGVyYWN0aXZlOiBib29sZWFuXG4gIGlzSGVhZGVyU3RpY2t5OiBib29sZWFuXG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGFibGVDb250ZXh0UHJvcHM+KHtcbiAgaXNJbnRlcmFjdGl2ZTogZmFsc2UsXG4gIGlzSGVhZGVyU3RpY2t5OiBmYWxzZSxcbn0pXG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZSA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KVxuXG4gIGlmIChjb250ZXh0ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RhYmxlQ29udGV4dCBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIGEgVGFibGVDb250ZXh0IHByb3ZpZGVyJylcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0XG59XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBUYWJsZVByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGlzSGVhZGVyU3RpY2t5ID0gZmFsc2UsIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSwgLi4ucmVzdCB9OiBUYWJsZVByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpc0ludGVyYWN0aXZlLCBpc0hlYWRlclN0aWNreSB9fT57Y2hpbGRyZW59PC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgICA8L3RhYmxlPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVxuIl19 */");
 const Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let children = _ref.children,
       _ref$isHeaderSticky = _ref.isHeaderSticky,

package/cjs/table/TableBody.d.ts

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

package/cjs/table/TableDataCell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
 import { Alignment } from './TableHeaderCell';
 export declare type TableDataCellProps = {
     /**
@@ -8,7 +8,7 @@ export declare type TableDataCellProps = {
     /**
      * Table cell content
      */
-    children: React.ReactNode;
-};
-export declare const TableDataCell: React.ForwardRefExoticComponent<TableDataCellProps & React.RefAttributes<HTMLTableDataCellElement>>;
+    children: ReactNode;
+} & ComponentPropsWithRef<'td'>;
+export declare const TableDataCell: React.ForwardRefExoticComponent<Pick<TableDataCellProps, "key" | "css" | keyof React.TdHTMLAttributes<HTMLTableDataCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
 export default TableDataCell;

package/cjs/table/TableDataCell.js

@@ -27,7 +27,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-const tableDataCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)((0, _TableHeaderCell.getTableCellStyle)(align), " color:", _theme.theme.colors.text.dark.primary, ";", _typography.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEFsaWdubWVudCwgZ2V0VGFibGVDZWxsU3R5bGUgfSBmcm9tICcuL1RhYmxlSGVhZGVyQ2VsbCdcblxuZXhwb3J0IHR5cGUgVGFibGVEYXRhQ2VsbFByb3BzID0ge1xuICAvKipcbiAgICogU2V0cyBhbGlnbm1lbnQgZm9yIHRoZSBjb250ZW50IGluIHRoZSB0YWdcbiAgICovXG4gIGFsaWduPzogQWxpZ25tZW50XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNlbGwgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB0YWJsZURhdGFDZWxsU3R5bGUgPSAoYWxpZ246IEFsaWdubWVudCA9ICdsZWZ0JykgPT4gY3NzYFxuICAke2dldFRhYmxlQ2VsbFN0eWxlKGFsaWduKX1cbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHl9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlRGF0YUNlbGwgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZURhdGFDZWxsRWxlbWVudCwgVGFibGVEYXRhQ2VsbFByb3BzPihcbiAgKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90ZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
+const tableDataCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)((0, _TableHeaderCell.getTableCellStyle)(align), " color:", _theme.theme.colors.text.dark.primary, ";", _typography.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBBbGlnbm1lbnQsIGdldFRhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi9UYWJsZUhlYWRlckNlbGwnXG5cbmV4cG9ydCB0eXBlIFRhYmxlRGF0YUNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J3RkJz5cblxuY29uc3QgdGFibGVEYXRhQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICR7dHlwb2dyYXBoeS5ib2R5fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZURhdGFDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVEYXRhQ2VsbFByb3BzPihcbiAgKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90ZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
 
 const TableDataCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let _ref$align = _ref.align,

package/cjs/table/TableHead.d.ts

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

package/cjs/table/TableHead.js

@@ -30,7 +30,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 const ClassName = {
   IS_STICKY: 'is-sticky'
 };
-const tableHeadStyle = /*#__PURE__*/(0, _react2.css)("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IHVzZVRhYmxlIH0gZnJvbSAnLi9UYWJsZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIGhlYWRlciBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIENsYXNzZXMgYXBwbGllZCBvbiB0aGUgdGhlYWQgdGFnXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2xhc3NOYW1lID0ge1xuICBJU19TVElDS1k6ICdpcy1zdGlja3knLFxufVxuXG5leHBvcnQgY29uc3QgdGFibGVIZWFkU3R5bGUgPSBjc3NgXG4gICYuJHtDbGFzc05hbWUuSVNfU1RJQ0tZfSB0aCB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB0b3A6IDA7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZCA9IGZvcndhcmRSZWY8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQsIFRhYmxlSGVhZFByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgLi4ucmVzdCB9OiBUYWJsZUhlYWRQcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3QgeyBpc0hlYWRlclN0aWNreSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0aGVhZFxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TVElDS1ldOiBpc0hlYWRlclN0aWNreSxcbiAgICAgICAgfSl9XG4gICAgICAgIGNzcz17dGFibGVIZWFkU3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90aGVhZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVIZWFkXG4iXX0= */");
+const tableHeadStyle = /*#__PURE__*/(0, _react2.css)("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBoZWFkZXIgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRoZWFkIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aGVhZCc+XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfU1RJQ0tZOiAnaXMtc3RpY2t5Jyxcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZFN0eWxlID0gY3NzYFxuICAmLiR7Q2xhc3NOYW1lLklTX1NUSUNLWX0gdGgge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWQgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50LCBUYWJsZUhlYWRQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogVGFibGVIZWFkUHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNIZWFkZXJTdGlja3kgfSA9IHVzZVRhYmxlKClcblxuICAgIHJldHVybiAoXG4gICAgICA8dGhlYWRcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICAgIFtDbGFzc05hbWUuSVNfU1RJQ0tZXTogaXNIZWFkZXJTdGlja3ksXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlSGVhZFN0eWxlfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGhlYWQ+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZFxuIl19 */");
 exports.tableHeadStyle = tableHeadStyle;
 const TableHead = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let children = _ref.children,

package/cjs/table/TableHeaderCell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
 export declare type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
 export declare type TableHeaderCellProps = {
     /**
@@ -8,8 +8,8 @@ export declare type TableHeaderCellProps = {
     /**
      * Table cell content
      */
-    children: React.ReactNode;
-};
+    children: ReactNode;
+} & ComponentPropsWithRef<'th'>;
 export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/react").SerializedStyles;
-export declare const TableHeaderCell: React.ForwardRefExoticComponent<TableHeaderCellProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
+export declare const TableHeaderCell: React.ForwardRefExoticComponent<Pick<TableHeaderCellProps, "key" | "css" | keyof React.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
 export default TableHeaderCell;

package/cjs/table/TableHeaderCell.js

@@ -25,11 +25,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-const getTableCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEFsaWdubWVudCA9ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyB8ICdqdXN0aWZ5JyB8ICdjaGFyJ1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlckNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IGdldFRhYmxlQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgbWluLXdpZHRoOiAxMXJlbTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcbmBcblxuY29uc3QgdGFibGVIZWFkQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAke3R5cG9ncmFwaHkuYWN0aW9uQm9sZH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gIHRoLmlzLXN0aWNreSAmIHtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRlckNlbGwgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUhlYWRlckNlbGxFbGVtZW50LCBUYWJsZUhlYWRlckNlbGxQcm9wcz4oXG4gICh7IGFsaWduID0gJ2xlZnQnLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBUYWJsZUhlYWRlckNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0aCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVIZWFkQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90aD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVIZWFkZXJDZWxsXG4iXX0= */");
+const getTableCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
 
 exports.getTableCellStyle = getTableCellStyle;
 
-const tableHeadCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)(getTableCellStyle(align), " color:", _theme.theme.colors.primary.main, ";", _typography.typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEFsaWdubWVudCA9ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyB8ICdqdXN0aWZ5JyB8ICdjaGFyJ1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlckNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IGdldFRhYmxlQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgbWluLXdpZHRoOiAxMXJlbTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcbmBcblxuY29uc3QgdGFibGVIZWFkQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAke3R5cG9ncmFwaHkuYWN0aW9uQm9sZH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gIHRoLmlzLXN0aWNreSAmIHtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRlckNlbGwgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUhlYWRlckNlbGxFbGVtZW50LCBUYWJsZUhlYWRlckNlbGxQcm9wcz4oXG4gICh7IGFsaWduID0gJ2xlZnQnLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBUYWJsZUhlYWRlckNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0aCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVIZWFkQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90aD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVIZWFkZXJDZWxsXG4iXX0= */");
+const tableHeadCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)(getTableCellStyle(align), " color:", _theme.theme.colors.primary.main, ";", _typography.typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
 
 const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let _ref$align = _ref.align,

package/cjs/table/TableRow.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
 export declare type TableRowProps = {
     /**
      * Table row content
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * Classes applied on the tr tag
      */
@@ -12,6 +12,6 @@ export declare type TableRowProps = {
      * Applies Selected state styling to the row
      */
     isSelected?: boolean;
-};
-export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+} & ComponentPropsWithRef<'tr'>;
+export declare const TableRow: React.ForwardRefExoticComponent<Pick<TableRowProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableRowElement> | "isSelected"> & React.RefAttributes<HTMLTableRowElement>>;
 export default TableRow;

package/cjs/table/TableRow.js

@@ -31,7 +31,7 @@ const ClassName = {
   IS_INTERACTIVE: 'is-interactive',
   IS_SELECTED: 'is-selected'
 };
-const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZVRhYmxlIH0gZnJvbSAnLi9UYWJsZSdcblxuZXhwb3J0IHR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIHJvdyBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIENsYXNzZXMgYXBwbGllZCBvbiB0aGUgdHIgdGFnXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogQXBwbGllcyBTZWxlY3RlZCBzdGF0ZSBzdHlsaW5nIHRvIHRoZSByb3dcbiAgICovXG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuXG59XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfSU5URVJBQ1RJVkU6ICdpcy1pbnRlcmFjdGl2ZScsXG4gIElTX1NFTEVDVEVEOiAnaXMtc2VsZWN0ZWQnLFxufVxuXG5jb25zdCB0YWJsZVJvd1N0eWxlID0gY3NzYFxuICBoZWlnaHQ6IDIuNzVyZW07XG5cbiAgJi4ke0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRX0ge1xuICAgICY6aG92ZXIgdGQge1xuICAgICAgYmFja2dyb3VuZDogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjE2KTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjE2KTtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgfVxuXG4gICAgJi4ke0NsYXNzTmFtZS5JU19TRUxFQ1RFRH0gdGQge1xuICAgICAgYmFja2dyb3VuZDogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVSb3cgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZVJvd0VsZW1lbnQsIFRhYmxlUm93UHJvcHM+KFxuICAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBpc1NlbGVjdGVkID0gZmFsc2UsIC4uLnJlc3QgfTogVGFibGVSb3dQcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3QgeyBpc0ludGVyYWN0aXZlIH0gPSB1c2VUYWJsZSgpXG5cbiAgICByZXR1cm4gKFxuICAgICAgPHRyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIHtcbiAgICAgICAgICBbQ2xhc3NOYW1lLklTX1NFTEVDVEVEXTogaXNTZWxlY3RlZCxcbiAgICAgICAgICBbQ2xhc3NOYW1lLklTX0lOVEVSQUNUSVZFXTogaXNJbnRlcmFjdGl2ZSxcbiAgICAgICAgfSl9XG4gICAgICAgIGNzcz17dGFibGVSb3dTdHlsZX1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3RyPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVJvd1xuIl19 */");
+const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVSb3dFbGVtZW50LCBUYWJsZVJvd1Byb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNJbnRlcmFjdGl2ZSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0clxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRV06IGlzSW50ZXJhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90cj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVSb3dcbiJdfQ== */");
 const TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let children = _ref.children,
       className = _ref.className,