@amboss/design-system 1.15.2 → 1.15.3

package/build/esm/src/components/Tooltip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/Tooltip/utils.ts"],"sourcesContent":["import { RefObject } from \"react\";\nimport type { TooltipProps, TooltipPosition } from \"./Tooltip\";\n\nexport const DISTANCE_FROM_TRIGGER = 4;\nexport const ANIMATION_DISTANCE = 8;\nexport const ARROW_SIZE = 6;\nexport const TOOLTIP_MARGIN =\n  ARROW_SIZE + ANIMATION_DISTANCE + DISTANCE_FROM_TRIGGER;\nexport const ARROW_OFFSET = 8;\n\n/**\n * Get tooltip position\n */\nexport function getTooltipPosition(\n  placement: TooltipProps[\"placement\"],\n  triggerRef: RefObject<any>,\n  tooltipRef: RefObject<any>,\n  document: Document,\n  window: Window\n): TooltipPosition {\n  const triggerRect = triggerRef.current.getBoundingClientRect();\n  const tooltipRect = tooltipRef.current.getBoundingClientRect();\n  const viewportWidth = document.documentElement.clientWidth;\n  let top = 0;\n  let left = 0;\n  let verticalPlacement: TooltipPosition[\"verticalPlacement\"] = \"top\";\n  let horizontalPlacement: TooltipPosition[\"horizontalPlacement\"] = \"center\";\n\n  switch (placement) {\n    case \"top\":\n    case \"bottom\":\n      verticalPlacement = placement;\n      break;\n    case \"top-left\":\n    case \"top-right\":\n    case \"bottom-left\":\n    case \"bottom-right\": {\n      const placements = placement.split(\"-\");\n\n      verticalPlacement = placements[0] as TooltipPosition[\"verticalPlacement\"];\n      horizontalPlacement =\n        placements[1] as TooltipPosition[\"horizontalPlacement\"];\n      break;\n    }\n    default:\n      // If there is no space on the top of trigger, then place it at the bottom\n      if (triggerRect.top < tooltipRect.height) {\n        verticalPlacement = \"bottom\";\n      }\n\n      // Check if we have space on the left for half of the tooltip width\n      if (triggerRect.left >= tooltipRect.width / 2) {\n        // Check if we have space on the right for half of the tooltip width\n        if (\n          triggerRect.left + triggerRect.width / 2 + tooltipRect.width / 2 >\n          viewportWidth\n        ) {\n          // no space on the right\n          horizontalPlacement = \"left\";\n        }\n      } else {\n        // We don't have space on the left\n        horizontalPlacement = \"right\";\n      }\n  }\n\n  if (verticalPlacement === \"top\") {\n    top = triggerRect.top - tooltipRect.height - TOOLTIP_MARGIN;\n  } else {\n    top = triggerRect.bottom + TOOLTIP_MARGIN;\n  }\n\n  switch (horizontalPlacement) {\n    case \"left\":\n      left =\n        triggerRect.left +\n        triggerRect.width / 2 -\n        tooltipRect.width +\n        ARROW_OFFSET +\n        ARROW_SIZE;\n      break;\n    case \"right\":\n      left =\n        triggerRect.left + triggerRect.width / 2 - ARROW_OFFSET - ARROW_SIZE;\n      break;\n    default:\n      left = triggerRect.left + triggerRect.width / 2;\n  }\n\n  return {\n    top: top + window.scrollY,\n    left: left + window.scrollX,\n    horizontalPlacement,\n    verticalPlacement,\n  };\n}\n"],"names":["DISTANCE_FROM_TRIGGER","ANIMATION_DISTANCE","ARROW_SIZE","TOOLTIP_MARGIN","ARROW_OFFSET","getTooltipPosition","placement","triggerRef","tooltipRef","document","window","triggerRect","current","getBoundingClientRect","tooltipRect","viewportWidth","documentElement","clientWidth","top","left","verticalPlacement","horizontalPlacement","placements","split","height","width","bottom","scrollY","scrollX"],"mappings":"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"}

package/build/esm/src/components/Typography/Header/Header.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import { Theme } from "@emotion/react";
+export declare type HeaderProps = {
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    children: React.ReactNode;
+    "data-e2e-test-id"?: string;
+    /** @ignore */
+    "data-ds-id"?: string;
+    id?: string;
+};
+export declare const H1: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType<any>;
+} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H2: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType<any>;
+} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H3: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType<any>;
+} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H4: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType<any>;
+} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H5: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType<any>;
+} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H6: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType<any>;
+} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;

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

@@ -0,0 +1,122 @@
+import _styled from '@emotion/styled/base';
+
+const getCommonStyles = theme => ({
+  color: theme.values.color.text.primary.default,
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+H1.defaultProps = {
+  "data-ds-id": "H1"
+};
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+H2.defaultProps = {
+  "data-ds-id": "H2"
+};
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+H3.defaultProps = {
+  "data-ds-id": "H3"
+};
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+H4.defaultProps = {
+  "data-ds-id": "H4"
+};
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNERrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+H5.defaultProps = {
+  "data-ds-id": "H5"
+};
+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.text.tertiary.default
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+H6.defaultProps = {
+  "data-ds-id": "H6"
+};
+
+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\nexport type HeaderProps = {\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  children: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n  /** @ignore */\n  \"data-ds-id\"?: string;\n  id?: string;\n};\n\nconst getCommonStyles = (theme: Theme) => ({\n  color: theme.values.color.text.primary.default,\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\nH1.defaultProps = {\n  \"data-ds-id\": \"H1\",\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\nH2.defaultProps = {\n  \"data-ds-id\": \"H2\",\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\nH3.defaultProps = {\n  \"data-ds-id\": \"H3\",\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\nH4.defaultProps = {\n  \"data-ds-id\": \"H4\",\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\nH5.defaultProps = {\n  \"data-ds-id\": \"H5\",\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.text.tertiary.default,\n}));\n\nH6.defaultProps = {\n  \"data-ds-id\": \"H6\",\n};\n"],"names":["getCommonStyles","theme","color","values","text","primary","default","fontFamily","variables","lato","fontWeight","weight","black","margin","H1","_styled","process","env","NODE_ENV","target","label","_ref","fontSize","size","font","header","xl","lineHeight","defaultProps","H2","_ref2","l","H3","_ref3","m","H4","_ref4","s","H5","_ref5","xs","H6","_ref6","xxs","letterSpacing","textTransform","tertiary"],"mappings":"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"}

package/build/esm/src/components/Typography/StyledText/StyledText.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export declare type FormattedElementProps = {
+    key: string;
+    children: string | React.ReactNode[];
+};
+export declare const makeStyledJSX: (string: string) => React.ReactNode[] | string | null;
+export declare type StyledTextProps = {
+    children: string;
+    "data-e2e-test-id"?: string;
+};
+export declare function StyledText({ children, "data-e2e-test-id": dataE2eTestId, }: StyledTextProps): React.ReactElement;

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

@@ -0,0 +1,161 @@
+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/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gU3R5bGVkVGV4dCh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFN0eWxlZFRleHRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0eXBlb2YgY2hpbGRyZW4gIT09IFwic3RyaW5nXCIpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGRhdGEtZHMtaWQ9XCJTdHlsZWRUZXh0XCI+XG4gICAgICB7bWFrZVN0eWxlZEpTWChjaGlsZHJlbil9XG4gICAgPC9zcGFuPlxuICApO1xufVxuIl19 */",
+  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/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gU3R5bGVkVGV4dCh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFN0eWxlZFRleHRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0eXBlb2YgY2hpbGRyZW4gIT09IFwic3RyaW5nXCIpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGRhdGEtZHMtaWQ9XCJTdHlsZWRUZXh0XCI+XG4gICAgICB7bWFrZVN0eWxlZEpTWChjaGlsZHJlbil9XG4gICAgPC9zcGFuPlxuICApO1xufVxuIl19 */",
+  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,
+    "data-ds-id": "StyledText"
+  }, 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} data-ds-id=\"StyledText\">\n      {makeStyledJSX(children)}\n    </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.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { TextAlignment, TextVariations, TextColors, TextSize, MQ, Hyphens } from "../../../types";
+export declare type TextProps = {
+    children: React.ReactNode;
+    size?: TextSize;
+    weight?: "normal" | "bold" | "black" | "inherit";
+    transform?: "none" | "capitalize" | "uppercase" | "lowercase";
+    as?: "p" | "span";
+    /** @deprecated variant property is deprecated now. Please use color prop. */
+    variant?: TextVariations;
+    color?: TextColors;
+    align?: TextAlignment;
+    hyphens?: Hyphens | MQ<Hyphens>;
+    "data-e2e-test-id"?: string;
+    /** @ignore */
+    "data-ds-id"?: string;
+};
+export declare const Text: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+} & TextProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

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

@@ -0,0 +1,65 @@
+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",
+  color: "primary",
+  align: "left",
+  hyphens: "none",
+  "data-e2e-test-id": undefined,
+  "data-ds-id": "Text"
+};
+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,
+    color
+  } = _ref;
+  return {
+    fontFamily: theme.variables.fontFamily.lato,
+    margin: 0,
+    textTransform: transform,
+    textAlign: align,
+    fontWeight: theme.variables.weight[weight],
+    color: theme.values.color.text[color].default,
+    // variant is deprecated and it should be deleted asap
+    ...(variant && {
+      color: theme.values.color.text[variant].default,
+      ...(variant === "primary" && {
+        color: theme.values.color.text.accent.default
+      }),
+      ...(variant === "secondary" && {
+        color: theme.values.color.text.primary.default
+      })
+    }),
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDb0IiLCJmaWxlIjoiVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkLCB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBUZXh0QWxpZ25tZW50LFxuICBUZXh0VmFyaWF0aW9ucyxcbiAgVGV4dENvbG9ycyxcbiAgVGV4dFNpemUsXG4gIE1RLFxuICBIeXBoZW5zLFxufSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgVGV4dFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBzaXplPzogVGV4dFNpemU7XG4gIHdlaWdodD86IFwibm9ybWFsXCIgfCBcImJvbGRcIiB8IFwiYmxhY2tcIiB8IFwiaW5oZXJpdFwiO1xuICB0cmFuc2Zvcm0/OiBcIm5vbmVcIiB8IFwiY2FwaXRhbGl6ZVwiIHwgXCJ1cHBlcmNhc2VcIiB8IFwibG93ZXJjYXNlXCI7XG4gIGFzPzogXCJwXCIgfCBcInNwYW5cIjtcbiAgLyoqIEBkZXByZWNhdGVkIHZhcmlhbnQgcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgY29sb3IgcHJvcC4gKi9cbiAgdmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xuICBjb2xvcj86IFRleHRDb2xvcnM7XG4gIGFsaWduPzogVGV4dEFsaWdubWVudDtcbiAgaHlwaGVucz86IEh5cGhlbnMgfCBNUTxIeXBoZW5zPjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPFRleHRQcm9wcz4gPSB7XG4gIHNpemU6IFwibVwiLFxuICB3ZWlnaHQ6IFwibm9ybWFsXCIsXG4gIHRyYW5zZm9ybTogXCJub25lXCIsXG4gIGFzOiBcInBcIixcbiAgY29sb3I6IFwicHJpbWFyeVwiLFxuICBhbGlnbjogXCJsZWZ0XCIsXG4gIGh5cGhlbnM6IFwibm9uZVwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBcImRhdGEtZHMtaWRcIjogXCJUZXh0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZChcInBcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3A6IHN0cmluZykgPT5cbiAgICBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcInRyYW5zZm9ybVwiLFxufSk8VGV4dFByb3BzPihcbiAgKHsgdGhlbWUsIGFsaWduLCB3ZWlnaHQsIHNpemUsIHRyYW5zZm9ybSwgaHlwaGVucywgdmFyaWFudCwgY29sb3IgfSkgPT5cbiAgICAoe1xuICAgICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIHRleHRUcmFuc2Zvcm06IHRyYW5zZm9ybSxcbiAgICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0W3dlaWdodF0sXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG5cbiAgICAgIC8vIHZhcmlhbnQgaXMgZGVwcmVjYXRlZCBhbmQgaXQgc2hvdWxkIGJlIGRlbGV0ZWQgYXNhcFxuICAgICAgLi4uKHZhcmlhbnQgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbdmFyaWFudF0uZGVmYXVsdCxcbiAgICAgICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgICAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgfSksXG4gICAgICB9KSxcblxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dFtzaXplXSxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dFtzaXplXSxcbiAgICAgIC4uLm1xKHtcbiAgICAgICAgaHlwaGVuczogW2h5cGhlbnMsIHsgbm9uZTogXCJub25lXCIsIGF1dG86IFwiYXV0b1wiLCBtYW51YWw6IFwibWFudWFsXCIgfV0sXG4gICAgICB9KSxcbiAgICB9IGFzIENTU09iamVjdClcbik7XG5cblRleHQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+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, { CSSObject } from \"@emotion/styled\";\nimport isPropValid from \"@emotion/is-prop-valid\";\nimport { mq } from \"../../../shared/mediaQueries\";\n\nimport {\n  TextAlignment,\n  TextVariations,\n  TextColors,\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  /** @deprecated variant property is deprecated now. Please use color prop. */\n  variant?: TextVariations;\n  color?: TextColors;\n  align?: TextAlignment;\n  hyphens?: Hyphens | MQ<Hyphens>;\n  \"data-e2e-test-id\"?: string;\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst defaultProps: Partial<TextProps> = {\n  size: \"m\",\n  weight: \"normal\",\n  transform: \"none\",\n  as: \"p\",\n  color: \"primary\",\n  align: \"left\",\n  hyphens: \"none\",\n  \"data-e2e-test-id\": undefined,\n  \"data-ds-id\": \"Text\",\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, color }) =>\n    ({\n      fontFamily: theme.variables.fontFamily.lato,\n      margin: 0,\n      textTransform: transform,\n      textAlign: align,\n      fontWeight: theme.variables.weight[weight],\n      color: theme.values.color.text[color].default,\n\n      // variant is deprecated and it should be deleted asap\n      ...(variant && {\n        color: theme.values.color.text[variant].default,\n        ...(variant === \"primary\" && {\n          color: theme.values.color.text.accent.default,\n        }),\n        ...(variant === \"secondary\" && {\n          color: theme.values.color.text.primary.default,\n        }),\n      }),\n\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    } as CSSObject)\n);\n\nText.defaultProps = defaultProps;\n"],"names":["defaultProps","size","weight","transform","as","color","align","hyphens","undefined","Text","_styled","process","env","NODE_ENV","shouldForwardProp","prop","isPropValid","target","label","_ref","theme","variant","fontFamily","variables","lato","margin","textTransform","textAlign","fontWeight","values","text","default","accent","primary","fontSize","font","lineHeight","mq","none","auto","manual"],"mappings":";;;;AA8BA,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,KAAK,EAAE,SAAS;AAChBC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,OAAO,EAAE,MAAM;AACf,EAAA,kBAAkB,EAAEC,SAAS;AAC7B,EAAA,YAAY,EAAE,MAAA;AAChB,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,CAC5C,CAAC,CACAC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEd,KAAK;IAAEJ,MAAM;IAAED,IAAI;IAAEE,SAAS;IAAEI,OAAO;IAAEc,OAAO;AAAEhB,IAAAA,KAAAA;AAAM,GAAC,GAAAc,IAAA,CAAA;EAAA,OAChE;AACCG,IAAAA,UAAU,EAAEF,KAAK,CAACG,SAAS,CAACD,UAAU,CAACE,IAAI;AAC3CC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,aAAa,EAAEvB,SAAS;AACxBwB,IAAAA,SAAS,EAAErB,KAAK;IAChBsB,UAAU,EAAER,KAAK,CAACG,SAAS,CAACrB,MAAM,CAACA,MAAM,CAAC;AAC1CG,IAAAA,KAAK,EAAEe,KAAK,CAACS,MAAM,CAACxB,KAAK,CAACyB,IAAI,CAACzB,KAAK,CAAC,CAAC0B,OAAO;AAE7C;AACA,IAAA,IAAIV,OAAO,IAAI;AACbhB,MAAAA,KAAK,EAAEe,KAAK,CAACS,MAAM,CAACxB,KAAK,CAACyB,IAAI,CAACT,OAAO,CAAC,CAACU,OAAO;MAC/C,IAAIV,OAAO,KAAK,SAAS,IAAI;QAC3BhB,KAAK,EAAEe,KAAK,CAACS,MAAM,CAACxB,KAAK,CAACyB,IAAI,CAACE,MAAM,CAACD,OAAAA;AACxC,OAAC,CAAC;MACF,IAAIV,OAAO,KAAK,WAAW,IAAI;QAC7BhB,KAAK,EAAEe,KAAK,CAACS,MAAM,CAACxB,KAAK,CAACyB,IAAI,CAACG,OAAO,CAACF,OAAAA;OACxC,CAAA;AACH,KAAC,CAAC;AAEFG,IAAAA,QAAQ,EAAEd,KAAK,CAACG,SAAS,CAACtB,IAAI,CAACkC,IAAI,CAACL,IAAI,CAAC7B,IAAI,CAAC;AAC9CmC,IAAAA,UAAU,EAAEhB,KAAK,CAACG,SAAS,CAACtB,IAAI,CAACmC,UAAU,CAACN,IAAI,CAAC7B,IAAI,CAAC;AACtD,IAAA,GAAGoC,EAAE,CAAC;MACJ9B,OAAO,EAAE,CAACA,OAAO,EAAE;AAAE+B,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,MAAM,EAAE,QAAA;OAAU,CAAA;KACpE,CAAA;GACF,CAAA;AAAA,CAAc,EAAA7B,OAAA,CAAAC,GAAA,CAAAC,QAAA,8oGACnB,EAAC;AAEDJ,IAAI,CAACT,YAAY,GAAGA,YAAY;;;;"}

package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TextProps } from "../Text/Text";
+export declare type TextClampedProps = TextProps & {
+    /** The maximum number of lines. Default is 1. */
+    lines?: number;
+};
+export declare function TextClamped(props: TextClampedProps): React.ReactElement;
+export declare namespace TextClamped {
+    var defaultProps: Partial<TextClampedProps>;
+}

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

@@ -0,0 +1,47 @@
+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+KCh7IGxpbmVzLCB0aGVtZSwgc2l6ZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gIFwiLXdlYmtpdC1ib3gtb3JpZW50XCI6IFwidmVydGljYWxcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIFdlYmtpdExpbmVDbGFtcDogbGluZXMsXG4gIG1heEhlaWdodDogbGluZXMgKiBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHRbc2l6ZV0sIDEwKSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRleHRDbGFtcGVkKHByb3BzOiBUZXh0Q2xhbXBlZFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3Qge1xuICAgIGxpbmVzLFxuICAgIGNoaWxkcmVuLFxuICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgIC4uLnRleHRQcm9wc1xuICB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUZXh0Q2xhbXBlZFwiXG4gICAgICB7Li4udGV4dFByb3BzfVxuICAgID5cbiAgICAgIDxDb250YWluZXIgbGluZXM9e2xpbmVzfSBzaXplPXt0ZXh0UHJvcHMuc2l6ZX0+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,
+    "data-ds-id": "TextClamped"
+  }, 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\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"TextClamped\"\n      {...textProps}\n    >\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,quDAAA,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;AACH,IAAA,kBAAA,EAAkBL,aAAc;IAChC,YAAW,EAAA,aAAA;AAAa,GAAA,EACpBC,SAAS,CAEbC,eAAAA,KAAA,CAAAC,aAAA,CAACvB,SAAS,EAAA;AAACF,IAAAA,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEsB,SAAS,CAACtB,IAAAA;GACtCoB,EAAAA,QACQ,CACP,CAAC,CAAA;AAEX,CAAA;AAEAF,WAAW,CAACpB,YAAY,GAAGA,YAAY;;;;"}

package/build/esm/src/components/VirtualScrollList/VirtualScrollList.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export declare type VirtualScrollListProps = {
+    "data-e2e-test-id"?: string;
+    maxHeight: number;
+    itemHeight: number;
+    itemAmount: number;
+    emptyState: () => React.ReactNode;
+    itemInView: number;
+    itemTemplate: (index: number) => React.ReactNode;
+};
+export declare function VirtualScrollList({ maxHeight, itemHeight, itemAmount, emptyState, itemInView, itemTemplate, "data-e2e-test-id": dataE2eTestId, }: VirtualScrollListProps): React.ReactElement;