@dfds-ui/react-components 2.2.0-alpha.624b924f → 2.2.0-alpha.8b995955

package/cjs/typography/Headlines.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubHeadline = exports.SmallHeadline = exports.SectionHeadline = exports.HeroHeadline = exports.Headline = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _styles = require("./../styles");
+var _theme = require("@dfds-ui/theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const marginStyles = process.env.NODE_ENV === "production" ? {
+  name: "1woa6zv",
+  styles: "margin:0 0 16px 0"
+} : {
+  name: "tvrjm4-marginStyles",
+  styles: "margin:0 0 16px 0;label:marginStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const noMarginStyles = process.env.NODE_ENV === "production" ? {
+  name: "ti75j2",
+  styles: "margin:0"
+} : {
+  name: "1nc38m8-noMarginStyles",
+  styles: "margin:0;label:noMarginStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const headlineStyles = {
+  h1: /*#__PURE__*/(0, _react2.css)(marginStyles, ";color:", _theme.theme.colors.primary.main, ";font-size:50px;font-weight:300;line-height:1.2;", _styles.legacyMedia.lt('sm'), "{font-size:30px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h1;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */"),
+  h2: /*#__PURE__*/(0, _react2.css)(marginStyles, ";font-size:28px;font-weight:bold;line-height:1.2;" + (process.env.NODE_ENV === "production" ? "" : ";label:h2;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */"),
+  h3: /*#__PURE__*/(0, _react2.css)(marginStyles, ";font-size:26px;font-weight:300;line-height:1.15;" + (process.env.NODE_ENV === "production" ? "" : ";label:h3;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */"),
+  h4: /*#__PURE__*/(0, _react2.css)(marginStyles, ";font-size:20px;font-weight:bold;line-height:1.4;" + (process.env.NODE_ENV === "production" ? "" : ";label:h4;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */")
+};
+const H1 = /*#__PURE__*/(0, _base.default)("h1", process.env.NODE_ENV === "production" ? {
+  target: "ep3ydqg3"
+} : {
+  target: "ep3ydqg3",
+  label: "H1"
+})(headlineStyles.h1, " ", ({
+  noMargin
+}) => noMargin && noMarginStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0QwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdHlwb2dyYXBoeS9IZWFkbGluZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnLi8uLi9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEhlYWRsaW5lUHJvcHMgPSBSZWFjdC5Qcm9wc1dpdGhvdXRSZWY8SlNYLkludHJpbnNpY0VsZW1lbnRzWydoMSddPiAmIHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBub01hcmdpbj86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDAgMCAxNnB4IDA7XG5gXG5cbmNvbnN0IG5vTWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IGhlYWRsaW5lU3R5bGVzID0ge1xuICBoMTogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICBmb250LXNpemU6IDUwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICAgICR7bWVkaWEubHQoJ3NtJyl9IHtcbiAgICAgIGZvbnQtc2l6ZTogMzBweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjhweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICBgLFxuICBoMzogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDI2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xNTtcbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oMX1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgyfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDN9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oNH1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEhlYWRsaW5lOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7XG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgc3R5bGVkQXM/OiBrZXlvZiB0eXBlb2YgaGVhZGxpbmVTdHlsZXNcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufT4gPSAoeyBhcyA9ICdoMScsIHN0eWxlZEFzLCBjbGFzc05hbWUsIG5vTWFyZ2luLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IEggPSBhc1xuICBjb25zdCBzdHlsZSA9IHN0eWxlZEFzXG4gICAgPyBzdHlsZWRBc1xuICAgIDogdHlwZW9mIGFzID09PSAnc3RyaW5nJyAmJiBhcyBpbiBoZWFkbGluZVN0eWxlc1xuICAgID8gKGFzIGFzIGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlcylcbiAgICA6ICdoMSdcblxuICByZXR1cm4gKFxuICAgIDxIIGNzcz17W2hlYWRsaW5lU3R5bGVzW3N0eWxlXSwgbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXNdfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSD5cbiAgKVxufVxuXG4vLyBBbGlhc2VzXG5leHBvcnQgY29uc3QgSGVyb0hlYWRsaW5lID0gSDFcbmV4cG9ydCBjb25zdCBTZWN0aW9uSGVhZGxpbmUgPSBIMlxuZXhwb3J0IGNvbnN0IFN1YkhlYWRsaW5lID0gSDNcbmV4cG9ydCBjb25zdCBTbWFsbEhlYWRsaW5lID0gSDRcbiJdfQ== */"));
+exports.H1 = H1;
+const H2 = /*#__PURE__*/(0, _base.default)("h2", process.env.NODE_ENV === "production" ? {
+  target: "ep3ydqg2"
+} : {
+  target: "ep3ydqg2",
+  label: "H2"
+})(headlineStyles.h2, " ", ({
+  noMargin
+}) => noMargin && noMarginStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUQwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdHlwb2dyYXBoeS9IZWFkbGluZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnLi8uLi9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEhlYWRsaW5lUHJvcHMgPSBSZWFjdC5Qcm9wc1dpdGhvdXRSZWY8SlNYLkludHJpbnNpY0VsZW1lbnRzWydoMSddPiAmIHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBub01hcmdpbj86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDAgMCAxNnB4IDA7XG5gXG5cbmNvbnN0IG5vTWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IGhlYWRsaW5lU3R5bGVzID0ge1xuICBoMTogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICBmb250LXNpemU6IDUwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICAgICR7bWVkaWEubHQoJ3NtJyl9IHtcbiAgICAgIGZvbnQtc2l6ZTogMzBweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjhweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICBgLFxuICBoMzogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDI2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xNTtcbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oMX1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgyfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDN9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oNH1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEhlYWRsaW5lOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7XG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgc3R5bGVkQXM/OiBrZXlvZiB0eXBlb2YgaGVhZGxpbmVTdHlsZXNcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufT4gPSAoeyBhcyA9ICdoMScsIHN0eWxlZEFzLCBjbGFzc05hbWUsIG5vTWFyZ2luLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IEggPSBhc1xuICBjb25zdCBzdHlsZSA9IHN0eWxlZEFzXG4gICAgPyBzdHlsZWRBc1xuICAgIDogdHlwZW9mIGFzID09PSAnc3RyaW5nJyAmJiBhcyBpbiBoZWFkbGluZVN0eWxlc1xuICAgID8gKGFzIGFzIGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlcylcbiAgICA6ICdoMSdcblxuICByZXR1cm4gKFxuICAgIDxIIGNzcz17W2hlYWRsaW5lU3R5bGVzW3N0eWxlXSwgbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXNdfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSD5cbiAgKVxufVxuXG4vLyBBbGlhc2VzXG5leHBvcnQgY29uc3QgSGVyb0hlYWRsaW5lID0gSDFcbmV4cG9ydCBjb25zdCBTZWN0aW9uSGVhZGxpbmUgPSBIMlxuZXhwb3J0IGNvbnN0IFN1YkhlYWRsaW5lID0gSDNcbmV4cG9ydCBjb25zdCBTbWFsbEhlYWRsaW5lID0gSDRcbiJdfQ== */"));
+exports.H2 = H2;
+const H3 = /*#__PURE__*/(0, _base.default)("h3", process.env.NODE_ENV === "production" ? {
+  target: "ep3ydqg1"
+} : {
+  target: "ep3ydqg1",
+  label: "H3"
+})(headlineStyles.h3, " ", ({
+  noMargin
+}) => noMargin && noMarginStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdHlwb2dyYXBoeS9IZWFkbGluZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnLi8uLi9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEhlYWRsaW5lUHJvcHMgPSBSZWFjdC5Qcm9wc1dpdGhvdXRSZWY8SlNYLkludHJpbnNpY0VsZW1lbnRzWydoMSddPiAmIHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBub01hcmdpbj86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDAgMCAxNnB4IDA7XG5gXG5cbmNvbnN0IG5vTWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IGhlYWRsaW5lU3R5bGVzID0ge1xuICBoMTogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICBmb250LXNpemU6IDUwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICAgICR7bWVkaWEubHQoJ3NtJyl9IHtcbiAgICAgIGZvbnQtc2l6ZTogMzBweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjhweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICBgLFxuICBoMzogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDI2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xNTtcbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oMX1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgyfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDN9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oNH1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEhlYWRsaW5lOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7XG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgc3R5bGVkQXM/OiBrZXlvZiB0eXBlb2YgaGVhZGxpbmVTdHlsZXNcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufT4gPSAoeyBhcyA9ICdoMScsIHN0eWxlZEFzLCBjbGFzc05hbWUsIG5vTWFyZ2luLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IEggPSBhc1xuICBjb25zdCBzdHlsZSA9IHN0eWxlZEFzXG4gICAgPyBzdHlsZWRBc1xuICAgIDogdHlwZW9mIGFzID09PSAnc3RyaW5nJyAmJiBhcyBpbiBoZWFkbGluZVN0eWxlc1xuICAgID8gKGFzIGFzIGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlcylcbiAgICA6ICdoMSdcblxuICByZXR1cm4gKFxuICAgIDxIIGNzcz17W2hlYWRsaW5lU3R5bGVzW3N0eWxlXSwgbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXNdfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSD5cbiAgKVxufVxuXG4vLyBBbGlhc2VzXG5leHBvcnQgY29uc3QgSGVyb0hlYWRsaW5lID0gSDFcbmV4cG9ydCBjb25zdCBTZWN0aW9uSGVhZGxpbmUgPSBIMlxuZXhwb3J0IGNvbnN0IFN1YkhlYWRsaW5lID0gSDNcbmV4cG9ydCBjb25zdCBTbWFsbEhlYWRsaW5lID0gSDRcbiJdfQ== */"));
+exports.H3 = H3;
+const H4 = /*#__PURE__*/(0, _base.default)("h4", process.env.NODE_ENV === "production" ? {
+  target: "ep3ydqg0"
+} : {
+  target: "ep3ydqg0",
+  label: "H4"
+})(headlineStyles.h4, " ", ({
+  noMargin
+}) => noMargin && noMarginStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUUwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdHlwb2dyYXBoeS9IZWFkbGluZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnLi8uLi9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEhlYWRsaW5lUHJvcHMgPSBSZWFjdC5Qcm9wc1dpdGhvdXRSZWY8SlNYLkludHJpbnNpY0VsZW1lbnRzWydoMSddPiAmIHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBub01hcmdpbj86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDAgMCAxNnB4IDA7XG5gXG5cbmNvbnN0IG5vTWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IGhlYWRsaW5lU3R5bGVzID0ge1xuICBoMTogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICBmb250LXNpemU6IDUwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICAgICR7bWVkaWEubHQoJ3NtJyl9IHtcbiAgICAgIGZvbnQtc2l6ZTogMzBweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjhweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICBgLFxuICBoMzogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDI2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xNTtcbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oMX1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgyfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDN9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oNH1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEhlYWRsaW5lOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7XG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgc3R5bGVkQXM/OiBrZXlvZiB0eXBlb2YgaGVhZGxpbmVTdHlsZXNcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufT4gPSAoeyBhcyA9ICdoMScsIHN0eWxlZEFzLCBjbGFzc05hbWUsIG5vTWFyZ2luLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IEggPSBhc1xuICBjb25zdCBzdHlsZSA9IHN0eWxlZEFzXG4gICAgPyBzdHlsZWRBc1xuICAgIDogdHlwZW9mIGFzID09PSAnc3RyaW5nJyAmJiBhcyBpbiBoZWFkbGluZVN0eWxlc1xuICAgID8gKGFzIGFzIGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlcylcbiAgICA6ICdoMSdcblxuICByZXR1cm4gKFxuICAgIDxIIGNzcz17W2hlYWRsaW5lU3R5bGVzW3N0eWxlXSwgbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXNdfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSD5cbiAgKVxufVxuXG4vLyBBbGlhc2VzXG5leHBvcnQgY29uc3QgSGVyb0hlYWRsaW5lID0gSDFcbmV4cG9ydCBjb25zdCBTZWN0aW9uSGVhZGxpbmUgPSBIMlxuZXhwb3J0IGNvbnN0IFN1YkhlYWRsaW5lID0gSDNcbmV4cG9ydCBjb25zdCBTbWFsbEhlYWRsaW5lID0gSDRcbiJdfQ== */"));
+exports.H4 = H4;
+const Headline = ({
+  as = 'h1',
+  styledAs,
+  className,
+  noMargin,
+  children,
+  ...rest
+}) => {
+  const H = as;
+  const style = styledAs ? styledAs : typeof as === 'string' && as in headlineStyles ? as : 'h1';
+  return (0, _react2.jsx)(H, _extends({
+    css: [headlineStyles[style], noMargin && noMarginStyles, process.env.NODE_ENV === "production" ? "" : ";label:Headline;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0ZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */"],
+    className: className
+  }, rest), children);
+};
+
+// Aliases
+exports.Headline = Headline;
+const HeroHeadline = H1;
+exports.HeroHeadline = HeroHeadline;
+const SectionHeadline = H2;
+exports.SectionHeadline = SectionHeadline;
+const SubHeadline = H3;
+exports.SubHeadline = SubHeadline;
+const SmallHeadline = H4;
+exports.SmallHeadline = SmallHeadline;

package/cjs/typography/Text.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Text: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/cjs/typography/Text.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+// TODO: Refine and align with specs
+const Text = /*#__PURE__*/(0, _base.default)("p", process.env.NODE_ENV === "production" ? {
+  target: "e1gks3kq0"
+} : {
+  target: "e1gks3kq0",
+  label: "Text"
+})(process.env.NODE_ENV === "production" ? {
+  name: "e5w8sv",
+  styles: "font-size:16px;line-height:1.63"
+} : {
+  name: "e5w8sv",
+  styles: "font-size:16px;line-height:1.63",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L1RleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc0QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdHlwb2dyYXBoeS9UZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG4vLyBUT0RPOiBSZWZpbmUgYW5kIGFsaWduIHdpdGggc3BlY3NcbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLnBgXG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDEuNjM7XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.Text = Text;

package/cjs/typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Headlines';
+export * from './Text';

package/cjs/typography/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Headlines = require("./Headlines");
+Object.keys(_Headlines).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Headlines[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Headlines[key];
+    }
+  });
+});
+var _Text = require("./Text");
+Object.keys(_Text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Text[key];
+    }
+  });
+});

package/common/LockBodyScroll.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type LockBodyScrollProps = {
+    /**
+     * If `true` scroll locking will be enabled
+     */
+    enabled?: boolean;
+    /**
+     * ClassName to be applied to the body element when scroll is locked
+     */
+    bodyClassNameApplied?: string;
+    /**
+     * ClassName to be applied to the html element when scroll is locked
+     */
+    htmlClassNameApplied?: string;
+    /**
+     * Preserve scroll position when locking.
+     */
+    preserveScrollPosition?: boolean;
+    children?: React.ReactNode;
+};
+export type LockBodyScrollResult = {
+    getGap(): number;
+};
+export declare const LockBodyScroll: React.ForwardRefExoticComponent<LockBodyScrollProps & React.RefAttributes<LockBodyScrollResult>>;
+export default LockBodyScroll;

package/common/LockBodyScroll.js

@@ -0,0 +1,62 @@
+var _excluded = ["enabled", "children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import React from 'react';
+import { Global, css } from '@emotion/react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$bodyClassNameApp = _ref.bodyClassNameApplied,
+    bodyClassNameApplied = _ref$bodyClassNameApp === void 0 ? 'body-scroll-locked' : _ref$bodyClassNameApp,
+    _ref$htmlClassNameApp = _ref.htmlClassNameApplied,
+    htmlClassNameApplied = _ref$htmlClassNameApp === void 0 ? 'html-scroll-locked' : _ref$htmlClassNameApp,
+    _ref$preserveScrollPo = _ref.preserveScrollPosition,
+    preserveScrollPosition = _ref$preserveScrollPo === void 0 ? true : _ref$preserveScrollPo,
+    children = _ref.children;
+  React.useImperativeHandle(ref, function () {
+    return {
+      getGap: function getGap() {
+        return typeof document === 'undefined' ? 0 : document.body.dataset.lockBodyScrollGap ? parseInt(document.body.dataset.lockBodyScrollGap) : 0;
+      }
+    };
+  });
+  React.useLayoutEffect(function () {
+    if (typeof document === 'undefined') return;
+    var originalTop = window.getComputedStyle(document.body).top; //is this really needed ?
+    var scrollY = window.scrollY || window.pageYOffset;
+    if (preserveScrollPosition) {
+      document.body.style.top = "".concat(-scrollY, "px");
+    }
+    var bodyWidthBefore = window.getComputedStyle(document.body).width;
+    document.documentElement.classList.add(htmlClassNameApplied);
+    document.body.classList.add(bodyClassNameApplied);
+    var bodyWidthAfter = window.getComputedStyle(document.body).width;
+    var gap = parseInt(bodyWidthAfter) - parseInt(bodyWidthBefore);
+    document.body.style.paddingRight = "".concat(gap, "px");
+    document.body.dataset.lockBodyScrollGap = String(gap);
+    return function () {
+      var scrollY = document.body.style.top;
+      document.documentElement.classList.remove(htmlClassNameApplied);
+      document.body.classList.remove(bodyClassNameApplied);
+      document.body.style.paddingRight = '';
+      document.body.style.top = originalTop;
+      if (preserveScrollPosition) {
+        window.scrollTo(0, parseInt(scrollY || '0') * -1);
+      }
+      delete document.body.dataset.lockBodyScrollGap;
+    };
+  }, [bodyClassNameApplied, htmlClassNameApplied, preserveScrollPosition]);
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Global, {
+    styles: /*#__PURE__*/css(".", htmlClassNameApplied, "{overflow:hidden;}.", bodyClassNameApplied, "{position:fixed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:LockBodyScrollComponent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vTG9ja0JvZHlTY3JvbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1GcUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbW1vbi9Mb2NrQm9keVNjcm9sbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBMb2NrQm9keVNjcm9sbFByb3BzID0ge1xuICAvKipcbiAgICogSWYgYHRydWVgIHNjcm9sbCBsb2NraW5nIHdpbGwgYmUgZW5hYmxlZFxuICAgKi9cbiAgZW5hYmxlZD86IGJvb2xlYW5cblxuICAvKipcbiAgICogQ2xhc3NOYW1lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGJvZHkgZWxlbWVudCB3aGVuIHNjcm9sbCBpcyBsb2NrZWRcbiAgICovXG4gIGJvZHlDbGFzc05hbWVBcHBsaWVkPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIENsYXNzTmFtZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBodG1sIGVsZW1lbnQgd2hlbiBzY3JvbGwgaXMgbG9ja2VkXG4gICAqL1xuICBodG1sQ2xhc3NOYW1lQXBwbGllZD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcmVzZXJ2ZSBzY3JvbGwgcG9zaXRpb24gd2hlbiBsb2NraW5nLlxuICAgKi9cbiAgcHJlc2VydmVTY3JvbGxQb3NpdGlvbj86IGJvb2xlYW5cblxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5leHBvcnQgdHlwZSBMb2NrQm9keVNjcm9sbFJlc3VsdCA9IHtcbiAgZ2V0R2FwKCk6IG51bWJlclxufVxuXG5jb25zdCBMb2NrQm9keVNjcm9sbENvbXBvbmVudCA9IFJlYWN0LmZvcndhcmRSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQsIExvY2tCb2R5U2Nyb2xsUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgYm9keUNsYXNzTmFtZUFwcGxpZWQgPSAnYm9keS1zY3JvbGwtbG9ja2VkJyxcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkID0gJ2h0bWwtc2Nyb2xsLWxvY2tlZCcsXG4gICAgICBwcmVzZXJ2ZVNjcm9sbFBvc2l0aW9uID0gdHJ1ZSxcbiAgICAgIGNoaWxkcmVuLFxuICAgIH06IExvY2tCb2R5U2Nyb2xsUHJvcHMsXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIFJlYWN0LnVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgZ2V0R2FwOiAoKSA9PiB7XG4gICAgICAgIHJldHVybiB0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnXG4gICAgICAgICAgPyAwXG4gICAgICAgICAgOiBkb2N1bWVudC5ib2R5LmRhdGFzZXQubG9ja0JvZHlTY3JvbGxHYXBcbiAgICAgICAgICA/IHBhcnNlSW50KGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcClcbiAgICAgICAgICA6IDBcbiAgICAgIH0sXG4gICAgfSkpXG5cbiAgICBSZWFjdC51c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiBkb2N1bWVudCA9PT0gJ3VuZGVmaW5lZCcpIHJldHVyblxuXG4gICAgICBjb25zdCBvcmlnaW5hbFRvcCA9IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmJvZHkpLnRvcCAvL2lzIHRoaXMgcmVhbGx5IG5lZWRlZCA/XG4gICAgICBjb25zdCBzY3JvbGxZID0gd2luZG93LnNjcm9sbFkgfHwgd2luZG93LnBhZ2VZT2Zmc2V0XG4gICAgICBpZiAocHJlc2VydmVTY3JvbGxQb3NpdGlvbikge1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnRvcCA9IGAkey1zY3JvbGxZfXB4YFxuICAgICAgfVxuICAgICAgY29uc3QgYm9keVdpZHRoQmVmb3JlID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoZG9jdW1lbnQuYm9keSkud2lkdGhcbiAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKGh0bWxDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKGJvZHlDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgY29uc3QgYm9keVdpZHRoQWZ0ZXIgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5ib2R5KS53aWR0aFxuICAgICAgY29uc3QgZ2FwID0gcGFyc2VJbnQoYm9keVdpZHRoQWZ0ZXIpIC0gcGFyc2VJbnQoYm9keVdpZHRoQmVmb3JlKVxuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5wYWRkaW5nUmlnaHQgPSBgJHtnYXB9cHhgXG5cbiAgICAgIGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcCA9IFN0cmluZyhnYXApXG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHNjcm9sbFkgPSBkb2N1bWVudC5ib2R5LnN0eWxlLnRvcFxuICAgICAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShodG1sQ2xhc3NOYW1lQXBwbGllZClcbiAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGJvZHlDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnBhZGRpbmdSaWdodCA9ICcnXG4gICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUudG9wID0gb3JpZ2luYWxUb3BcbiAgICAgICAgaWYgKHByZXNlcnZlU2Nyb2xsUG9zaXRpb24pIHtcbiAgICAgICAgICB3aW5kb3cuc2Nyb2xsVG8oMCwgcGFyc2VJbnQoc2Nyb2xsWSB8fCAnMCcpICogLTEpXG4gICAgICAgIH1cbiAgICAgICAgZGVsZXRlIGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcFxuICAgICAgfVxuICAgIH0sIFtib2R5Q2xhc3NOYW1lQXBwbGllZCwgaHRtbENsYXNzTmFtZUFwcGxpZWQsIHByZXNlcnZlU2Nyb2xsUG9zaXRpb25dKVxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgICAuJHtodG1sQ2xhc3NOYW1lQXBwbGllZH0ge1xuICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuJHtib2R5Q2xhc3NOYW1lQXBwbGllZH0ge1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBjb25zdCBMb2NrQm9keVNjcm9sbCA9IFJlYWN0LmZvcndhcmRSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQsIExvY2tCb2R5U2Nyb2xsUHJvcHM+KFxuICAoeyBlbmFibGVkID0gdHJ1ZSwgY2hpbGRyZW4sIC4uLnJlc3QgfTogTG9ja0JvZHlTY3JvbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIGVuYWJsZWQgPyAoXG4gICAgICA8TG9ja0JvZHlTY3JvbGxDb21wb25lbnQgey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Mb2NrQm9keVNjcm9sbENvbXBvbmVudD5cbiAgICApIDogKFxuICAgICAgPD57Y2hpbGRyZW59PC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IExvY2tCb2R5U2Nyb2xsXG4iXX0= */")
+  }), children);
+});
+export var LockBodyScroll = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var _ref2$enabled = _ref2.enabled,
+    enabled = _ref2$enabled === void 0 ? true : _ref2$enabled,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  return enabled ? ___EmotionJSX(LockBodyScrollComponent, _extends({}, rest, {
+    ref: ref
+  }), children) : ___EmotionJSX(React.Fragment, null, children);
+});
+export default LockBodyScroll;

package/common/arrow.d.ts

@@ -0,0 +1,6 @@
+export type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * Create css for an arrow
+ * A <div> tag must surround {children} to work
+ */
+export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/utils").SerializedStyles;

package/common/arrow.js

@@ -0,0 +1,40 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { css } from '@emotion/react';
+function px(size) {
+  return "".concat(size, "px");
+}
+
+// currently limited positions
+/**
+ * Create css for an arrow
+ * A <div> tag must surround {children} to work
+ */
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "abcix4",
+  styles: "top:0"
+} : {
+  name: "14pv8fd-arrow",
+  styles: "top:0;label:arrow;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURXIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZnVuY3Rpb24gcHgoc2l6ZTogbnVtYmVyKSB7XG4gIHJldHVybiBgJHtzaXplfXB4YFxufVxuXG4vLyBjdXJyZW50bHkgbGltaXRlZCBwb3NpdGlvbnNcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCdcblxuLyoqXG4gKiBDcmVhdGUgY3NzIGZvciBhbiBhcnJvd1xuICogQSA8ZGl2PiB0YWcgbXVzdCBzdXJyb3VuZCB7Y2hpbGRyZW59IHRvIHdvcmtcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gYXJyb3coXG4gIHNpemU6IG51bWJlcixcbiAgY29sb3I6IHN0cmluZyxcblxuICBvZmZzZXQgPSAyMCxcbiAgcG9zaXRpb246IEFycm93UG9zaXRpb24gPSAndG9wLXJpZ2h0J1xuKSB7XG4gIGNvbnN0IGRlZ1RvUmFkID0gKHg6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiAoeCAvIDE4MCkgKiBNYXRoLlBJXG4gIH1cbiAgY29uc3QgY2FsY3VsYXRlZFNpemUgPSBNYXRoLnNpbihkZWdUb1JhZCg0NSkpICogc2l6ZVxuXG4gIGNvbnN0IHNoYWRvdyA9IDhcblxuICBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuICBgXG5cbiAgcmV0dXJuIGNzc2BcbiAgICA6OmJlZm9yZSB7XG4gICAgICAke2Jhc2V9XG4gICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICBib3JkZXI6ICR7cHgoY2FsY3VsYXRlZFNpemUpfSBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgYm94LXNoYWRvdzogMCAwICR7cHgoc2hhZG93KX0gMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuXG4gICAgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogNXB4IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgJHtiYXNlfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdib3R0b20nKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICBgfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdsZWZ0JykgPyAnbGVmdCcgOiAncmlnaHQnfTogJHtweChvZmZzZXQpfTtcbiAgICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "f16dz6",
+  styles: "position:absolute;display:inline-block;content:'';width:0;height:0"
+} : {
+  name: "ejf7mr-base",
+  styles: "position:absolute;display:inline-block;content:'';width:0;height:0;label:base;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tbW9uL2Fycm93LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmZ1bmN0aW9uIHB4KHNpemU6IG51bWJlcikge1xuICByZXR1cm4gYCR7c2l6ZX1weGBcbn1cblxuLy8gY3VycmVudGx5IGxpbWl0ZWQgcG9zaXRpb25zXG5leHBvcnQgdHlwZSBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1sZWZ0JyB8ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1sZWZ0JyB8ICdib3R0b20tcmlnaHQnXG5cbi8qKlxuICogQ3JlYXRlIGNzcyBmb3IgYW4gYXJyb3dcbiAqIEEgPGRpdj4gdGFnIG11c3Qgc3Vycm91bmQge2NoaWxkcmVufSB0byB3b3JrXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGFycm93KFxuICBzaXplOiBudW1iZXIsXG4gIGNvbG9yOiBzdHJpbmcsXG5cbiAgb2Zmc2V0ID0gMjAsXG4gIHBvc2l0aW9uOiBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1yaWdodCdcbikge1xuICBjb25zdCBkZWdUb1JhZCA9ICh4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gKHggLyAxODApICogTWF0aC5QSVxuICB9XG4gIGNvbnN0IGNhbGN1bGF0ZWRTaXplID0gTWF0aC5zaW4oZGVnVG9SYWQoNDUpKSAqIHNpemVcblxuICBjb25zdCBzaGFkb3cgPSA4XG5cbiAgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgYFxuXG4gIHJldHVybiBjc3NgXG4gICAgOjpiZWZvcmUge1xuICAgICAgJHtiYXNlfVxuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICR7cG9zaXRpb24uaW5jbHVkZXMoJ2xlZnQnKSA/ICdsZWZ0JyA6ICdyaWdodCd9OiAke3B4KG9mZnNldCl9O1xuICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAke3B4KHNoYWRvdyl9IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cblxuICAgID4gZGl2IHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgICR7YmFzZX1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnYm90dG9tJykgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgYH1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICAgIGJvcmRlcjogJHtweChjYWxjdWxhdGVkU2l6ZSl9IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export default function arrow(size, color) {
+  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 20;
+  var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'top-right';
+  var degToRad = function degToRad(x) {
+    return x / 180 * Math.PI;
+  };
+  var calculatedSize = Math.sin(degToRad(45)) * size;
+  var shadow = 8;
+  var base = _ref2;
+  return /*#__PURE__*/css("::before{", base, " ", position.includes('top') ? 'bottom' : 'top', ":", px(-calculatedSize), ";", position.includes('left') ? 'left' : 'right', ":", px(offset), ";border:", px(calculatedSize), " solid;border-color:", color, " ", color, " transparent transparent;transform:rotate(-45deg);box-shadow:0 0 ", px(shadow), " 0 rgba(0, 0, 0, 0.12);background-color:", color, ";}>div{position:relative;padding:5px 0;border-radius:2px;background-color:", color, ";::before{", base, " ", position.includes('bottom') && _ref, " ", position.includes('top') ? 'bottom' : 'top', ":", px(-calculatedSize), ";", position.includes('left') ? 'left' : 'right', ":", px(offset), ";border:", px(calculatedSize), " solid;border-color:", color, " ", color, " transparent transparent;transform:rotate(-45deg);pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:arrow;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZnVuY3Rpb24gcHgoc2l6ZTogbnVtYmVyKSB7XG4gIHJldHVybiBgJHtzaXplfXB4YFxufVxuXG4vLyBjdXJyZW50bHkgbGltaXRlZCBwb3NpdGlvbnNcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCdcblxuLyoqXG4gKiBDcmVhdGUgY3NzIGZvciBhbiBhcnJvd1xuICogQSA8ZGl2PiB0YWcgbXVzdCBzdXJyb3VuZCB7Y2hpbGRyZW59IHRvIHdvcmtcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gYXJyb3coXG4gIHNpemU6IG51bWJlcixcbiAgY29sb3I6IHN0cmluZyxcblxuICBvZmZzZXQgPSAyMCxcbiAgcG9zaXRpb246IEFycm93UG9zaXRpb24gPSAndG9wLXJpZ2h0J1xuKSB7XG4gIGNvbnN0IGRlZ1RvUmFkID0gKHg6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiAoeCAvIDE4MCkgKiBNYXRoLlBJXG4gIH1cbiAgY29uc3QgY2FsY3VsYXRlZFNpemUgPSBNYXRoLnNpbihkZWdUb1JhZCg0NSkpICogc2l6ZVxuXG4gIGNvbnN0IHNoYWRvdyA9IDhcblxuICBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuICBgXG5cbiAgcmV0dXJuIGNzc2BcbiAgICA6OmJlZm9yZSB7XG4gICAgICAke2Jhc2V9XG4gICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICBib3JkZXI6ICR7cHgoY2FsY3VsYXRlZFNpemUpfSBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgYm94LXNoYWRvdzogMCAwICR7cHgoc2hhZG93KX0gMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuXG4gICAgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogNXB4IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgJHtiYXNlfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdib3R0b20nKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICBgfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdsZWZ0JykgPyAnbGVmdCcgOiAncmlnaHQnfTogJHtweChvZmZzZXQpfTtcbiAgICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}

package/common/emotionCloneElement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const emotionCloneElement: (element: any, config: any, ...children: any) => import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export default emotionCloneElement;

package/common/emotionCloneElement.js

@@ -0,0 +1,19 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx } from '@emotion/react';
+
+// https://github.com/emotion-js/emotion/issues/1404
+var emotionCloneElement = function emotionCloneElement(element, config) {
+  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    children[_key - 2] = arguments[_key];
+  }
+  return jsx.apply(void 0, [element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, _objectSpread(_objectSpread({
+    key: element.key !== null ? element.key : undefined,
+    ref: element.ref
+  }, element.props), config)].concat(children));
+};
+export default emotionCloneElement;

package/common/intent.d.ts

@@ -0,0 +1,3 @@
+export type Intent = 'info' | 'critical' | 'success' | 'warning' | 'none';
+export declare function getIntentColor(intent?: Intent, muted?: boolean): string;
+export declare function getIntentTextColor(intent: Intent): string;

package/common/intent.js

@@ -0,0 +1,28 @@
+import { theme } from '@dfds-ui/theme';
+export function getIntentColor() {
+  var intent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'info';
+  var muted = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  switch (intent) {
+    case 'none':
+      return theme.colors.surface.secondary;
+    case 'info':
+      return muted ? theme.colors.status.infomuted : theme.colors.status.info;
+    case 'critical':
+      return muted ? theme.colors.status.alertmuted : theme.colors.status.alert;
+    case 'success':
+      return muted ? theme.colors.status.successmuted : theme.colors.status.success;
+    case 'warning':
+      return muted ? theme.colors.status.warningmuted : theme.colors.status.warning;
+  }
+}
+export function getIntentTextColor(intent) {
+  switch (intent) {
+    case 'none':
+      return theme.colors.text.dark.primary;
+    case 'info':
+    case 'critical':
+    case 'success':
+    case 'warning':
+      return theme.colors.text.light.primary;
+  }
+}

package/common/miniMoize.d.ts

@@ -0,0 +1 @@
+export declare function miniMoize(fn: (...args: any[]) => any): (...args: any[]) => any;

package/common/miniMoize.js

@@ -0,0 +1,25 @@
+// memoization function inspired by moize. Can only remember last value
+export function miniMoize(fn) {
+  var cache = null;
+  var cacheArgs = null;
+  function wrapper() {
+    if (cacheArgs && eq(arguments)) {
+      return cache;
+    }
+    cache = fn.apply(void 0, arguments);
+    cacheArgs = arguments;
+    return cache;
+  }
+  function eq(arg) {
+    if (arg.length !== cacheArgs.length) {
+      return false;
+    }
+    for (var i = 0; i < arg.length; i++) {
+      if (arg[i] !== cacheArgs[i]) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return wrapper;
+}

package/common/polymorphic.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType, ElementType } from 'react';
+export type RenderContainerProps<T> = {
+    renderContainer: (props: T) => JSX.Element;
+};
+export type PolymorphicComponentProps = {
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: ElementType;
+};
+/**
+ * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
+ * polymorphic prop will point to the provided `RenderComponent`.
+ *
+ * @example
+ * import { Link } from `gatsby`;
+ * import { AppBarItem, withRenderAs } from `@dfds-ui/react-components`;
+ *
+ * const AppBarLink = withRenderAs(AppBarItem, Link);
+ *
+ * const Example = () => {
+ *   return <AppBarLink id="1" title="example" to="/example">Example</AppBarLink>;
+ * }
+ */
+export declare function withRenderAs<PCProps extends PolymorphicComponentProps, RCProps>(PolymorphicComponent: ComponentType<PCProps>, RenderComponent: ComponentType<RCProps>): ({ ...props }: Omit<PCProps, keyof PolymorphicComponentProps> & RCProps) => JSX.Element;

package/common/polymorphic.js

@@ -0,0 +1,34 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+
+// TODO: Move this to future core package
+
+// TODO: Consider changing to this pattern:
+// https://blog.andrewbran.ch/polymorphic-react-components/
+
+// https://github.com/kripod/react-polymorphic-box
+import { jsx as ___EmotionJSX } from "@emotion/react";
+/**
+ * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
+ * polymorphic prop will point to the provided `RenderComponent`.
+ *
+ * @example
+ * import { Link } from `gatsby`;
+ * import { AppBarItem, withRenderAs } from `@dfds-ui/react-components`;
+ *
+ * const AppBarLink = withRenderAs(AppBarItem, Link);
+ *
+ * const Example = () => {
+ *   return <AppBarLink id="1" title="example" to="/example">Example</AppBarLink>;
+ * }
+ */
+export function withRenderAs(PolymorphicComponent, RenderComponent) {
+  var Component = function Component(_ref) {
+    var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+    return ___EmotionJSX(PolymorphicComponent, _extends({
+      as: RenderComponent
+    }, props));
+  };
+  return Component;
+}

package/common/use-media.d.ts

@@ -0,0 +1 @@
+export default function useMedia(queries: any, values: any, defaultValue: any): any;

package/common/use-media.js

@@ -0,0 +1,52 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from 'react';
+// from https://github.com/gragland/usehooks
+
+export default function useMedia(queries, values, defaultValue) {
+  // Array containing a media query list for each query
+  var mediaQueryLists = typeof window !== 'undefined' ? queries.map(function (q) {
+    return window.matchMedia(q);
+  }) : [];
+
+  // Function that gets value based on matching media query
+  var getValue = function getValue() {
+    // Get index of first media query that matches
+    var index = mediaQueryLists.findIndex(function (mql) {
+      return mql.matches;
+    });
+    // Return related value or defaultValue if none
+    return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
+  };
+
+  // State and setter for matched value
+  var _useState = useState(getValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useEffect(function () {
+    // Event listener callback
+    // Note: By defining getValue outside of useEffect we ensure that it has ...
+    // ... current values of hook args (as this hook only runs on mount/dismount).
+    var handler = function handler() {
+      return setValue(getValue);
+    };
+    // Set a listener for each media query with above handler as callback.
+    mediaQueryLists.forEach(function (mql) {
+      return mql.addListener(handler);
+    });
+    // Remove listeners on cleanup
+    return function () {
+      return mediaQueryLists.forEach(function (mql) {
+        return mql.removeListener(handler);
+      });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // Empty array ensures effect is only run on mount and unmount
+
+  return value;
+}

package/common/useOnClickOutside.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+type Handler = (...args: any[]) => void;
+export default function useOnClickOutside(ref: React.RefObject<HTMLElement>, handler: Handler | null): void;
+export {};