@dfds-ui/react-components 0.9.8-alpha.b6efb903 → 0.9.8-alpha.c6217bbd

package/cjs/tooltip/Tooltip.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.UnstableWithTooltip = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _react3 = _interopRequireDefault(require("@tippy.js/react"));
+
+var _theme = require("@dfds-ui/theme");
+
+var _typography = require("@dfds-ui/typography");
+
+var _flexbox = require("./../flexbox");
+
+const _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"],
+      _excluded2 = ["delay"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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; }
+
+const colors = _theme.theme.colors,
+      spacing = _theme.theme.spacing,
+      radii = _theme.theme.radii,
+      elevation = _theme.theme.elevation;
+const StyledTippy = ( /*#__PURE__*/0, _base.default)(_react3.default, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: prop => prop !== 'css' // this will prevent warnings emitted from tippy
+  ,
+  target: "errz9h30"
+} : {
+  shouldForwardProp: prop => prop !== 'css' // this will prevent warnings emitted from tippy
+  ,
+  target: "errz9h30",
+  label: "StyledTippy"
+})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", _typography.typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.s, ";box-shadow:", elevation['4'], ";&[data-state='visible']{opacity:1;}&[data-state='hidden']{opacity:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweS5qcy9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgUGxhY2VtZW50ID0gJ3RvcCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uIH0gPSB0aGVtZVxuXG5jb25zdCBTdHlsZWRUaXBweSA9IHN0eWxlZChUaXBweSwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */"));
+
+const Tooltip = _ref => {
+  let content = _ref.content,
+      children = _ref.children,
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? [0, 1500] : _ref$delay,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+      containerProps = _ref.containerProps,
+      _ref$tabIndex = _ref.tabIndex,
+      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react2.jsx)(StyledTippy, _extends({
+    content: content,
+    placement: placement,
+    arrow: false
+  }, delay !== false && {
+    delay
+  }, rest), (0, _react2.jsx)(_flexbox.FlexBox, _extends({
+    inline: true,
+    as: "span",
+    tabIndex: tabIndex
+  }, containerProps || {}, containerProps && containerProps.css && {
+    css: /*#__PURE__*/(0, _react2.css)(containerProps.css, " outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFRpcHB5LCB7IFRpcHB5UHJvcHMgfSBmcm9tICdAdGlwcHkuanMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBtYXJnaW46ICR7c3BhY2luZy5zfTtcbiAgYm94LXNoYWRvdzogJHtlbGV2YXRpb25bJzQnXX07XG5cbiAgJltkYXRhLXN0YXRlPSd2aXNpYmxlJ10ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmW2RhdGEtc3RhdGU9J2hpZGRlbiddIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXA6IFJlYWN0LkZDPFRvb2x0aXBQcm9wcz4gPSAoe1xuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZGVsYXkgPSBbMCwgMTUwMF0sXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICBjb250YWluZXJQcm9wcyxcbiAgdGFiSW5kZXggPSAwLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5IGNvbnRlbnQ9e2NvbnRlbnR9IHBsYWNlbWVudD17cGxhY2VtZW50fSBhcnJvdz17ZmFsc2V9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9IHsuLi5yZXN0fT5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGlubGluZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzICYmXG4gICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAke2NvbnRhaW5lclByb3BzLmNzc31cbiAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgfSl9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L1N0eWxlZFRpcHB5PlxuICApXG59XG5cbi8qKlxuICogVGhlIGBVbnN0YWJsZVdpdGhUb29sdGlwYCBjb21wb25lbnQgY2FuIGJlIHVzZWQgdG8gd3JhcCBhbiBlbGVtZW50IHdpdGggYSB0b29sdGlwIGJ1dCB1bmxpa2UgdGhlIGBUb29sdGlwYCBjb21wb25lbnRcbiAqIG5vIGV4dHJhIGh0bWwgbWFya3VwIHdpbGwgd3JhcHBlZCBhcm91bmQgdGhlIHRhcmdldGVkIGVsZW1lbnQuXG4gKlxuICogTk9URTogSXQgaXMgaW1wb3J0YW50IHRoYXQgdGhlIGNvbXBvbmVudCBiZWluZyB3cmFwcGVkIGZvcndhcmRzIGEgcmVmIHRvIHRoZSBET00gbm9kZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoeyBkZWxheSA9IFswLCAxNTAwXSwgLi4ucmVzdCB9OiB7IGNsYXNzTmFtZT86IHN0cmluZyB9ICYgVGlwcHlQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweVxuICAgICAgLy8gcG9wcGVyT3B0aW9ucz17e1xuICAgICAgLy8gICBtb2RpZmllcnM6IHtcbiAgICAgIC8vICAgICBmbGlwOiB7IGJlaGF2aW9yOiBbJ2JvdHRvbSddfSwgLy8gZm9yY2UgdG8gYWx3YXlzIGRpc3BsYXkgdW5kZXJcbiAgICAgIC8vICAgfSxcbiAgICAgIC8vIH19XG4gICAgICBkZWxheT17ZGVsYXl9XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG4iXX0= */")
+  }), children));
+};
+/**
+ * The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
+ * no extra html markup will wrapped around the targeted element.
+ *
+ * NOTE: It is important that the component being wrapped forwards a ref to the DOM node.
+ */
+
+
+const UnstableWithTooltip = _ref2 => {
+  let _ref2$delay = _ref2.delay,
+      delay = _ref2$delay === void 0 ? [0, 1500] : _ref2$delay,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
+
+  return (0, _react2.jsx)(StyledTippy // popperOptions={{
+  //   modifiers: {
+  //     flip: { behavior: ['bottom']}, // force to always display under
+  //   },
+  // }}
+  , _extends({
+    delay: delay,
+    placement: "bottom"
+  }, rest));
+};
+
+exports.UnstableWithTooltip = UnstableWithTooltip;
+var _default = Tooltip;
+exports.default = _default;

package/cjs/tooltip/index.d.ts

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

package/cjs/tooltip/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltip.default;
+  }
+});
+Object.defineProperty(exports, "UnstableWithTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltip.UnstableWithTooltip;
+  }
+});
+
+var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _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/types/global.d.js

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

package/cjs/typography/Headlines.d.ts

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

package/cjs/typography/Headlines.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SmallHeadline = exports.SubHeadline = 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");
+
+const _excluded = ["as", "styledAs", "className", "noMargin", "children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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; }
+
+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 = (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 = (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 = (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 = (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 = _ref => {
+  let _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'h1' : _ref$as,
+      styledAs = _ref.styledAs,
+      className = _ref.className,
+      noMargin = _ref.noMargin,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  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,4 @@
+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,29 @@
+"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 = (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,31 @@
+"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 get() {
+      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 get() {
+      return _Text[key];
+    }
+  });
+});

package/common/LockBodyScroll.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export declare 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 declare type LockBodyScrollResult = {
+    getGap(): number;
+};
+export declare const LockBodyScroll: React.ForwardRefExoticComponent<LockBodyScrollProps & React.RefAttributes<LockBodyScrollResult>>;
+export default LockBodyScroll;

package/common/LockBodyScroll.js

@@ -0,0 +1,72 @@
+var _excluded = ["enabled", "children"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 declare 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/react").SerializedStyles;