@amboss/design-system 1.9.1 → 1.9.5

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

@@ -0,0 +1,104 @@
+import _styled from '@emotion/styled/base';
+
+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("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("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("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("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("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("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= */");
+
+export { H1, H2, H3, H4, H5, H6 };
+//# sourceMappingURL=Header.js.map

package/build/esm/src/components/Typography/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Typography/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n\ntype HeaderProps = {\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  children: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n  id?: string;\n};\n\nconst getCommonStyles = (theme: Theme) => ({\n  color: theme.values.color.header.primary,\n  fontFamily: theme.variables.fontFamily.lato,\n  fontWeight: theme.variables.weight.black,\n  margin: 0,\n});\n\nexport const H1 = styled.h1<HeaderProps>(({ theme }) => ({\n  ...getCommonStyles(theme),\n  fontSize: theme.variables.size.font.header.xl,\n  lineHeight: theme.variables.size.lineHeight.header.xl,\n}));\n\nexport const H2 = styled.h2<HeaderProps>(({ theme }) => ({\n  ...getCommonStyles(theme),\n  fontSize: theme.variables.size.font.header.l,\n  lineHeight: theme.variables.size.lineHeight.header.l,\n}));\n\nexport const H3 = styled.h3<HeaderProps>(({ theme }) => ({\n  ...getCommonStyles(theme),\n  fontSize: theme.variables.size.font.header.m,\n  lineHeight: theme.variables.size.lineHeight.header.m,\n}));\n\nexport const H4 = styled.h4<HeaderProps>(({ theme }) => ({\n  ...getCommonStyles(theme),\n  fontSize: theme.variables.size.font.header.s,\n  lineHeight: theme.variables.size.lineHeight.header.s,\n}));\n\nexport const H5 = styled.h5<HeaderProps>(({ theme }) => ({\n  ...getCommonStyles(theme),\n  fontSize: theme.variables.size.font.header.xs,\n  lineHeight: theme.variables.size.lineHeight.header.xs,\n}));\n\nexport const H6 = styled.h6<HeaderProps>(({ theme }) => ({\n  ...getCommonStyles(theme),\n  fontSize: theme.variables.size.font.header.xxs,\n  lineHeight: theme.variables.size.lineHeight.header.xxs,\n  letterSpacing: \"0.5px\",\n  textTransform: \"uppercase\",\n  color: theme.values.color.header.secondary,\n}));\n"],"names":["getCommonStyles","theme","color","values","header","primary","fontFamily","variables","lato","fontWeight","weight","black","margin","H1","_styled","process","env","NODE_ENV","target","label","_ref","fontSize","size","font","xl","lineHeight","H2","_ref2","l","H3","_ref3","m","H4","_ref4","s","H5","_ref5","xs","H6","_ref6","xxs","letterSpacing","textTransform","secondary"],"mappings":"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"}

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

@@ -0,0 +1,160 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Text } from '../Text/Text.js';
+
+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("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("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.createElement(Bold, {
+      key: key
+    }, children);
+  },
+  i: _ref2 => {
+    let {
+      key,
+      children
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(Italic, {
+      key: key
+    }, children);
+  },
+  p: _ref3 => {
+    let {
+      key,
+      children
+    } = _ref3;
+    return /*#__PURE__*/React.createElement(Text, {
+      key: key,
+      as: "p",
+      variant: "secondary"
+    }, children);
+  },
+  small: _ref4 => {
+    let {
+      key,
+      children
+    } = _ref4;
+    return /*#__PURE__*/React.createElement(Text, {
+      key: key,
+      as: "span",
+      variant: "tertiary"
+    }, children);
+  },
+  sup: _ref5 => {
+    let {
+      key,
+      children
+    } = _ref5;
+    return /*#__PURE__*/React.createElement("sup", {
+      key: key
+    }, children);
+  },
+  sub: _ref6 => {
+    let {
+      key,
+      children
+    } = _ref6;
+    return /*#__PURE__*/React.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.createElement("span", {
+    "data-e2e-test-id": dataE2eTestId
+  }, makeStyledJSX(children));
+}
+
+export { StyledText, makeStyledJSX };
+//# sourceMappingURL=StyledText.js.map

package/build/esm/src/components/Typography/StyledText/StyledText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledText.js","sources":["../../../../../../src/components/Typography/StyledText/StyledText.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text } from \"../Text/Text\";\n\nexport type FormattedElementProps = {\n  key: string;\n  children: string | React.ReactNode[];\n};\n\nconst Italic = styled.i({ fontStyle: \"italic\" });\nconst Bold = styled.b({ fontWeight: \"bolder\" });\n\nconst Components: Record<\n  string,\n  (props: FormattedElementProps) => React.ReactNode\n> = {\n  b: ({ key, children }) => <Bold key={key}>{children}</Bold>,\n  i: ({ key, children }) => <Italic key={key}>{children}</Italic>,\n  p: ({ key, children }) => (\n    <Text key={key} as=\"p\" variant=\"secondary\">\n      {children}\n    </Text>\n  ),\n  small: ({ key, children }) => (\n    <Text key={key} as=\"span\" variant=\"tertiary\">\n      {children}\n    </Text>\n  ),\n  sup: ({ key, children }) => <sup key={key}>{children}</sup>,\n  sub: ({ key, children }) => <sub key={key}>{children}</sub>,\n};\n\nconst getNodes = (\n  string: string\n): { elementName: string; prev: string; node: string; next: string } | null => {\n  const elementNames = Object.keys(Components).join(\"|\");\n  const elementRegex = new RegExp(`<(${elementNames})>.*</\\\\1>`);\n  const elementMatch = elementRegex.exec(string);\n\n  if (!elementMatch) {\n    return null;\n  }\n\n  const elementName = elementMatch[1];\n  const openingTagStartIndex = elementMatch.index;\n  const openingTagEndIndex = elementMatch.index + elementName.length + 2;\n  let numberOpenTags = 1;\n\n  const elementTagsRegex = new RegExp(\n    `(<${elementName}>)|(</${elementName}>)`,\n    \"g\"\n  );\n  let currentTagMatch = elementTagsRegex.exec(string);\n  let closingTagStartIndex;\n  let closingTagEndIndex;\n\n  do {\n    if (currentTagMatch.index > openingTagStartIndex) {\n      if (currentTagMatch[1]) {\n        numberOpenTags += 1;\n      } else if (currentTagMatch[2]) {\n        numberOpenTags -= 1;\n        closingTagStartIndex = currentTagMatch.index;\n        closingTagEndIndex = closingTagStartIndex + currentTagMatch[2].length;\n      }\n    }\n    currentTagMatch = elementTagsRegex.exec(string);\n    if (!currentTagMatch) break;\n  } while (numberOpenTags > 0);\n\n  return {\n    elementName,\n    prev: string.slice(0, openingTagStartIndex),\n    node: string.slice(openingTagEndIndex, closingTagStartIndex),\n    next: string.slice(closingTagEndIndex),\n  };\n};\n\nexport const makeStyledJSX = (\n  string: string\n): React.ReactNode[] | string | null => {\n  if (!string || string.length < 1) {\n    return null;\n  }\n\n  const nodes = getNodes(string);\n  if (!nodes) {\n    return string;\n  }\n\n  const { elementName, prev, node, next } = nodes;\n\n  return [\n    prev,\n    Components[elementName]({ key: node, children: makeStyledJSX(node) }),\n    makeStyledJSX(next),\n  ].filter((i) => i !== null && i !== \"\" && !(Array.isArray(i) && !i.length));\n};\n\nexport type StyledTextProps = {\n  /* The stringified markup to be rendered */\n  children: string;\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function StyledText({\n  children,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: StyledTextProps): React.ReactElement {\n  if (typeof children !== \"string\") return children;\n\n  return (\n    <span data-e2e-test-id={dataE2eTestId}>{makeStyledJSX(children)}</span>\n  );\n}\n"],"names":["Italic","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Bold","Components","b","_ref","key","children","React","createElement","i","_ref2","p","_ref3","Text","as","variant","small","_ref4","sup","_ref5","sub","_ref6","getNodes","string","elementNames","Object","keys","join","elementRegex","RegExp","elementMatch","exec","elementName","openingTagStartIndex","index","openingTagEndIndex","length","numberOpenTags","elementTagsRegex","currentTagMatch","closingTagStartIndex","closingTagEndIndex","prev","slice","node","next","makeStyledJSX","nodes","filter","Array","isArray","StyledText","_ref7","dataE2eTestId"],"mappings":"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"}

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

@@ -0,0 +1,55 @@
+import _styled from '@emotion/styled/base';
+import isPropValid from '@emotion/is-prop-valid';
+import { mq } from '../../../shared/mediaQueries.js';
+
+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("p", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: prop => isPropValid(prop) && prop !== "transform",
+  target: "efktmsx0"
+} : {
+  shouldForwardProp: prop => isPropValid(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],
+    ...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;
+
+export { Text };
+//# sourceMappingURL=Text.js.map

package/build/esm/src/components/Typography/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport isPropValid from \"@emotion/is-prop-valid\";\nimport { mq } from \"../../../shared/mediaQueries\";\n\nimport {\n  TextAlignment,\n  TextVariations,\n  TextSize,\n  MQ,\n  Hyphens,\n} from \"../../../types\";\n\nexport type TextProps = {\n  children: React.ReactNode;\n  size?: TextSize;\n  weight?: \"normal\" | \"bold\" | \"black\" | \"inherit\";\n  transform?: \"none\" | \"capitalize\" | \"uppercase\" | \"lowercase\";\n  as?: \"p\" | \"span\";\n  variant?: TextVariations;\n  align?: TextAlignment;\n  hyphens?: Hyphens | MQ<Hyphens>;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<TextProps> = {\n  size: \"m\",\n  weight: \"normal\",\n  transform: \"none\",\n  as: \"p\",\n  variant: \"secondary\",\n  align: \"left\",\n  hyphens: \"none\",\n  \"data-e2e-test-id\": undefined,\n};\n\nexport const Text = styled(\"p\", {\n  shouldForwardProp: (prop: string) =>\n    isPropValid(prop) && prop !== \"transform\",\n})<TextProps>(\n  ({ theme, align, weight, size, transform, hyphens, variant }) => ({\n    fontFamily: theme.variables.fontFamily.lato,\n    margin: 0,\n    textTransform: transform,\n    textAlign: align,\n    // font-weight prop is a string becuase emotion doesn't support\n    // string values for \"fontWeight\" prop\n    \"font-weight\": String(theme.variables.weight[weight]),\n    color: theme.values.color.text[variant],\n    fontSize: theme.variables.size.font.text[size],\n    lineHeight: theme.variables.size.lineHeight.text[size],\n    ...mq({\n      hyphens: [hyphens, { none: \"none\", auto: \"auto\", manual: \"manual\" }],\n    }),\n  })\n);\n\nText.defaultProps = defaultProps;\n"],"names":["defaultProps","size","weight","transform","as","variant","align","hyphens","undefined","Text","_styled","process","env","NODE_ENV","shouldForwardProp","prop","isPropValid","target","label","_ref","theme","fontFamily","variables","lato","margin","textTransform","textAlign","String","color","values","text","fontSize","font","lineHeight","mq","none","auto","manual"],"mappings":";;;;AAyBA,MAAMA,YAAgC,GAAG;AACvCC,EAAAA,IAAI,EAAE,GAAG;AACTC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,SAAS,EAAE,MAAM;AACjBC,EAAAA,EAAE,EAAE,GAAG;AACPC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,OAAO,EAAE,MAAM;AACf,EAAA,kBAAkB,EAAEC,SAAAA;AACtB,CAAC,CAAA;AAEM,MAAMC,IAAI,gBAAGC,OAAA,CAAO,GAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAC5BC,iBAAiB,EAAGC,IAAY,IAC9BC,WAAW,CAACD,IAAI,CAAC,IAAIA,IAAI,KAAK,WAAW;EAAAE,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAD3CH,iBAAiB,EAAGC,IAAY,IAC9BC,WAAW,CAACD,IAAI,CAAC,IAAIA,IAAI,KAAK,WAAW;EAAAE,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,MAAA;AAAA,CAAA,CAC3C,CACAC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEd,KAAK;IAAEJ,MAAM;IAAED,IAAI;IAAEE,SAAS;IAAEI,OAAO;AAAEF,IAAAA,OAAAA;AAAQ,GAAC,GAAAc,IAAA,CAAA;EAAA,OAAM;AAChEE,IAAAA,UAAU,EAAED,KAAK,CAACE,SAAS,CAACD,UAAU,CAACE,IAAI;AAC3CC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,aAAa,EAAEtB,SAAS;AACxBuB,IAAAA,SAAS,EAAEpB,KAAK;AAChB;AACA;IACA,aAAa,EAAEqB,MAAM,CAACP,KAAK,CAACE,SAAS,CAACpB,MAAM,CAACA,MAAM,CAAC,CAAC;IACrD0B,KAAK,EAAER,KAAK,CAACS,MAAM,CAACD,KAAK,CAACE,IAAI,CAACzB,OAAO,CAAC;AACvC0B,IAAAA,QAAQ,EAAEX,KAAK,CAACE,SAAS,CAACrB,IAAI,CAAC+B,IAAI,CAACF,IAAI,CAAC7B,IAAI,CAAC;AAC9CgC,IAAAA,UAAU,EAAEb,KAAK,CAACE,SAAS,CAACrB,IAAI,CAACgC,UAAU,CAACH,IAAI,CAAC7B,IAAI,CAAC;AACtD,IAAA,GAAGiC,EAAE,CAAC;MACJ3B,OAAO,EAAE,CAACA,OAAO,EAAE;AAAE4B,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,MAAM,EAAE,QAAA;OAAU,CAAA;KACpE,CAAA;GACF,CAAA;AAAA,CAAC,EAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,i8EAAA,EAAA;AAEDJ,IAAI,CAACT,YAAY,GAAGA,YAAY;;;;"}

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

@@ -0,0 +1,46 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Text } from '../Text/Text.js';
+
+const defaultProps = {
+  lines: 1,
+  size: "m"
+};
+const Container = /*#__PURE__*/_styled("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.createElement(Text, _extends({
+    "data-e2e-test-id": dataE2eTestId
+  }, textProps), /*#__PURE__*/React.createElement(Container, {
+    lines: lines,
+    size: textProps.size
+  }, children));
+}
+TextClamped.defaultProps = defaultProps;
+
+export { TextClamped };
+//# sourceMappingURL=TextClamped.js.map

package/build/esm/src/components/Typography/TextClamped/TextClamped.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextClamped.js","sources":["../../../../../../src/components/Typography/TextClamped/TextClamped.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text, TextProps } from \"../Text/Text\";\n\nexport type TextClampedProps = TextProps & {\n  /** The maximum number of lines. Default is 1. */\n  lines?: number;\n};\n\nconst defaultProps: Partial<TextClampedProps> = {\n  lines: 1,\n  size: \"m\",\n};\n\nconst Container = styled.span<TextClampedProps>(({ lines, theme, size }) => ({\n  display: \"-webkit-box\",\n  \"-webkit-box-orient\": \"vertical\",\n  overflow: \"hidden\",\n  WebkitLineClamp: lines,\n  maxHeight: lines * parseInt(theme.variables.size.lineHeight.text[size], 10),\n}));\n\nexport function TextClamped(props: TextClampedProps): React.ReactElement {\n  const {\n    lines,\n    children,\n    \"data-e2e-test-id\": dataE2eTestId,\n    ...textProps\n  } = props;\n\n  return (\n    <Text data-e2e-test-id={dataE2eTestId} {...textProps}>\n      <Container lines={lines} size={textProps.size}>\n        {children}\n      </Container>\n    </Text>\n  );\n}\n\nTextClamped.defaultProps = defaultProps;\n"],"names":["defaultProps","lines","size","Container","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","overflow","WebkitLineClamp","maxHeight","parseInt","variables","lineHeight","text","TextClamped","props","children","dataE2eTestId","textProps","React","createElement","Text","_extends"],"mappings":";;;;;AAUA,MAAMA,YAAuC,GAAG;AAC9CC,EAAAA,KAAK,EAAE,CAAC;AACRC,EAAAA,IAAI,EAAE,GAAA;AACR,CAAC,CAAA;AAED,MAAMC,SAAS,gBAAGC,OAAA,CAAA,MAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAA8BC,IAAA,IAAA;EAAA,IAAC;IAAET,KAAK;IAAEU,KAAK;AAAET,IAAAA,IAAAA;AAAK,GAAC,GAAAQ,IAAA,CAAA;EAAA,OAAM;AAC3EE,IAAAA,OAAO,EAAE,aAAa;AACtB,IAAA,oBAAoB,EAAE,UAAU;AAChCC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,eAAe,EAAEb,KAAK;AACtBc,IAAAA,SAAS,EAAEd,KAAK,GAAGe,QAAQ,CAACL,KAAK,CAACM,SAAS,CAACf,IAAI,CAACgB,UAAU,CAACC,IAAI,CAACjB,IAAI,CAAC,EAAE,EAAE,CAAA;GAC3E,CAAA;AAAA,CAAC,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6pDAAA,CAAA,CAAA;AAEI,SAASa,WAAWA,CAACC,KAAuB,EAAsB;EACvE,MAAM;IACJpB,KAAK;IACLqB,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAa;IACjC,GAAGC,SAAAA;AACL,GAAC,GAAGH,KAAK,CAAA;AAET,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAAC,QAAA,CAAA;IAAC,kBAAkBL,EAAAA,aAAAA;AAAc,GAAA,EAAKC,SAAS,CAClDC,eAAAA,KAAA,CAAAC,aAAA,CAACvB,SAAS,EAAA;AAACF,IAAAA,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEsB,SAAS,CAACtB,IAAAA;GACtCoB,EAAAA,QAAQ,CACC,CACP,CAAA;AAEX,CAAA;AAEAF,WAAW,CAACpB,YAAY,GAAGA,YAAY;;;;"}

package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js

@@ -0,0 +1,109 @@
+import _styled from '@emotion/styled/base';
+import React, { useRef, useReducer, useLayoutEffect, useEffect } from 'react';
+import { VirtualScrollReducer } from './VirtualScrollListReducer.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ebr5g6s1"
+} : {
+  target: "ebr5g6s1",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    maxHeight
+  } = _ref;
+  return {
+    overflow: "auto",
+    width: "100%",
+    height: "100%",
+    maxHeight
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpcnR1YWxTY3JvbGxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLd0IiLCJmaWxlIjoiVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzY3JvbGxlZEluUHh9cHhgLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ISFpdGVtQ291bnRUb0JlUmVuZGVyZWQgJiZcbiAgICAgICAgICAgICAgbmV3IEFycmF5KGl0ZW1Db3VudFRvQmVSZW5kZXJlZClcbiAgICAgICAgICAgICAgICAuZmlsbCgwKVxuICAgICAgICAgICAgICAgIC5tYXAoKF8sIGluZGV4KSA9PiBpdGVtVGVtcGxhdGUoc2Nyb2xsZWRJdGVtQ291bnQgKyBpbmRleCkpfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1N0eWxlZFNjcm9sbGFibGVDb250ZW50PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledScrollableContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ebr5g6s0"
+} : {
+  target: "ebr5g6s0",
+  label: "StyledScrollableContent"
+})(_ref2 => {
+  let {
+    maxContentHeight
+  } = _ref2;
+  return {
+    overflow: "hidden",
+    boxSizing: "border-box",
+    height: maxContentHeight
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpcnR1YWxTY3JvbGxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZ0MiLCJmaWxlIjoiVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzY3JvbGxlZEluUHh9cHhgLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ISFpdGVtQ291bnRUb0JlUmVuZGVyZWQgJiZcbiAgICAgICAgICAgICAgbmV3IEFycmF5KGl0ZW1Db3VudFRvQmVSZW5kZXJlZClcbiAgICAgICAgICAgICAgICAuZmlsbCgwKVxuICAgICAgICAgICAgICAgIC5tYXAoKF8sIGluZGV4KSA9PiBpdGVtVGVtcGxhdGUoc2Nyb2xsZWRJdGVtQ291bnQgKyBpbmRleCkpfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1N0eWxlZFNjcm9sbGFibGVDb250ZW50PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
+const overscan = 10;
+function VirtualScrollList(_ref3) {
+  let {
+    maxHeight,
+    itemHeight,
+    itemAmount,
+    emptyState = () => null,
+    itemInView,
+    itemTemplate,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref3;
+  const scrollableContainerRef = useRef(null);
+  const viewportRef = useRef(null);
+  const [{
+    scrolledItemCount,
+    amountOfItemsInView,
+    scrolledInPx,
+    maxContentHeight = maxHeight,
+    recommendedScrollPosition
+  }, dispatch] = useReducer(VirtualScrollReducer, {});
+  useLayoutEffect(() => {
+    dispatch({
+      type: "reset",
+      itemHeight,
+      maxHeight,
+      overscan
+    });
+    scrollableContainerRef.current.scrollTop = 0;
+  }, [itemHeight, itemAmount, maxHeight]);
+  useEffect(() => {
+    dispatch({
+      type: "recommendScrollPosition",
+      scrollTop: scrollableContainerRef.current.scrollTop,
+      itemToBeInView: itemInView
+    });
+  }, [itemInView]);
+  useEffect(() => {
+    if (recommendedScrollPosition === null) return;
+    scrollableContainerRef.current.scrollTop = recommendedScrollPosition;
+  }, [recommendedScrollPosition]);
+  useLayoutEffect(() => {
+    if (!viewportRef.current) return;
+    dispatch({
+      type: "updateViewport",
+      viewportNode: viewportRef.current,
+      itemAmount
+    });
+  }, [itemAmount, scrolledItemCount]);
+  const itemCountToBeRendered = Math.min(Math.max(0, itemAmount - scrolledItemCount), amountOfItemsInView);
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    ref: scrollableContainerRef,
+    maxHeight: maxHeight,
+    style: {
+      maxHeight
+    },
+    "data-e2e-test-id": dataE2eTestId,
+    onScroll: e => {
+      dispatch({
+        type: "scroll",
+        scrollTop: e.currentTarget.scrollTop
+      });
+    }
+  }, itemAmount === 0 ? emptyState() : /*#__PURE__*/React.createElement(StyledScrollableContent, {
+    maxContentHeight: maxContentHeight
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: viewportRef,
+    style: {
+      transform: `translateY(${scrolledInPx}px`
+    }
+  }, !!itemCountToBeRendered && new Array(itemCountToBeRendered).fill(0).map((_, index) => itemTemplate(scrolledItemCount + index)))));
+}
+
+export { VirtualScrollList };
+//# sourceMappingURL=VirtualScrollList.js.map

package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualScrollList.js","sources":["../../../../../src/components/VirtualScrollList/VirtualScrollList.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useRef, useReducer, useLayoutEffect, useEffect } from \"react\";\n\nimport { VirtualScrollReducer } from \"./VirtualScrollListReducer\";\n\nconst StyledContainer = styled.div<Partial<VirtualScrollListProps>>(\n  ({ maxHeight }) => ({\n    overflow: \"auto\",\n    width: \"100%\",\n    height: \"100%\",\n    maxHeight,\n  })\n);\n\nconst StyledScrollableContent = styled.div<{ maxContentHeight: number }>(\n  ({ maxContentHeight }) => ({\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    height: maxContentHeight,\n  })\n);\n\nexport type VirtualScrollListProps = {\n  \"data-e2e-test-id\"?: string;\n  maxHeight: number;\n  itemHeight: number;\n  itemAmount: number;\n  emptyState: () => React.ReactNode;\n  itemInView: number;\n  itemTemplate: (index: number) => React.ReactNode;\n};\n\nconst overscan = 10;\n\nexport function VirtualScrollList({\n  maxHeight,\n  itemHeight,\n  itemAmount,\n  emptyState = () => null,\n  itemInView,\n  itemTemplate,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: VirtualScrollListProps): React.ReactElement {\n  const scrollableContainerRef = useRef(null);\n  const viewportRef = useRef(null);\n\n  const [\n    {\n      scrolledItemCount,\n      amountOfItemsInView,\n      scrolledInPx,\n      maxContentHeight = maxHeight,\n      recommendedScrollPosition,\n    },\n    dispatch,\n  ] = useReducer(VirtualScrollReducer, {});\n\n  useLayoutEffect(() => {\n    dispatch({ type: \"reset\", itemHeight, maxHeight, overscan });\n    scrollableContainerRef.current.scrollTop = 0;\n  }, [itemHeight, itemAmount, maxHeight]);\n\n  useEffect(() => {\n    dispatch({\n      type: \"recommendScrollPosition\",\n      scrollTop: scrollableContainerRef.current.scrollTop,\n      itemToBeInView: itemInView,\n    });\n  }, [itemInView]);\n\n  useEffect(() => {\n    if (recommendedScrollPosition === null) return;\n\n    scrollableContainerRef.current.scrollTop = recommendedScrollPosition;\n  }, [recommendedScrollPosition]);\n  useLayoutEffect(() => {\n    if (!viewportRef.current) return;\n    dispatch({\n      type: \"updateViewport\",\n      viewportNode: viewportRef.current,\n      itemAmount,\n    });\n  }, [itemAmount, scrolledItemCount]);\n\n  const itemCountToBeRendered = Math.min(\n    Math.max(0, itemAmount - scrolledItemCount),\n    amountOfItemsInView\n  );\n\n  return (\n    <StyledContainer\n      ref={scrollableContainerRef}\n      maxHeight={maxHeight}\n      style={{ maxHeight }}\n      data-e2e-test-id={dataE2eTestId}\n      onScroll={(e: React.UIEvent<HTMLElement>) => {\n        dispatch({\n          type: \"scroll\",\n          scrollTop: e.currentTarget.scrollTop,\n        });\n      }}\n    >\n      {itemAmount === 0 ? (\n        emptyState()\n      ) : (\n        <StyledScrollableContent maxContentHeight={maxContentHeight}>\n          <div\n            ref={viewportRef}\n            style={{\n              transform: `translateY(${scrolledInPx}px`,\n            }}\n          >\n            {!!itemCountToBeRendered &&\n              new Array(itemCountToBeRendered)\n                .fill(0)\n                .map((_, index) => itemTemplate(scrolledItemCount + index))}\n          </div>\n        </StyledScrollableContent>\n      )}\n    </StyledContainer>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","maxHeight","overflow","width","height","StyledScrollableContent","_ref2","maxContentHeight","boxSizing","overscan","VirtualScrollList","_ref3","itemHeight","itemAmount","emptyState","itemInView","itemTemplate","dataE2eTestId","scrollableContainerRef","useRef","viewportRef","scrolledItemCount","amountOfItemsInView","scrolledInPx","recommendedScrollPosition","dispatch","useReducer","VirtualScrollReducer","useLayoutEffect","type","current","scrollTop","useEffect","itemToBeInView","viewportNode","itemCountToBeRendered","Math","min","max","React","createElement","ref","style","onScroll","e","currentTarget","transform","Array","fill","map","_","index"],"mappings":"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"}