@amboss/design-system 1.9.1 → 1.9.5

package/build/cjs/src/components/Tabs/Tabs.js

@@ -0,0 +1,132 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Inline = require('../Inline/Inline.js');
+var Stack = require('../Stack/Stack.js');
+var Icon = require('../Icon/Icon.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const BORDER_WIDTH = 1;
+const BORDER_WIDTH_ACTIVE_TOP = 4;
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "epth01"
+} : {
+  target: "epth01",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    width: "100%",
+    backgroundColor: theme.values.color.background.tabs.header,
+    borderBottom: `${BORDER_WIDTH}px solid`,
+    borderColor: theme.values.color.border.primary
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiJUYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmNvbnN0IEJPUkRFUl9XSURUSCA9IDE7XG5jb25zdCBCT1JERVJfV0lEVEhfQUNUSVZFX1RPUCA9IDQ7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnksXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRhYkhlYWRlciA9IHN0eWxlZC5kaXY8eyBhY3RpdmU6IGJvb2xlYW47IGlzRmlyc3Q6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBhY3RpdmUsIGlzRmlyc3QgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIG1hcmdpbjogMCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcblxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnksXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC5zLFxuICAgIGJvcmRlcjogMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjE1c1wiLFxuXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAgIC4uLihhY3RpdmVcbiAgICAgID8ge1xuICAgICAgICAgIGJvcmRlcjogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkYCxcbiAgICAgICAgICBib3JkZXJUb3A6IDAsXG4gICAgICAgICAgcGFkZGluZ0xlZnQ6XG4gICAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIEJPUkRFUl9XSURUSCxcbiAgICAgICAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIEJPUkRFUl9XSURUSCxcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IC1CT1JERVJfV0lEVEgsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeSxcbiAgICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGFicy5idXR0b25BY3RpdmUsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmJ1dHRvbkFjdGl2ZSxcblxuICAgICAgICAgIC4uLihpc0ZpcnN0ICYmIHtcbiAgICAgICAgICAgIGJvcmRlckxlZnQ6IDAsXG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgICAgIH0pLFxuICAgICAgICAgIFwiJjphZnRlclwiOiB7XG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgaGVpZ2h0OiBCT1JERVJfV0lEVEhfQUNUSVZFX1RPUCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50YWJzLmJ1dHRvbkFjdGl2ZSxcbiAgICAgICAgICAgIGJvcmRlckxlZnQ6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gICAgICAgICAgICBib3JkZXJSaWdodDogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkYCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRhYnMuYnV0dG9uQWN0aXZlLFxuICAgICAgICAgICAgbGVmdDogLUJPUkRFUl9XSURUSCxcbiAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICB9LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuYnV0dG9uSG92ZXIsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogYW4gaW5kZXggb2YgYWN0aXZlIHRhYiAqL1xuICBhY3RpdmVUYWI/OiBudW1iZXI7XG4gIG9uVGFiU2VsZWN0PzogKHNlbGVjdGVkVGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIC8qKiBhbiBhcnJheSBvZiB0YWJzLCBjb250YWlucyBcImhlYWRlclwiLCBcImFzXCIsIFwiaWNvbkxlZnRcIiBhbmQgXCJpY29uUmlnaHRcIiAqL1xuICB0YWJzOiB7XG4gICAgaGVhZGVyOiBzdHJpbmc7XG4gICAgYXM/OiBcImFcIiB8IFwiYnV0dG9uXCIgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICAgIGljb25MZWZ0PzogSWNvbk5hbWU7XG4gICAgaWNvblJpZ2h0PzogSWNvbk5hbWU7XG4gIH1bXTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAge3RhYnMubWFwKFxuICAgICAgICAgICAgKHsgaGVhZGVyLCBhcyA9IFwiYnV0dG9uXCIsIGljb25MZWZ0LCBpY29uUmlnaHQsIC4uLnJlc3QgfSwgaSkgPT4gKFxuICAgICAgICAgICAgICA8U3R5bGVkVGFiSGVhZGVyXG4gICAgICAgICAgICAgICAgYXM9e2FzfVxuICAgICAgICAgICAgICAgIGtleT17aGVhZGVyfVxuICAgICAgICAgICAgICAgIGlzRmlyc3Q9e2kgPT09IDB9XG4gICAgICAgICAgICAgICAgYWN0aXZlPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25UYWJTZWxlY3QgJiYgb25UYWJTZWxlY3QoaSl9XG4gICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICAgICAgICAgIHtpY29uTGVmdCAmJiA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25MZWZ0fSAvPn1cbiAgICAgICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICAgICAgICB7aWNvblJpZ2h0ICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvblJpZ2h0fSAvPn1cbiAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdHlsZWRUYWJIZWFkZXI+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl19 */");
+const StyledTabHeader = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "epth00"
+} : {
+  target: "epth00",
+  label: "StyledTabHeader"
+})(_ref2 => {
+  let {
+    theme,
+    active,
+    isFirst
+  } = _ref2;
+  return {
+    position: "relative",
+    margin: 0,
+    backgroundColor: theme.values.color.background.tabs.header,
+    padding: theme.variables.size.spacing.m,
+    color: theme.values.color.text.secondary,
+    fontFamily: theme.variables.fontFamily.lato,
+    fontWeight: theme.variables.weight.bold,
+    fontSize: theme.variables.size.font.text.s,
+    lineHeight: theme.variables.size.lineHeight.text.s,
+    border: 0,
+    boxSizing: "border-box",
+    transition: "background-color 0.15s",
+    display: "block",
+    textDecoration: "none",
+    ...(active ? {
+      border: `${BORDER_WIDTH}px solid`,
+      borderTop: 0,
+      paddingLeft: parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,
+      paddingRight: parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,
+      marginBottom: -BORDER_WIDTH,
+      borderColor: theme.values.color.border.primary,
+      borderBottomColor: theme.values.color.background.tabs.buttonActive,
+      backgroundColor: theme.values.color.background.tabs.buttonActive,
+      ...(isFirst && {
+        borderLeft: 0,
+        paddingLeft: theme.variables.size.spacing.m
+      }),
+      "&:after": {
+        content: '""',
+        position: "absolute",
+        width: "100%",
+        height: BORDER_WIDTH_ACTIVE_TOP,
+        backgroundColor: theme.values.color.border.tabs.buttonActive,
+        borderLeft: `${BORDER_WIDTH}px solid`,
+        borderRight: `${BORDER_WIDTH}px solid`,
+        borderColor: theme.values.color.border.tabs.buttonActive,
+        left: -BORDER_WIDTH,
+        top: 0
+      }
+    } : {
+      cursor: "pointer",
+      "&:hover": {
+        backgroundColor: theme.values.color.background.tabs.buttonHover
+      }
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cd0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuY29uc3QgQk9SREVSX1dJRFRIX0FDVElWRV9UT1AgPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfV0lEVEh9cHggc29saWRgLFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUYWJIZWFkZXIgPSBzdHlsZWQuZGl2PHsgYWN0aXZlOiBib29sZWFuOyBpc0ZpcnN0OiBib29sZWFuIH0+KFxuICAoeyB0aGVtZSwgYWN0aXZlLCBpc0ZpcnN0IH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBtYXJnaW46IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG5cbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQucyxcbiAgICBib3JkZXI6IDAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4xNXNcIixcblxuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgICAuLi4oYWN0aXZlXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXI6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gICAgICAgICAgYm9yZGVyVG9wOiAwLFxuICAgICAgICAgIHBhZGRpbmdMZWZ0OlxuICAgICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSBCT1JERVJfV0lEVEgsXG4gICAgICAgICAgcGFkZGluZ1JpZ2h0OlxuICAgICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSBCT1JERVJfV0lEVEgsXG4gICAgICAgICAgbWFyZ2luQm90dG9tOiAtQk9SREVSX1dJRFRILFxuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnksXG4gICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuYnV0dG9uQWN0aXZlLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGFicy5idXR0b25BY3RpdmUsXG5cbiAgICAgICAgICAuLi4oaXNGaXJzdCAmJiB7XG4gICAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB9KSxcbiAgICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgICAgIGhlaWdodDogQk9SREVSX1dJRFRIX0FDVElWRV9UT1AsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIudGFicy5idXR0b25BY3RpdmUsXG4gICAgICAgICAgICBib3JkZXJMZWZ0OiBgJHtCT1JERVJfV0lEVEh9cHggc29saWRgLFxuICAgICAgICAgICAgYm9yZGVyUmlnaHQ6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gICAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50YWJzLmJ1dHRvbkFjdGl2ZSxcbiAgICAgICAgICAgIGxlZnQ6IC1CT1JERVJfV0lEVEgsXG4gICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmJ1dHRvbkhvdmVyLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgVGFic1Byb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgLyoqIGFuIGluZGV4IG9mIGFjdGl2ZSB0YWIgKi9cbiAgYWN0aXZlVGFiPzogbnVtYmVyO1xuICBvblRhYlNlbGVjdD86IChzZWxlY3RlZFRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICAvKiogYW4gYXJyYXkgb2YgdGFicywgY29udGFpbnMgXCJoZWFkZXJcIiwgXCJhc1wiLCBcImljb25MZWZ0XCIgYW5kIFwiaWNvblJpZ2h0XCIgKi9cbiAgdGFiczoge1xuICAgIGhlYWRlcjogc3RyaW5nO1xuICAgIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuQ29tcG9uZW50VHlwZTtcbiAgICBpY29uTGVmdD86IEljb25OYW1lO1xuICAgIGljb25SaWdodD86IEljb25OYW1lO1xuICB9W107XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnMoe1xuICB0YWJzLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgIHt0YWJzLm1hcChcbiAgICAgICAgICAgICh7IGhlYWRlciwgYXMgPSBcImJ1dHRvblwiLCBpY29uTGVmdCwgaWNvblJpZ2h0LCAuLi5yZXN0IH0sIGkpID0+IChcbiAgICAgICAgICAgICAgPFN0eWxlZFRhYkhlYWRlclxuICAgICAgICAgICAgICAgIGFzPXthc31cbiAgICAgICAgICAgICAgICBrZXk9e2hlYWRlcn1cbiAgICAgICAgICAgICAgICBpc0ZpcnN0PXtpID09PSAwfVxuICAgICAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uVGFiU2VsZWN0ICYmIG9uVGFiU2VsZWN0KGkpfVxuICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgICAgICAgICB7aWNvbkxlZnQgJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uTGVmdH0gLz59XG4gICAgICAgICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgICAgICAgICAge2ljb25SaWdodCAmJiA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25SaWdodH0gLz59XG4gICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgIDwvU3R5bGVkVGFiSGVhZGVyPlxuICAgICAgICAgICAgKVxuICAgICAgICAgICl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdfQ== */");
+function Tabs(_ref3) {
+  let {
+    tabs,
+    activeTab = 0,
+    children,
+    onTabSelect,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref3;
+  return /*#__PURE__*/React__default.default.createElement(Stack.Stack, {
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React__default.default.createElement(StyledContainer, null, /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    space: "zero"
+  }, tabs.map((_ref4, i) => {
+    let {
+      header,
+      as = "button",
+      iconLeft,
+      iconRight,
+      ...rest
+    } = _ref4;
+    return /*#__PURE__*/React__default.default.createElement(StyledTabHeader, _extends__default.default({
+      as: as,
+      key: header,
+      isFirst: i === 0,
+      active: activeTab === i,
+      onClick: () => onTabSelect && onTabSelect(i)
+    }, rest), /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+      vAlignItems: "center",
+      space: "xxs"
+    }, iconLeft && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+      size: "s",
+      name: iconLeft
+    }), header, iconRight && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+      size: "s",
+      name: iconRight
+    })));
+  }))), children);
+}
+
+exports.Tabs = Tabs;

package/build/cjs/src/components/Typography/Header/Header.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+
+const getCommonStyles = theme => ({
+  color: theme.values.color.header.primary,
+  fontFamily: theme.variables.fontFamily.lato,
+  fontWeight: theme.variables.weight.black,
+  margin: 0
+});
+const H1 = /*#__PURE__*/_styled__default.default("h1", process.env.NODE_ENV === "production" ? {
+  target: "e1nyenup5"
+} : {
+  target: "e1nyenup5",
+  label: "H1"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    ...getCommonStyles(theme),
+    fontSize: theme.variables.size.font.header.xl,
+    lineHeight: theme.variables.size.lineHeight.header.xl
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBhcz86IFwiaDFcIiB8IFwiaDJcIiB8IFwiaDNcIiB8IFwiaDRcIiB8IFwiaDVcIiB8IFwiaDZcIjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xufTtcblxuY29uc3QgZ2V0Q29tbW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ibGFjayxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgzID0gc3R5bGVkLmgzPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhzLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSDYgPSBzdHlsZWQuaDY8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54eHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5zZWNvbmRhcnksXG59KSk7XG4iXX0= */");
+const H2 = /*#__PURE__*/_styled__default.default("h2", process.env.NODE_ENV === "production" ? {
+  target: "e1nyenup4"
+} : {
+  target: "e1nyenup4",
+  label: "H2"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    ...getCommonStyles(theme),
+    fontSize: theme.variables.size.font.header.l,
+    lineHeight: theme.variables.size.lineHeight.header.l
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBhcz86IFwiaDFcIiB8IFwiaDJcIiB8IFwiaDNcIiB8IFwiaDRcIiB8IFwiaDVcIiB8IFwiaDZcIjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xufTtcblxuY29uc3QgZ2V0Q29tbW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ibGFjayxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgzID0gc3R5bGVkLmgzPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhzLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSDYgPSBzdHlsZWQuaDY8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54eHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5zZWNvbmRhcnksXG59KSk7XG4iXX0= */");
+const H3 = /*#__PURE__*/_styled__default.default("h3", process.env.NODE_ENV === "production" ? {
+  target: "e1nyenup3"
+} : {
+  target: "e1nyenup3",
+  label: "H3"
+})(_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return {
+    ...getCommonStyles(theme),
+    fontSize: theme.variables.size.font.header.m,
+    lineHeight: theme.variables.size.lineHeight.header.m
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBhcz86IFwiaDFcIiB8IFwiaDJcIiB8IFwiaDNcIiB8IFwiaDRcIiB8IFwiaDVcIiB8IFwiaDZcIjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xufTtcblxuY29uc3QgZ2V0Q29tbW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ibGFjayxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgzID0gc3R5bGVkLmgzPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhzLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSDYgPSBzdHlsZWQuaDY8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54eHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5zZWNvbmRhcnksXG59KSk7XG4iXX0= */");
+const H4 = /*#__PURE__*/_styled__default.default("h4", process.env.NODE_ENV === "production" ? {
+  target: "e1nyenup2"
+} : {
+  target: "e1nyenup2",
+  label: "H4"
+})(_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return {
+    ...getCommonStyles(theme),
+    fontSize: theme.variables.size.font.header.s,
+    lineHeight: theme.variables.size.lineHeight.header.s
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBhcz86IFwiaDFcIiB8IFwiaDJcIiB8IFwiaDNcIiB8IFwiaDRcIiB8IFwiaDVcIiB8IFwiaDZcIjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xufTtcblxuY29uc3QgZ2V0Q29tbW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ibGFjayxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgzID0gc3R5bGVkLmgzPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhzLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSDYgPSBzdHlsZWQuaDY8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54eHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5zZWNvbmRhcnksXG59KSk7XG4iXX0= */");
+const H5 = /*#__PURE__*/_styled__default.default("h5", process.env.NODE_ENV === "production" ? {
+  target: "e1nyenup1"
+} : {
+  target: "e1nyenup1",
+  label: "H5"
+})(_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return {
+    ...getCommonStyles(theme),
+    fontSize: theme.variables.size.font.header.xs,
+    lineHeight: theme.variables.size.lineHeight.header.xs
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBhcz86IFwiaDFcIiB8IFwiaDJcIiB8IFwiaDNcIiB8IFwiaDRcIiB8IFwiaDVcIiB8IFwiaDZcIjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xufTtcblxuY29uc3QgZ2V0Q29tbW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ibGFjayxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgzID0gc3R5bGVkLmgzPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhzLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSDYgPSBzdHlsZWQuaDY8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54eHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5zZWNvbmRhcnksXG59KSk7XG4iXX0= */");
+const H6 = /*#__PURE__*/_styled__default.default("h6", process.env.NODE_ENV === "production" ? {
+  target: "e1nyenup0"
+} : {
+  target: "e1nyenup0",
+  label: "H6"
+})(_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return {
+    ...getCommonStyles(theme),
+    fontSize: theme.variables.size.font.header.xxs,
+    lineHeight: theme.variables.size.lineHeight.header.xxs,
+    letterSpacing: "0.5px",
+    textTransform: "uppercase",
+    color: theme.values.color.header.secondary
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBhcz86IFwiaDFcIiB8IFwiaDJcIiB8IFwiaDNcIiB8IFwiaDRcIiB8IFwiaDVcIiB8IFwiaDZcIjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xufTtcblxuY29uc3QgZ2V0Q29tbW9uU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ibGFjayxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEgzID0gc3R5bGVkLmgzPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIubSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhzLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSDYgPSBzdHlsZWQuaDY8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54eHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5zZWNvbmRhcnksXG59KSk7XG4iXX0= */");
+
+exports.H1 = H1;
+exports.H2 = H2;
+exports.H3 = H3;
+exports.H4 = H4;
+exports.H5 = H5;
+exports.H6 = H6;

package/build/cjs/src/components/Typography/StyledText/StyledText.js

@@ -0,0 +1,167 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Text = require('../Text/Text.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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 Italic = /*#__PURE__*/_styled__default.default("i", process.env.NODE_ENV === "production" ? {
+  target: "e1v2v1iq1"
+} : {
+  target: "e1v2v1iq1",
+  label: "Italic"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1jwcxx3",
+  styles: "font-style:italic"
+} : {
+  name: "1jwcxx3",
+  styles: "font-style:italic",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNlIiwiZmlsZSI6IlN0eWxlZFRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1RleHQvVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtYXR0ZWRFbGVtZW50UHJvcHMgPSB7XG4gIGtleTogc3RyaW5nO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlW107XG59O1xuXG5jb25zdCBJdGFsaWMgPSBzdHlsZWQuaSh7IGZvbnRTdHlsZTogXCJpdGFsaWNcIiB9KTtcbmNvbnN0IEJvbGQgPSBzdHlsZWQuYih7IGZvbnRXZWlnaHQ6IFwiYm9sZGVyXCIgfSk7XG5cbmNvbnN0IENvbXBvbmVudHM6IFJlY29yZDxcbiAgc3RyaW5nLFxuICAocHJvcHM6IEZvcm1hdHRlZEVsZW1lbnRQcm9wcykgPT4gUmVhY3QuUmVhY3ROb2RlXG4+ID0ge1xuICBiOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IDxCb2xkIGtleT17a2V5fT57Y2hpbGRyZW59PC9Cb2xkPixcbiAgaTogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8SXRhbGljIGtleT17a2V5fT57Y2hpbGRyZW59PC9JdGFsaWM+LFxuICBwOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IChcbiAgICA8VGV4dCBrZXk9e2tleX0gYXM9XCJwXCIgdmFyaWFudD1cInNlY29uZGFyeVwiPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgKSxcbiAgc21hbGw6ICh7IGtleSwgY2hpbGRyZW4gfSkgPT4gKFxuICAgIDxUZXh0IGtleT17a2V5fSBhcz1cInNwYW5cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICksXG4gIHN1cDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8c3VwIGtleT17a2V5fT57Y2hpbGRyZW59PC9zdXA+LFxuICBzdWI6ICh7IGtleSwgY2hpbGRyZW4gfSkgPT4gPHN1YiBrZXk9e2tleX0+e2NoaWxkcmVufTwvc3ViPixcbn07XG5cbmNvbnN0IGdldE5vZGVzID0gKFxuICBzdHJpbmc6IHN0cmluZ1xuKTogeyBlbGVtZW50TmFtZTogc3RyaW5nOyBwcmV2OiBzdHJpbmc7IG5vZGU6IHN0cmluZzsgbmV4dDogc3RyaW5nIH0gfCBudWxsID0+IHtcbiAgY29uc3QgZWxlbWVudE5hbWVzID0gT2JqZWN0LmtleXMoQ29tcG9uZW50cykuam9pbihcInxcIik7XG4gIGNvbnN0IGVsZW1lbnRSZWdleCA9IG5ldyBSZWdFeHAoYDwoJHtlbGVtZW50TmFtZXN9KT4uKjwvXFxcXDE+YCk7XG4gIGNvbnN0IGVsZW1lbnRNYXRjaCA9IGVsZW1lbnRSZWdleC5leGVjKHN0cmluZyk7XG5cbiAgaWYgKCFlbGVtZW50TWF0Y2gpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGVsZW1lbnROYW1lID0gZWxlbWVudE1hdGNoWzFdO1xuICBjb25zdCBvcGVuaW5nVGFnU3RhcnRJbmRleCA9IGVsZW1lbnRNYXRjaC5pbmRleDtcbiAgY29uc3Qgb3BlbmluZ1RhZ0VuZEluZGV4ID0gZWxlbWVudE1hdGNoLmluZGV4ICsgZWxlbWVudE5hbWUubGVuZ3RoICsgMjtcbiAgbGV0IG51bWJlck9wZW5UYWdzID0gMTtcblxuICBjb25zdCBlbGVtZW50VGFnc1JlZ2V4ID0gbmV3IFJlZ0V4cChcbiAgICBgKDwke2VsZW1lbnROYW1lfT4pfCg8LyR7ZWxlbWVudE5hbWV9PilgLFxuICAgIFwiZ1wiXG4gICk7XG4gIGxldCBjdXJyZW50VGFnTWF0Y2ggPSBlbGVtZW50VGFnc1JlZ2V4LmV4ZWMoc3RyaW5nKTtcbiAgbGV0IGNsb3NpbmdUYWdTdGFydEluZGV4O1xuICBsZXQgY2xvc2luZ1RhZ0VuZEluZGV4O1xuXG4gIGRvIHtcbiAgICBpZiAoY3VycmVudFRhZ01hdGNoLmluZGV4ID4gb3BlbmluZ1RhZ1N0YXJ0SW5kZXgpIHtcbiAgICAgIGlmIChjdXJyZW50VGFnTWF0Y2hbMV0pIHtcbiAgICAgICAgbnVtYmVyT3BlblRhZ3MgKz0gMTtcbiAgICAgIH0gZWxzZSBpZiAoY3VycmVudFRhZ01hdGNoWzJdKSB7XG4gICAgICAgIG51bWJlck9wZW5UYWdzIC09IDE7XG4gICAgICAgIGNsb3NpbmdUYWdTdGFydEluZGV4ID0gY3VycmVudFRhZ01hdGNoLmluZGV4O1xuICAgICAgICBjbG9zaW5nVGFnRW5kSW5kZXggPSBjbG9zaW5nVGFnU3RhcnRJbmRleCArIGN1cnJlbnRUYWdNYXRjaFsyXS5sZW5ndGg7XG4gICAgICB9XG4gICAgfVxuICAgIGN1cnJlbnRUYWdNYXRjaCA9IGVsZW1lbnRUYWdzUmVnZXguZXhlYyhzdHJpbmcpO1xuICAgIGlmICghY3VycmVudFRhZ01hdGNoKSBicmVhaztcbiAgfSB3aGlsZSAobnVtYmVyT3BlblRhZ3MgPiAwKTtcblxuICByZXR1cm4ge1xuICAgIGVsZW1lbnROYW1lLFxuICAgIHByZXY6IHN0cmluZy5zbGljZSgwLCBvcGVuaW5nVGFnU3RhcnRJbmRleCksXG4gICAgbm9kZTogc3RyaW5nLnNsaWNlKG9wZW5pbmdUYWdFbmRJbmRleCwgY2xvc2luZ1RhZ1N0YXJ0SW5kZXgpLFxuICAgIG5leHQ6IHN0cmluZy5zbGljZShjbG9zaW5nVGFnRW5kSW5kZXgpLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IG1ha2VTdHlsZWRKU1ggPSAoXG4gIHN0cmluZzogc3RyaW5nXG4pOiBSZWFjdC5SZWFjdE5vZGVbXSB8IHN0cmluZyB8IG51bGwgPT4ge1xuICBpZiAoIXN0cmluZyB8fCBzdHJpbmcubGVuZ3RoIDwgMSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgbm9kZXMgPSBnZXROb2RlcyhzdHJpbmcpO1xuICBpZiAoIW5vZGVzKSB7XG4gICAgcmV0dXJuIHN0cmluZztcbiAgfVxuXG4gIGNvbnN0IHsgZWxlbWVudE5hbWUsIHByZXYsIG5vZGUsIG5leHQgfSA9IG5vZGVzO1xuXG4gIHJldHVybiBbXG4gICAgcHJldixcbiAgICBDb21wb25lbnRzW2VsZW1lbnROYW1lXSh7IGtleTogbm9kZSwgY2hpbGRyZW46IG1ha2VTdHlsZWRKU1gobm9kZSkgfSksXG4gICAgbWFrZVN0eWxlZEpTWChuZXh0KSxcbiAgXS5maWx0ZXIoKGkpID0+IGkgIT09IG51bGwgJiYgaSAhPT0gXCJcIiAmJiAhKEFycmF5LmlzQXJyYXkoaSkgJiYgIWkubGVuZ3RoKSk7XG59O1xuXG5leHBvcnQgdHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIC8qIFRoZSBzdHJpbmdpZmllZCBtYXJrdXAgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gU3R5bGVkVGV4dCh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFN0eWxlZFRleHRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0eXBlb2YgY2hpbGRyZW4gIT09IFwic3RyaW5nXCIpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PnttYWtlU3R5bGVkSlNYKGNoaWxkcmVuKX08L3NwYW4+XG4gICk7XG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Bold = /*#__PURE__*/_styled__default.default("b", process.env.NODE_ENV === "production" ? {
+  target: "e1v2v1iq0"
+} : {
+  target: "e1v2v1iq0",
+  label: "Bold"
+})(process.env.NODE_ENV === "production" ? {
+  name: "d3kzo8",
+  styles: "font-weight:bolder"
+} : {
+  name: "d3kzo8",
+  styles: "font-weight:bolder",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVhIiwiZmlsZSI6IlN0eWxlZFRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1RleHQvVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtYXR0ZWRFbGVtZW50UHJvcHMgPSB7XG4gIGtleTogc3RyaW5nO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlW107XG59O1xuXG5jb25zdCBJdGFsaWMgPSBzdHlsZWQuaSh7IGZvbnRTdHlsZTogXCJpdGFsaWNcIiB9KTtcbmNvbnN0IEJvbGQgPSBzdHlsZWQuYih7IGZvbnRXZWlnaHQ6IFwiYm9sZGVyXCIgfSk7XG5cbmNvbnN0IENvbXBvbmVudHM6IFJlY29yZDxcbiAgc3RyaW5nLFxuICAocHJvcHM6IEZvcm1hdHRlZEVsZW1lbnRQcm9wcykgPT4gUmVhY3QuUmVhY3ROb2RlXG4+ID0ge1xuICBiOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IDxCb2xkIGtleT17a2V5fT57Y2hpbGRyZW59PC9Cb2xkPixcbiAgaTogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8SXRhbGljIGtleT17a2V5fT57Y2hpbGRyZW59PC9JdGFsaWM+LFxuICBwOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IChcbiAgICA8VGV4dCBrZXk9e2tleX0gYXM9XCJwXCIgdmFyaWFudD1cInNlY29uZGFyeVwiPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgKSxcbiAgc21hbGw6ICh7IGtleSwgY2hpbGRyZW4gfSkgPT4gKFxuICAgIDxUZXh0IGtleT17a2V5fSBhcz1cInNwYW5cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICksXG4gIHN1cDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8c3VwIGtleT17a2V5fT57Y2hpbGRyZW59PC9zdXA+LFxuICBzdWI6ICh7IGtleSwgY2hpbGRyZW4gfSkgPT4gPHN1YiBrZXk9e2tleX0+e2NoaWxkcmVufTwvc3ViPixcbn07XG5cbmNvbnN0IGdldE5vZGVzID0gKFxuICBzdHJpbmc6IHN0cmluZ1xuKTogeyBlbGVtZW50TmFtZTogc3RyaW5nOyBwcmV2OiBzdHJpbmc7IG5vZGU6IHN0cmluZzsgbmV4dDogc3RyaW5nIH0gfCBudWxsID0+IHtcbiAgY29uc3QgZWxlbWVudE5hbWVzID0gT2JqZWN0LmtleXMoQ29tcG9uZW50cykuam9pbihcInxcIik7XG4gIGNvbnN0IGVsZW1lbnRSZWdleCA9IG5ldyBSZWdFeHAoYDwoJHtlbGVtZW50TmFtZXN9KT4uKjwvXFxcXDE+YCk7XG4gIGNvbnN0IGVsZW1lbnRNYXRjaCA9IGVsZW1lbnRSZWdleC5leGVjKHN0cmluZyk7XG5cbiAgaWYgKCFlbGVtZW50TWF0Y2gpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGVsZW1lbnROYW1lID0gZWxlbWVudE1hdGNoWzFdO1xuICBjb25zdCBvcGVuaW5nVGFnU3RhcnRJbmRleCA9IGVsZW1lbnRNYXRjaC5pbmRleDtcbiAgY29uc3Qgb3BlbmluZ1RhZ0VuZEluZGV4ID0gZWxlbWVudE1hdGNoLmluZGV4ICsgZWxlbWVudE5hbWUubGVuZ3RoICsgMjtcbiAgbGV0IG51bWJlck9wZW5UYWdzID0gMTtcblxuICBjb25zdCBlbGVtZW50VGFnc1JlZ2V4ID0gbmV3IFJlZ0V4cChcbiAgICBgKDwke2VsZW1lbnROYW1lfT4pfCg8LyR7ZWxlbWVudE5hbWV9PilgLFxuICAgIFwiZ1wiXG4gICk7XG4gIGxldCBjdXJyZW50VGFnTWF0Y2ggPSBlbGVtZW50VGFnc1JlZ2V4LmV4ZWMoc3RyaW5nKTtcbiAgbGV0IGNsb3NpbmdUYWdTdGFydEluZGV4O1xuICBsZXQgY2xvc2luZ1RhZ0VuZEluZGV4O1xuXG4gIGRvIHtcbiAgICBpZiAoY3VycmVudFRhZ01hdGNoLmluZGV4ID4gb3BlbmluZ1RhZ1N0YXJ0SW5kZXgpIHtcbiAgICAgIGlmIChjdXJyZW50VGFnTWF0Y2hbMV0pIHtcbiAgICAgICAgbnVtYmVyT3BlblRhZ3MgKz0gMTtcbiAgICAgIH0gZWxzZSBpZiAoY3VycmVudFRhZ01hdGNoWzJdKSB7XG4gICAgICAgIG51bWJlck9wZW5UYWdzIC09IDE7XG4gICAgICAgIGNsb3NpbmdUYWdTdGFydEluZGV4ID0gY3VycmVudFRhZ01hdGNoLmluZGV4O1xuICAgICAgICBjbG9zaW5nVGFnRW5kSW5kZXggPSBjbG9zaW5nVGFnU3RhcnRJbmRleCArIGN1cnJlbnRUYWdNYXRjaFsyXS5sZW5ndGg7XG4gICAgICB9XG4gICAgfVxuICAgIGN1cnJlbnRUYWdNYXRjaCA9IGVsZW1lbnRUYWdzUmVnZXguZXhlYyhzdHJpbmcpO1xuICAgIGlmICghY3VycmVudFRhZ01hdGNoKSBicmVhaztcbiAgfSB3aGlsZSAobnVtYmVyT3BlblRhZ3MgPiAwKTtcblxuICByZXR1cm4ge1xuICAgIGVsZW1lbnROYW1lLFxuICAgIHByZXY6IHN0cmluZy5zbGljZSgwLCBvcGVuaW5nVGFnU3RhcnRJbmRleCksXG4gICAgbm9kZTogc3RyaW5nLnNsaWNlKG9wZW5pbmdUYWdFbmRJbmRleCwgY2xvc2luZ1RhZ1N0YXJ0SW5kZXgpLFxuICAgIG5leHQ6IHN0cmluZy5zbGljZShjbG9zaW5nVGFnRW5kSW5kZXgpLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IG1ha2VTdHlsZWRKU1ggPSAoXG4gIHN0cmluZzogc3RyaW5nXG4pOiBSZWFjdC5SZWFjdE5vZGVbXSB8IHN0cmluZyB8IG51bGwgPT4ge1xuICBpZiAoIXN0cmluZyB8fCBzdHJpbmcubGVuZ3RoIDwgMSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgbm9kZXMgPSBnZXROb2RlcyhzdHJpbmcpO1xuICBpZiAoIW5vZGVzKSB7XG4gICAgcmV0dXJuIHN0cmluZztcbiAgfVxuXG4gIGNvbnN0IHsgZWxlbWVudE5hbWUsIHByZXYsIG5vZGUsIG5leHQgfSA9IG5vZGVzO1xuXG4gIHJldHVybiBbXG4gICAgcHJldixcbiAgICBDb21wb25lbnRzW2VsZW1lbnROYW1lXSh7IGtleTogbm9kZSwgY2hpbGRyZW46IG1ha2VTdHlsZWRKU1gobm9kZSkgfSksXG4gICAgbWFrZVN0eWxlZEpTWChuZXh0KSxcbiAgXS5maWx0ZXIoKGkpID0+IGkgIT09IG51bGwgJiYgaSAhPT0gXCJcIiAmJiAhKEFycmF5LmlzQXJyYXkoaSkgJiYgIWkubGVuZ3RoKSk7XG59O1xuXG5leHBvcnQgdHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIC8qIFRoZSBzdHJpbmdpZmllZCBtYXJrdXAgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gU3R5bGVkVGV4dCh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFN0eWxlZFRleHRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0eXBlb2YgY2hpbGRyZW4gIT09IFwic3RyaW5nXCIpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PnttYWtlU3R5bGVkSlNYKGNoaWxkcmVuKX08L3NwYW4+XG4gICk7XG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Components = {
+  b: _ref => {
+    let {
+      key,
+      children
+    } = _ref;
+    return /*#__PURE__*/React__default.default.createElement(Bold, {
+      key: key
+    }, children);
+  },
+  i: _ref2 => {
+    let {
+      key,
+      children
+    } = _ref2;
+    return /*#__PURE__*/React__default.default.createElement(Italic, {
+      key: key
+    }, children);
+  },
+  p: _ref3 => {
+    let {
+      key,
+      children
+    } = _ref3;
+    return /*#__PURE__*/React__default.default.createElement(Text.Text, {
+      key: key,
+      as: "p",
+      variant: "secondary"
+    }, children);
+  },
+  small: _ref4 => {
+    let {
+      key,
+      children
+    } = _ref4;
+    return /*#__PURE__*/React__default.default.createElement(Text.Text, {
+      key: key,
+      as: "span",
+      variant: "tertiary"
+    }, children);
+  },
+  sup: _ref5 => {
+    let {
+      key,
+      children
+    } = _ref5;
+    return /*#__PURE__*/React__default.default.createElement("sup", {
+      key: key
+    }, children);
+  },
+  sub: _ref6 => {
+    let {
+      key,
+      children
+    } = _ref6;
+    return /*#__PURE__*/React__default.default.createElement("sub", {
+      key: key
+    }, children);
+  }
+};
+const getNodes = string => {
+  const elementNames = Object.keys(Components).join("|");
+  const elementRegex = new RegExp(`<(${elementNames})>.*</\\1>`);
+  const elementMatch = elementRegex.exec(string);
+  if (!elementMatch) {
+    return null;
+  }
+  const elementName = elementMatch[1];
+  const openingTagStartIndex = elementMatch.index;
+  const openingTagEndIndex = elementMatch.index + elementName.length + 2;
+  let numberOpenTags = 1;
+  const elementTagsRegex = new RegExp(`(<${elementName}>)|(</${elementName}>)`, "g");
+  let currentTagMatch = elementTagsRegex.exec(string);
+  let closingTagStartIndex;
+  let closingTagEndIndex;
+  do {
+    if (currentTagMatch.index > openingTagStartIndex) {
+      if (currentTagMatch[1]) {
+        numberOpenTags += 1;
+      } else if (currentTagMatch[2]) {
+        numberOpenTags -= 1;
+        closingTagStartIndex = currentTagMatch.index;
+        closingTagEndIndex = closingTagStartIndex + currentTagMatch[2].length;
+      }
+    }
+    currentTagMatch = elementTagsRegex.exec(string);
+    if (!currentTagMatch) break;
+  } while (numberOpenTags > 0);
+  return {
+    elementName,
+    prev: string.slice(0, openingTagStartIndex),
+    node: string.slice(openingTagEndIndex, closingTagStartIndex),
+    next: string.slice(closingTagEndIndex)
+  };
+};
+const makeStyledJSX = string => {
+  if (!string || string.length < 1) {
+    return null;
+  }
+  const nodes = getNodes(string);
+  if (!nodes) {
+    return string;
+  }
+  const {
+    elementName,
+    prev,
+    node,
+    next
+  } = nodes;
+  return [prev, Components[elementName]({
+    key: node,
+    children: makeStyledJSX(node)
+  }), makeStyledJSX(next)].filter(i => i !== null && i !== "" && !(Array.isArray(i) && !i.length));
+};
+function StyledText(_ref7) {
+  let {
+    children,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref7;
+  if (typeof children !== "string") return children;
+  return /*#__PURE__*/React__default.default.createElement("span", {
+    "data-e2e-test-id": dataE2eTestId
+  }, makeStyledJSX(children));
+}
+
+exports.StyledText = StyledText;
+exports.makeStyledJSX = makeStyledJSX;

package/build/cjs/src/components/Typography/Text/Text.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var isPropValid = require('@emotion/is-prop-valid');
+var mediaQueries = require('../../../shared/mediaQueries.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var isPropValid__default = /*#__PURE__*/_interopDefault(isPropValid);
+
+const defaultProps = {
+  size: "m",
+  weight: "normal",
+  transform: "none",
+  as: "p",
+  variant: "secondary",
+  align: "left",
+  hyphens: "none",
+  "data-e2e-test-id": undefined
+};
+const Text = /*#__PURE__*/_styled__default.default("p", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: prop => isPropValid__default.default(prop) && prop !== "transform",
+  target: "efktmsx0"
+} : {
+  shouldForwardProp: prop => isPropValid__default.default(prop) && prop !== "transform",
+  target: "efktmsx0",
+  label: "Text"
+})(_ref => {
+  let {
+    theme,
+    align,
+    weight,
+    size,
+    transform,
+    hyphens,
+    variant
+  } = _ref;
+  return {
+    fontFamily: theme.variables.fontFamily.lato,
+    margin: 0,
+    textTransform: transform,
+    textAlign: align,
+    // font-weight prop is a string becuase emotion doesn't support
+    // string values for "fontWeight" prop
+    "font-weight": String(theme.variables.weight[weight]),
+    color: theme.values.color.text[variant],
+    fontSize: theme.variables.size.font.text[size],
+    lineHeight: theme.variables.size.lineHeight.text[size],
+    ...mediaQueries.mq({
+      hyphens: [hyphens, {
+        none: "none",
+        auto: "auto",
+        manual: "manual"
+      }]
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Db0IiLCJmaWxlIjoiVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBUZXh0QWxpZ25tZW50LFxuICBUZXh0VmFyaWF0aW9ucyxcbiAgVGV4dFNpemUsXG4gIE1RLFxuICBIeXBoZW5zLFxufSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgVGV4dFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBzaXplPzogVGV4dFNpemU7XG4gIHdlaWdodD86IFwibm9ybWFsXCIgfCBcImJvbGRcIiB8IFwiYmxhY2tcIiB8IFwiaW5oZXJpdFwiO1xuICB0cmFuc2Zvcm0/OiBcIm5vbmVcIiB8IFwiY2FwaXRhbGl6ZVwiIHwgXCJ1cHBlcmNhc2VcIiB8IFwibG93ZXJjYXNlXCI7XG4gIGFzPzogXCJwXCIgfCBcInNwYW5cIjtcbiAgdmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xuICBhbGlnbj86IFRleHRBbGlnbm1lbnQ7XG4gIGh5cGhlbnM/OiBIeXBoZW5zIHwgTVE8SHlwaGVucz47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPFRleHRQcm9wcz4gPSB7XG4gIHNpemU6IFwibVwiLFxuICB3ZWlnaHQ6IFwibm9ybWFsXCIsXG4gIHRyYW5zZm9ybTogXCJub25lXCIsXG4gIGFzOiBcInBcIixcbiAgdmFyaWFudDogXCJzZWNvbmRhcnlcIixcbiAgYWxpZ246IFwibGVmdFwiLFxuICBoeXBoZW5zOiBcIm5vbmVcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkKFwicFwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcDogc3RyaW5nKSA9PlxuICAgIGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwidHJhbnNmb3JtXCIsXG59KTxUZXh0UHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ24sIHdlaWdodCwgc2l6ZSwgdHJhbnNmb3JtLCBoeXBoZW5zLCB2YXJpYW50IH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBtYXJnaW46IDAsXG4gICAgdGV4dFRyYW5zZm9ybTogdHJhbnNmb3JtLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgLy8gZm9udC13ZWlnaHQgcHJvcCBpcyBhIHN0cmluZyBiZWN1YXNlIGVtb3Rpb24gZG9lc24ndCBzdXBwb3J0XG4gICAgLy8gc3RyaW5nIHZhbHVlcyBmb3IgXCJmb250V2VpZ2h0XCIgcHJvcFxuICAgIFwiZm9udC13ZWlnaHRcIjogU3RyaW5nKHRoZW1lLnZhcmlhYmxlcy53ZWlnaHRbd2VpZ2h0XSksXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W3ZhcmlhbnRdLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHRbc2l6ZV0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0W3NpemVdLFxuICAgIC4uLm1xKHtcbiAgICAgIGh5cGhlbnM6IFtoeXBoZW5zLCB7IG5vbmU6IFwibm9uZVwiLCBhdXRvOiBcImF1dG9cIiwgbWFudWFsOiBcIm1hbnVhbFwiIH1dLFxuICAgIH0pLFxuICB9KVxuKTtcblxuVGV4dC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+Text.defaultProps = defaultProps;
+
+exports.Text = Text;

package/build/cjs/src/components/Typography/TextClamped/TextClamped.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Text = require('../Text/Text.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const defaultProps = {
+  lines: 1,
+  size: "m"
+};
+const Container = /*#__PURE__*/_styled__default.default("span", process.env.NODE_ENV === "production" ? {
+  target: "e7ey0cg0"
+} : {
+  target: "e7ey0cg0",
+  label: "Container"
+})(_ref => {
+  let {
+    lines,
+    theme,
+    size
+  } = _ref;
+  return {
+    display: "-webkit-box",
+    "-webkit-box-orient": "vertical",
+    overflow: "hidden",
+    WebkitLineClamp: lines,
+    maxHeight: lines * parseInt(theme.variables.size.lineHeight.text[size], 10)
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRDbGFtcGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFla0IiLCJmaWxlIjoiVGV4dENsYW1wZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0LCBUZXh0UHJvcHMgfSBmcm9tIFwiLi4vVGV4dC9UZXh0XCI7XG5cbmV4cG9ydCB0eXBlIFRleHRDbGFtcGVkUHJvcHMgPSBUZXh0UHJvcHMgJiB7XG4gIC8qKiBUaGUgbWF4aW11bSBudW1iZXIgb2YgbGluZXMuIERlZmF1bHQgaXMgMS4gKi9cbiAgbGluZXM/OiBudW1iZXI7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8VGV4dENsYW1wZWRQcm9wcz4gPSB7XG4gIGxpbmVzOiAxLFxuICBzaXplOiBcIm1cIixcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5zcGFuPFRleHRDbGFtcGVkUHJvcHM+KCh7IGxpbmVzLCB0aGVtZSwgc2l6ZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gIFwiLXdlYmtpdC1ib3gtb3JpZW50XCI6IFwidmVydGljYWxcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIFdlYmtpdExpbmVDbGFtcDogbGluZXMsXG4gIG1heEhlaWdodDogbGluZXMgKiBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHRbc2l6ZV0sIDEwKSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRleHRDbGFtcGVkKHByb3BzOiBUZXh0Q2xhbXBlZFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3Qge1xuICAgIGxpbmVzLFxuICAgIGNoaWxkcmVuLFxuICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgIC4uLnRleHRQcm9wc1xuICB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8VGV4dCBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSB7Li4udGV4dFByb3BzfT5cbiAgICAgIDxDb250YWluZXIgbGluZXM9e2xpbmVzfSBzaXplPXt0ZXh0UHJvcHMuc2l6ZX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvVGV4dD5cbiAgKTtcbn1cblxuVGV4dENsYW1wZWQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+function TextClamped(props) {
+  const {
+    lines,
+    children,
+    "data-e2e-test-id": dataE2eTestId,
+    ...textProps
+  } = props;
+  return /*#__PURE__*/React__default.default.createElement(Text.Text, _extends__default.default({
+    "data-e2e-test-id": dataE2eTestId
+  }, textProps), /*#__PURE__*/React__default.default.createElement(Container, {
+    lines: lines,
+    size: textProps.size
+  }, children));
+}
+TextClamped.defaultProps = defaultProps;
+
+exports.TextClamped = TextClamped;