@amboss/design-system 1.12.1 → 1.13.0

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedProgressBar.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n// eslint-disable-next-line import/no-cycle\nimport {\n  getPercentagesForVariants,\n  sanitizeInputValues,\n} from \"./SegmentedProgressBarUtil\";\n\nexport type ValuesVariant = \"success\" | \"warning\" | \"alert\";\n\nexport type StyleVariant = ValuesVariant | \"inProgress\";\n\nexport type Value = number;\n\nexport type ProgressBarWeight = \"thin\" | \"fat\";\n\nexport type SegmentedProgressBarProps = {\n  /** The value for 100% progress. Consumer does not need to do percentage calculation.\n   * Just pass this number and some values. The progress bar does all percentag calculations */\n  maxValue: number;\n  /** The values already progressed. Possible ValuesVariants are used to display progress in a different color.\n   * Variants are:\n   * success => green;\n   * warning => yellow;\n   * alert => red */\n  values: Partial<Record<ValuesVariant, Value>>;\n  squareCorners?: boolean;\n  weight?: ProgressBarWeight;\n  privateProps?: SegmentedProgressBarPrivateProps;\n  \"data-e2e-test-id\"?: string;\n};\n\ntype SegmentedProgressBarPrivateProps = {\n  monochrome?: boolean;\n};\n\ntype SegmentProps = {\n  styleVariant: StyleVariant;\n  percentage: number;\n  monochrome: boolean;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<SegmentedProgressBarProps> = {\n  \"data-e2e-test-id\": undefined,\n  weight: \"fat\",\n  squareCorners: false,\n  privateProps: {\n    monochrome: false,\n  },\n};\n\nconst getBackgroundColor = (\n  theme: Theme,\n  style: StyleVariant,\n  monochrome: boolean\n) => {\n  switch (style) {\n    case \"success\":\n      return monochrome\n        ? theme.values.color.segementedProgressBar.monochrome\n        : theme.values.color.segementedProgressBar.success;\n    case \"warning\":\n      return monochrome\n        ? theme.values.color.segementedProgressBar.monochrome\n        : theme.values.color.segementedProgressBar.warning;\n    case \"alert\":\n      return monochrome\n        ? theme.values.color.segementedProgressBar.monochrome\n        : theme.values.color.segementedProgressBar.alert;\n    case \"inProgress\":\n    default:\n      return theme.values.color.segementedProgressBar.inProgress;\n  }\n};\n\nconst StyledSegmentedProgressBar = styled.div<\n  Partial<SegmentedProgressBarProps>\n>(({ theme, squareCorners, weight }) => ({\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  borderRadius: squareCorners\n    ? 0\n    : theme.variables.size.borderRadius.progressBar,\n  overflow: \"hidden\",\n  height:\n    weight === \"thin\"\n      ? theme.variables.size.spacing.xxs\n      : theme.variables.size.spacing.xs,\n}));\n\nconst StyledSegment = styled.div<Partial<SegmentProps>>(\n  ({ theme, styleVariant, percentage, monochrome }) => ({\n    height: \"100%\",\n    backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),\n    width: `${percentage}%`,\n  })\n);\n\nexport function SegmentedProgressBar({\n  maxValue,\n  values,\n  weight,\n  squareCorners,\n  privateProps: { monochrome },\n  \"data-e2e-test-id\": dataE2eTestId,\n}: SegmentedProgressBarProps): React.ReactElement {\n  const { sanitizedMaxValue, sanitizedValues } = sanitizeInputValues(\n    maxValue,\n    values\n  );\n\n  const percentages: {\n    percentage: number;\n    style: StyleVariant;\n  }[] = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);\n\n  return (\n    <StyledSegmentedProgressBar\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"SegmentedProgressBar\"\n      squareCorners={squareCorners}\n      weight={weight}\n    >\n      {percentages.map(({ percentage, style }) => (\n        <StyledSegment\n          key={style}\n          data-e2e-test-id={style as string}\n          styleVariant={style}\n          monochrome={monochrome}\n          percentage={percentage}\n        />\n      ))}\n    </StyledSegmentedProgressBar>\n  );\n}\n\nSegmentedProgressBar.defaultProps = defaultProps;\n"],"names":["defaultProps","undefined","weight","squareCorners","privateProps","monochrome","getBackgroundColor","theme","style","values","color","segementedProgressBar","success","warning","alert","inProgress","StyledSegmentedProgressBar","_styled","process","env","NODE_ENV","target","label","_ref","width","display","flexDirection","borderRadius","variables","size","progressBar","overflow","height","spacing","xxs","xs","StyledSegment","_ref2","styleVariant","percentage","backgroundColor","SegmentedProgressBar","_ref3","maxValue","dataE2eTestId","sanitizedMaxValue","sanitizedValues","sanitizeInputValues","percentages","getPercentagesForVariants","React","createElement","map","_ref4","key"],"mappings":"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"}
+{"version":3,"file":"SegmentedProgressBar.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n// eslint-disable-next-line import/no-cycle\nimport {\n  getPercentagesForVariants,\n  sanitizeInputValues,\n} from \"./SegmentedProgressBarUtil\";\n\nexport type ValuesVariant = \"success\" | \"warning\" | \"alert\";\n\nexport type StyleVariant = ValuesVariant | \"inProgress\";\n\nexport type Value = number;\n\nexport type ProgressBarWeight = \"thin\" | \"fat\";\n\nexport type SegmentedProgressBarProps = {\n  /** The value for 100% progress. Consumer does not need to do percentage calculation.\n   * Just pass this number and some values. The progress bar does all percentag calculations */\n  maxValue: number;\n  /** The values already progressed. Possible ValuesVariants are used to display progress in a different color.\n   * Variants are:\n   * success => green;\n   * warning => yellow;\n   * alert => red */\n  values: Partial<Record<ValuesVariant, Value>>;\n  squareCorners?: boolean;\n  weight?: ProgressBarWeight;\n  privateProps?: SegmentedProgressBarPrivateProps;\n  \"data-e2e-test-id\"?: string;\n};\n\ntype SegmentedProgressBarPrivateProps = {\n  monochrome?: boolean;\n};\n\ntype SegmentProps = {\n  styleVariant: StyleVariant;\n  percentage: number;\n  monochrome: boolean;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<SegmentedProgressBarProps> = {\n  \"data-e2e-test-id\": undefined,\n  weight: \"fat\",\n  squareCorners: false,\n  privateProps: {\n    monochrome: false,\n  },\n};\n\nconst getBackgroundColor = (\n  theme: Theme,\n  style: StyleVariant,\n  monochrome: boolean\n) => {\n  const monochromeColor = theme.values.color.segmentedProgressBar.monochrome;\n  switch (style) {\n    case \"success\":\n      return monochrome\n        ? monochromeColor\n        : theme.values.color.segmentedProgressBar.success;\n    case \"warning\":\n      return monochrome\n        ? monochromeColor\n        : theme.values.color.segmentedProgressBar.warning;\n    case \"alert\":\n      return monochrome\n        ? monochromeColor\n        : theme.values.color.segmentedProgressBar.alert;\n    case \"inProgress\":\n      return theme.values.color.segmentedProgressBar.inProgress;\n    default:\n      return theme.values.color.border.secondary.default;\n  }\n};\n\nconst StyledSegmentedProgressBar = styled.div<\n  Partial<SegmentedProgressBarProps>\n>(({ theme, squareCorners, weight }) => ({\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  borderRadius: squareCorners\n    ? 0\n    : theme.variables.size.borderRadius.progressBar,\n  overflow: \"hidden\",\n  height:\n    weight === \"thin\"\n      ? theme.variables.size.spacing.xxs\n      : theme.variables.size.spacing.xs,\n}));\n\nconst StyledSegment = styled.div<Partial<SegmentProps>>(\n  ({ theme, styleVariant, percentage, monochrome }) => ({\n    height: \"100%\",\n    backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),\n    width: `${percentage}%`,\n  })\n);\n\nexport function SegmentedProgressBar({\n  maxValue,\n  values,\n  weight,\n  squareCorners,\n  privateProps: { monochrome },\n  \"data-e2e-test-id\": dataE2eTestId,\n}: SegmentedProgressBarProps): React.ReactElement {\n  const { sanitizedMaxValue, sanitizedValues } = sanitizeInputValues(\n    maxValue,\n    values\n  );\n\n  const percentages: {\n    percentage: number;\n    style: StyleVariant;\n  }[] = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);\n\n  return (\n    <StyledSegmentedProgressBar\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"SegmentedProgressBar\"\n      squareCorners={squareCorners}\n      weight={weight}\n    >\n      {percentages.map(({ percentage, style }) => (\n        <StyledSegment\n          key={style}\n          data-e2e-test-id={style as string}\n          styleVariant={style}\n          monochrome={monochrome}\n          percentage={percentage}\n        />\n      ))}\n    </StyledSegmentedProgressBar>\n  );\n}\n\nSegmentedProgressBar.defaultProps = defaultProps;\n"],"names":["defaultProps","undefined","weight","squareCorners","privateProps","monochrome","getBackgroundColor","theme","style","monochromeColor","values","color","segmentedProgressBar","success","warning","alert","inProgress","border","secondary","default","StyledSegmentedProgressBar","_styled","process","env","NODE_ENV","target","label","_ref","width","display","flexDirection","borderRadius","variables","size","progressBar","overflow","height","spacing","xxs","xs","StyledSegment","_ref2","styleVariant","percentage","backgroundColor","SegmentedProgressBar","_ref3","maxValue","dataE2eTestId","sanitizedMaxValue","sanitizedValues","sanitizeInputValues","percentages","getPercentagesForVariants","React","createElement","map","_ref4","key"],"mappings":"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"}

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

@@ -1,17 +1,28 @@
 import React from "react";
+import { MQ, SpaceSizes } from "../../types";
 import { IconName } from "../Icon/Icon";
+/**
+ * @param label - The text to display in the tab
+ * @param sublabel - A subtext, encased in parentheses
+ * @param icon - An icon to display to the left of the label
+ * @param as - The element to render the tab as, defaults to `button`
+ */
+declare type Tab = {
+    label: string;
+    sublabel?: string;
+    icon?: IconName;
+    as?: "a" | "button" | React.ComponentType;
+} & Partial<React.ComponentProps<"button">> & Partial<React.ComponentProps<"a">>;
 export declare type TabsProps = {
     children?: React.ReactElement;
-    /** an index of active tab */
+    /** The index of the active tab */
     activeTab?: number;
     onTabSelect?: (selectedTab: number) => void;
-    /** an array of tabs, contains "header", "as", "iconLeft" and "iconRight" */
-    tabs: {
-        header: string;
-        as?: "a" | "button" | React.ComponentType;
-        iconLeft?: IconName;
-        iconRight?: IconName;
-    }[];
+    /** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */
+    tabs: Tab[];
+    /** Horizontal padding space for the tab container, suited for tabs within a Card element */
+    horizontalPadding?: SpaceSizes | MQ<SpaceSizes>;
     "data-e2e-test-id"?: string;
 };
-export declare function Tabs({ tabs, activeTab, children, onTabSelect, "data-e2e-test-id": dataE2eTestId, }: TabsProps): React.ReactElement;
+export declare function Tabs({ tabs, horizontalPadding, activeTab, children, onTabSelect, "data-e2e-test-id": dataE2eTestId, }: TabsProps): React.ReactElement;
+export {};

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

@@ -1,12 +1,11 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _styled from '@emotion/styled/base';
 import React from 'react';
-import { Inline } from '../Inline/Inline.js';
-import { Stack } from '../Stack/Stack.js';
+import { mq } from '../../shared/mediaQueries.js';
 import { Icon } from '../Icon/Icon.js';
+import { Stack } from '../Stack/Stack.js';
 
-const BORDER_WIDTH = 1;
-const BORDER_WIDTH_ACTIVE_TOP = 4;
+const BORDER_BOTTOM_WIDTH = 4;
 const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "epth01"
 } : {
@@ -14,77 +13,88 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
   label: "StyledContainer"
 })(_ref => {
   let {
-    theme
+    theme,
+    horizontalPadding
   } = _ref;
   return {
-    width: "100%",
-    backgroundColor: theme.values.color.background.tabs.header,
-    borderBottom: `${BORDER_WIDTH}px solid`,
-    borderColor: theme.values.color.border.primary
+    display: "flex",
+    flexDirection: "row",
+    ...mq({
+      gap: [["m", "l", "l"], theme.variables.size.spacing],
+      paddingInline: [horizontalPadding, theme.variables.size.spacing]
+    }),
+    paddingTop: theme.variables.size.spacing.m,
+    borderBottom: `1px solid ${theme.values.color.border.primary}`,
+    whiteSpace: "nowrap",
+    // Scrollbar
+    overflow: "auto",
+    scrollbarWidth: "none",
+    // Firefox
+    msOverflowStyle: "none",
+    // IE 10+
+    "::-webkit-scrollbar": {
+      display: "none" // Chrome
+    }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiJUYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmNvbnN0IEJPUkRFUl9XSURUSCA9IDE7XG5jb25zdCBCT1JERVJfV0lEVEhfQUNUSVZFX1RPUCA9IDQ7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnksXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRhYkhlYWRlciA9IHN0eWxlZC5kaXY8eyBhY3RpdmU6IGJvb2xlYW47IGlzRmlyc3Q6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBhY3RpdmUsIGlzRmlyc3QgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIG1hcmdpbjogMCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcblxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnksXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC5zLFxuICAgIGJvcmRlcjogMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjE1c1wiLFxuXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAgIC4uLihhY3RpdmVcbiAgICAgID8ge1xuICAgICAgICAgIGJvcmRlcjogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkYCxcbiAgICAgICAgICBib3JkZXJUb3A6IDAsXG4gICAgICAgICAgcGFkZGluZ0xlZnQ6XG4gICAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIEJPUkRFUl9XSURUSCxcbiAgICAgICAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIEJPUkRFUl9XSURUSCxcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IC1CT1JERVJfV0lEVEgsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeSxcbiAgICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGFicy5idXR0b25BY3RpdmUsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmJ1dHRvbkFjdGl2ZSxcblxuICAgICAgICAgIC4uLihpc0ZpcnN0ICYmIHtcbiAgICAgICAgICAgIGJvcmRlckxlZnQ6IDAsXG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgICAgIH0pLFxuICAgICAgICAgIFwiJjphZnRlclwiOiB7XG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgaGVpZ2h0OiBCT1JERVJfV0lEVEhfQUNUSVZFX1RPUCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50YWJzLmJ1dHRvbkFjdGl2ZSxcbiAgICAgICAgICAgIGJvcmRlckxlZnQ6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gICAgICAgICAgICBib3JkZXJSaWdodDogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkYCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRhYnMuYnV0dG9uQWN0aXZlLFxuICAgICAgICAgICAgbGVmdDogLUJPUkRFUl9XSURUSCxcbiAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICB9LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuYnV0dG9uSG92ZXIsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogYW4gaW5kZXggb2YgYWN0aXZlIHRhYiAqL1xuICBhY3RpdmVUYWI/OiBudW1iZXI7XG4gIG9uVGFiU2VsZWN0PzogKHNlbGVjdGVkVGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIC8qKiBhbiBhcnJheSBvZiB0YWJzLCBjb250YWlucyBcImhlYWRlclwiLCBcImFzXCIsIFwiaWNvbkxlZnRcIiBhbmQgXCJpY29uUmlnaHRcIiAqL1xuICB0YWJzOiB7XG4gICAgaGVhZGVyOiBzdHJpbmc7XG4gICAgYXM/OiBcImFcIiB8IFwiYnV0dG9uXCIgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICAgIGljb25MZWZ0PzogSWNvbk5hbWU7XG4gICAgaWNvblJpZ2h0PzogSWNvbk5hbWU7XG4gIH1bXTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSBkYXRhLWRzLWlkPVwiVGFic1wiPlxuICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPElubGluZSBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICB7dGFicy5tYXAoXG4gICAgICAgICAgICAoeyBoZWFkZXIsIGFzID0gXCJidXR0b25cIiwgaWNvbkxlZnQsIGljb25SaWdodCwgLi4ucmVzdCB9LCBpKSA9PiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRUYWJIZWFkZXJcbiAgICAgICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICAgICAga2V5PXtoZWFkZXJ9XG4gICAgICAgICAgICAgICAgaXNGaXJzdD17aSA9PT0gMH1cbiAgICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRhYlNlbGVjdCAmJiBvblRhYlNlbGVjdChpKX1cbiAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAge2ljb25MZWZ0ICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbkxlZnR9IC8+fVxuICAgICAgICAgICAgICAgICAge2hlYWRlcn1cbiAgICAgICAgICAgICAgICAgIHtpY29uUmlnaHQgJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uUmlnaHR9IC8+fVxuICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0eWxlZFRhYkhlYWRlcj5cbiAgICAgICAgICAgIClcbiAgICAgICAgICApfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3RhY2s+XG4gICk7XG59XG4iXX0= */");
-const StyledTabHeader = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiJUYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RLCBTcGFjZVNpemVzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5cbmNvbnN0IEJPUkRFUl9CT1RUT01fV0lEVEggPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaG9yaXpvbnRhbFBhZGRpbmc6IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcbn0+KCh7IHRoZW1lLCBob3Jpem9udGFsUGFkZGluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgLi4ubXEoe1xuICAgIGdhcDogW1tcIm1cIiwgXCJsXCIsIFwibFwiXSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgcGFkZGluZ0lubGluZTogW2hvcml6b250YWxQYWRkaW5nLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG5cbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnl9YCxcblxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuXG4gIC8vIFNjcm9sbGJhclxuICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gIHNjcm9sbGJhcldpZHRoOiBcIm5vbmVcIiwgLy8gRmlyZWZveFxuICBtc092ZXJmbG93U3R5bGU6IFwibm9uZVwiLCAvLyBJRSAxMCtcbiAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIiwgLy8gQ2hyb21lXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRhYiA9IHN0eWxlZC5idXR0b248eyBhY3RpdmU6IGJvb2xlYW4gfT4oKHsgdGhlbWUsIGFjdGl2ZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZ2FwOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICBiYWNrZ3JvdW5kOiAwLFxuICBib3JkZXI6IDAsXG4gIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgcGFkZGluZzogMCxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC5zLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4xNXNcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIC8vIFJlcXVpcmVkIHRvIG1haW50YWluIGNvbnNpc3RlbnQgaGVpZ2h0IGZvciB0aGUgc2VsZWN0ZWQgdGFiXG4gIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCB0cmFuc3BhcmVudGAsXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAtICR7Qk9SREVSX0JPVFRPTV9XSURUSH1weClgLFxuXG4gIC4uLihhY3RpdmUgJiYge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdH1gLFxuICB9KSxcbiAgLi4uKCFhY3RpdmUgJiYge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3Zlcn1gLFxuICAgIH0sXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4ICBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmhpZ2h0bGlnaHQuZGVmYXVsdH1gLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5jb25zdCBhZGRTdWJ0aXRsZSA9ICh0ZXh0OiBzdHJpbmcpID0+ICh0ZXh0ID8gYCgke3RleHR9KWAgOiBgYCk7XG5cbi8qKlxuICogQHBhcmFtIGxhYmVsIC0gVGhlIHRleHQgdG8gZGlzcGxheSBpbiB0aGUgdGFiXG4gKiBAcGFyYW0gc3VibGFiZWwgLSBBIHN1YnRleHQsIGVuY2FzZWQgaW4gcGFyZW50aGVzZXNcbiAqIEBwYXJhbSBpY29uIC0gQW4gaWNvbiB0byBkaXNwbGF5IHRvIHRoZSBsZWZ0IG9mIHRoZSBsYWJlbFxuICogQHBhcmFtIGFzIC0gVGhlIGVsZW1lbnQgdG8gcmVuZGVyIHRoZSB0YWIgYXMsIGRlZmF1bHRzIHRvIGBidXR0b25gXG4gKi9cbnR5cGUgVGFiID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IEljb25OYW1lO1xuICBhcz86IFwiYVwiIHwgXCJidXR0b25cIiB8IFJlYWN0LkNvbXBvbmVudFR5cGU7XG59ICYgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImJ1dHRvblwiPj4gJlxuICBQYXJ0aWFsPFJlYWN0LkNvbXBvbmVudFByb3BzPFwiYVwiPj47XG5cbmV4cG9ydCB0eXBlIFRhYnNQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBUaGUgaW5kZXggb2YgdGhlIGFjdGl2ZSB0YWIgKi9cbiAgYWN0aXZlVGFiPzogbnVtYmVyO1xuICBvblRhYlNlbGVjdD86IChzZWxlY3RlZFRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICAvKiogQW4gYXJyYXkgb2YgdGFicywgY29udGFpbnMgYGhlYWRlcmAsIGBzdWJ0aXRsZWAsIGBpY29uTGVmdGAsIGBhc2AgKGRlZmluaW5nIHRoZSB0YWIgYXMgYSBidXR0b24gb3IgYSBsaW5rKSAqL1xuICB0YWJzOiBUYWJbXTtcbiAgLyoqIEhvcml6b250YWwgcGFkZGluZyBzcGFjZSBmb3IgdGhlIHRhYiBjb250YWluZXIsIHN1aXRlZCBmb3IgdGFicyB3aXRoaW4gYSBDYXJkIGVsZW1lbnQgKi9cbiAgaG9yaXpvbnRhbFBhZGRpbmc/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47IC8vICdtJyB8IFsnbScsICdsJywgJ2wnXVxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzKHtcbiAgdGFicyxcbiAgaG9yaXpvbnRhbFBhZGRpbmcsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSBkYXRhLWRzLWlkPVwiVGFic1wiPlxuICAgICAgPFN0eWxlZENvbnRhaW5lciBob3Jpem9udGFsUGFkZGluZz17aG9yaXpvbnRhbFBhZGRpbmd9PlxuICAgICAgICB7dGFicy5tYXAoKHsgbGFiZWwsIHN1YmxhYmVsLCBpY29uLCBhcyA9IFwiYnV0dG9uXCIsIC4uLnJlc3QgfSwgaSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRUYWJcbiAgICAgICAgICAgIHR5cGU9e2FzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogXCJidXR0b25cIn1cbiAgICAgICAgICAgIGFzPXthc31cbiAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uVGFiU2VsZWN0ICYmIG9uVGFiU2VsZWN0KGkpfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb24gJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICAgIHtsYWJlbH0ge2FkZFN1YnRpdGxlKHN1YmxhYmVsKX1cbiAgICAgICAgICA8L1N0eWxlZFRhYj5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl19 */");
+const StyledTab = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "epth00"
 } : {
   target: "epth00",
-  label: "StyledTabHeader"
+  label: "StyledTab"
 })(_ref2 => {
   let {
     theme,
-    active,
-    isFirst
+    active
   } = _ref2;
   return {
-    position: "relative",
-    margin: 0,
-    backgroundColor: theme.values.color.background.tabs.header,
-    padding: theme.variables.size.spacing.m,
-    color: theme.values.color.text.secondary,
+    display: "flex",
+    gap: theme.variables.size.spacing.xxs,
+    alignItems: "center",
+    background: 0,
+    border: 0,
+    boxSizing: "border-box",
+    color: theme.values.color.text.secondary.default,
+    padding: 0,
     fontFamily: theme.variables.fontFamily.lato,
     fontWeight: theme.variables.weight.bold,
     fontSize: theme.variables.size.font.text.s,
     lineHeight: theme.variables.size.lineHeight.text.s,
-    border: 0,
-    boxSizing: "border-box",
     transition: "background-color 0.15s",
-    display: "block",
     textDecoration: "none",
-    ...(active ? {
-      border: `${BORDER_WIDTH}px solid`,
-      borderTop: 0,
-      paddingLeft: parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,
-      paddingRight: parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,
-      marginBottom: -BORDER_WIDTH,
-      borderColor: theme.values.color.border.primary,
-      borderBottomColor: theme.values.color.background.tabs.buttonActive,
-      backgroundColor: theme.values.color.background.tabs.buttonActive,
-      ...(isFirst && {
-        borderLeft: 0,
-        paddingLeft: theme.variables.size.spacing.m
-      }),
-      "&:after": {
-        content: '""',
-        position: "absolute",
-        width: "100%",
-        height: BORDER_WIDTH_ACTIVE_TOP,
-        backgroundColor: theme.values.color.border.tabs.buttonActive,
-        borderLeft: `${BORDER_WIDTH}px solid`,
-        borderRight: `${BORDER_WIDTH}px solid`,
-        borderColor: theme.values.color.border.tabs.buttonActive,
-        left: -BORDER_WIDTH,
-        top: 0
-      }
-    } : {
+    // Required to maintain consistent height for the selected tab
+    borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,
+    paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,
+    ...(active && {
+      color: theme.values.color.text.accent.default,
+      borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`
+    }),
+    ...(!active && {
       cursor: "pointer",
       "&:hover": {
-        backgroundColor: theme.values.color.background.tabs.buttonHover
+        color: theme.values.color.text.primary.default,
+        borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`
+      },
+      "&:active": {
+        color: theme.values.color.text.primary.default,
+        borderBottom: `${BORDER_BOTTOM_WIDTH}px  solid ${theme.values.color.background.hightlight.default}`
       }
     })
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cd0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuY29uc3QgQk9SREVSX1dJRFRIX0FDVElWRV9UT1AgPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfV0lEVEh9cHggc29saWRgLFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUYWJIZWFkZXIgPSBzdHlsZWQuZGl2PHsgYWN0aXZlOiBib29sZWFuOyBpc0ZpcnN0OiBib29sZWFuIH0+KFxuICAoeyB0aGVtZSwgYWN0aXZlLCBpc0ZpcnN0IH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBtYXJnaW46IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG5cbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQucyxcbiAgICBib3JkZXI6IDAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4xNXNcIixcblxuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgICAuLi4oYWN0aXZlXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXI6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gICAgICAgICAgYm9yZGVyVG9wOiAwLFxuICAgICAgICAgIHBhZGRpbmdMZWZ0OlxuICAgICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSBCT1JERVJfV0lEVEgsXG4gICAgICAgICAgcGFkZGluZ1JpZ2h0OlxuICAgICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSBCT1JERVJfV0lEVEgsXG4gICAgICAgICAgbWFyZ2luQm90dG9tOiAtQk9SREVSX1dJRFRILFxuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnksXG4gICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuYnV0dG9uQWN0aXZlLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGFicy5idXR0b25BY3RpdmUsXG5cbiAgICAgICAgICAuLi4oaXNGaXJzdCAmJiB7XG4gICAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB9KSxcbiAgICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgICAgIGhlaWdodDogQk9SREVSX1dJRFRIX0FDVElWRV9UT1AsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIudGFicy5idXR0b25BY3RpdmUsXG4gICAgICAgICAgICBib3JkZXJMZWZ0OiBgJHtCT1JERVJfV0lEVEh9cHggc29saWRgLFxuICAgICAgICAgICAgYm9yZGVyUmlnaHQ6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gICAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50YWJzLmJ1dHRvbkFjdGl2ZSxcbiAgICAgICAgICAgIGxlZnQ6IC1CT1JERVJfV0lEVEgsXG4gICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmJ1dHRvbkhvdmVyLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgVGFic1Byb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgLyoqIGFuIGluZGV4IG9mIGFjdGl2ZSB0YWIgKi9cbiAgYWN0aXZlVGFiPzogbnVtYmVyO1xuICBvblRhYlNlbGVjdD86IChzZWxlY3RlZFRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICAvKiogYW4gYXJyYXkgb2YgdGFicywgY29udGFpbnMgXCJoZWFkZXJcIiwgXCJhc1wiLCBcImljb25MZWZ0XCIgYW5kIFwiaWNvblJpZ2h0XCIgKi9cbiAgdGFiczoge1xuICAgIGhlYWRlcjogc3RyaW5nO1xuICAgIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuQ29tcG9uZW50VHlwZTtcbiAgICBpY29uTGVmdD86IEljb25OYW1lO1xuICAgIGljb25SaWdodD86IEljb25OYW1lO1xuICB9W107XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnMoe1xuICB0YWJzLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAge3RhYnMubWFwKFxuICAgICAgICAgICAgKHsgaGVhZGVyLCBhcyA9IFwiYnV0dG9uXCIsIGljb25MZWZ0LCBpY29uUmlnaHQsIC4uLnJlc3QgfSwgaSkgPT4gKFxuICAgICAgICAgICAgICA8U3R5bGVkVGFiSGVhZGVyXG4gICAgICAgICAgICAgICAgYXM9e2FzfVxuICAgICAgICAgICAgICAgIGtleT17aGVhZGVyfVxuICAgICAgICAgICAgICAgIGlzRmlyc3Q9e2kgPT09IDB9XG4gICAgICAgICAgICAgICAgYWN0aXZlPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25UYWJTZWxlY3QgJiYgb25UYWJTZWxlY3QoaSl9XG4gICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICAgICAgICAgIHtpY29uTGVmdCAmJiA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25MZWZ0fSAvPn1cbiAgICAgICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICAgICAgICB7aWNvblJpZ2h0ICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvblJpZ2h0fSAvPn1cbiAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdHlsZWRUYWJIZWFkZXI+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Da0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBNUSwgU3BhY2VTaXplcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuXG5jb25zdCBCT1JERVJfQk9UVE9NX1dJRFRIID0gNDtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGhvcml6b250YWxQYWRkaW5nOiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG59PigoeyB0aGVtZSwgaG9yaXpvbnRhbFBhZGRpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIC4uLm1xKHtcbiAgICBnYXA6IFtbXCJtXCIsIFwibFwiLCBcImxcIl0sIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIHBhZGRpbmdJbmxpbmU6IFtob3Jpem9udGFsUGFkZGluZywgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gIH0pLFxuXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5fWAsXG5cbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICAvLyBTY3JvbGxiYXJcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJub25lXCIsIC8vIEZpcmVmb3hcbiAgbXNPdmVyZmxvd1N0eWxlOiBcIm5vbmVcIiwgLy8gSUUgMTArXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsIC8vIENocm9tZVxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUYWIgPSBzdHlsZWQuYnV0dG9uPHsgYWN0aXZlOiBib29sZWFuIH0+KCh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgYmFja2dyb3VuZDogMCxcbiAgYm9yZGVyOiAwLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIHBhZGRpbmc6IDAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQucyxcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAvLyBSZXF1aXJlZCB0byBtYWludGFpbiBjb25zaXN0ZW50IGhlaWdodCBmb3IgdGhlIHNlbGVjdGVkIHRhYlxuICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBwYWRkaW5nQm90dG9tOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHgpYCxcblxuICAuLi4oYWN0aXZlICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHR9YCxcbiAgfSksXG4gIC4uLighYWN0aXZlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXJ9YCxcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCAgc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdodGxpZ2h0LmRlZmF1bHR9YCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuY29uc3QgYWRkU3VidGl0bGUgPSAodGV4dDogc3RyaW5nKSA9PiAodGV4dCA/IGAoJHt0ZXh0fSlgIDogYGApO1xuXG4vKipcbiAqIEBwYXJhbSBsYWJlbCAtIFRoZSB0ZXh0IHRvIGRpc3BsYXkgaW4gdGhlIHRhYlxuICogQHBhcmFtIHN1YmxhYmVsIC0gQSBzdWJ0ZXh0LCBlbmNhc2VkIGluIHBhcmVudGhlc2VzXG4gKiBAcGFyYW0gaWNvbiAtIEFuIGljb24gdG8gZGlzcGxheSB0byB0aGUgbGVmdCBvZiB0aGUgbGFiZWxcbiAqIEBwYXJhbSBhcyAtIFRoZSBlbGVtZW50IHRvIHJlbmRlciB0aGUgdGFiIGFzLCBkZWZhdWx0cyB0byBgYnV0dG9uYFxuICovXG50eXBlIFRhYiA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgYXM/OiBcImFcIiB8IFwiYnV0dG9uXCIgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xufSAmIFBhcnRpYWw8UmVhY3QuQ29tcG9uZW50UHJvcHM8XCJidXR0b25cIj4+ICZcbiAgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImFcIj4+O1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogVGhlIGluZGV4IG9mIHRoZSBhY3RpdmUgdGFiICovXG4gIGFjdGl2ZVRhYj86IG51bWJlcjtcbiAgb25UYWJTZWxlY3Q/OiAoc2VsZWN0ZWRUYWI6IG51bWJlcikgPT4gdm9pZDtcbiAgLyoqIEFuIGFycmF5IG9mIHRhYnMsIGNvbnRhaW5zIGBoZWFkZXJgLCBgc3VidGl0bGVgLCBgaWNvbkxlZnRgLCBgYXNgIChkZWZpbmluZyB0aGUgdGFiIGFzIGEgYnV0dG9uIG9yIGEgbGluaykgKi9cbiAgdGFiczogVGFiW107XG4gIC8qKiBIb3Jpem9udGFsIHBhZGRpbmcgc3BhY2UgZm9yIHRoZSB0YWIgY29udGFpbmVyLCBzdWl0ZWQgZm9yIHRhYnMgd2l0aGluIGEgQ2FyZCBlbGVtZW50ICovXG4gIGhvcml6b250YWxQYWRkaW5nPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+OyAvLyAnbScgfCBbJ20nLCAnbCcsICdsJ11cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGhvcml6b250YWxQYWRkaW5nLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgaG9yaXpvbnRhbFBhZGRpbmc9e2hvcml6b250YWxQYWRkaW5nfT5cbiAgICAgICAge3RhYnMubWFwKCh7IGxhYmVsLCBzdWJsYWJlbCwgaWNvbiwgYXMgPSBcImJ1dHRvblwiLCAuLi5yZXN0IH0sIGkpID0+IChcbiAgICAgICAgICA8U3R5bGVkVGFiXG4gICAgICAgICAgICB0eXBlPXthcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IFwiYnV0dG9uXCJ9XG4gICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICBrZXk9e2xhYmVsfVxuICAgICAgICAgICAgYWN0aXZlPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRhYlNlbGVjdCAmJiBvblRhYlNlbGVjdChpKX1cbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbn0gLz59XG4gICAgICAgICAgICB7bGFiZWx9IHthZGRTdWJ0aXRsZShzdWJsYWJlbCl9XG4gICAgICAgICAgPC9TdHlsZWRUYWI+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdfQ== */");
+const addSubtitle = text => text ? `(${text})` : ``;
+
+/**
+ * @param label - The text to display in the tab
+ * @param sublabel - A subtext, encased in parentheses
+ * @param icon - An icon to display to the left of the label
+ * @param as - The element to render the tab as, defaults to `button`
+ */
+
 function Tabs(_ref3) {
   let {
     tabs,
+    horizontalPadding,
     activeTab = 0,
     children,
     onTabSelect,
@@ -93,33 +103,27 @@ function Tabs(_ref3) {
   return /*#__PURE__*/React.createElement(Stack, {
     "data-e2e-test-id": dataE2eTestId,
     "data-ds-id": "Tabs"
-  }, /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(Inline, {
-    space: "zero"
+  }, /*#__PURE__*/React.createElement(StyledContainer, {
+    horizontalPadding: horizontalPadding
   }, tabs.map((_ref4, i) => {
     let {
-      header,
+      label,
+      sublabel,
+      icon,
       as = "button",
-      iconLeft,
-      iconRight,
       ...rest
     } = _ref4;
-    return /*#__PURE__*/React.createElement(StyledTabHeader, _extends({
+    return /*#__PURE__*/React.createElement(StyledTab, _extends({
+      type: as !== "button" ? undefined : "button",
       as: as,
-      key: header,
-      isFirst: i === 0,
+      key: label,
       active: activeTab === i,
       onClick: () => onTabSelect && onTabSelect(i)
-    }, rest), /*#__PURE__*/React.createElement(Inline, {
-      vAlignItems: "center",
-      space: "xxs"
-    }, iconLeft && /*#__PURE__*/React.createElement(Icon, {
-      size: "s",
-      name: iconLeft
-    }), header, iconRight && /*#__PURE__*/React.createElement(Icon, {
+    }, rest), icon && /*#__PURE__*/React.createElement(Icon, {
       size: "s",
-      name: iconRight
-    })));
-  }))), children);
+      name: icon
+    }), label, " ", addSubtitle(sublabel));
+  })), children);
 }
 
 export { Tabs };

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Inline } from \"../Inline/Inline\";\nimport { Stack } from \"../Stack/Stack\";\nimport { IconName, Icon } from \"../Icon/Icon\";\n\nconst BORDER_WIDTH = 1;\nconst BORDER_WIDTH_ACTIVE_TOP = 4;\n\nconst StyledContainer = styled.div(({ theme }) => ({\n  width: \"100%\",\n  backgroundColor: theme.values.color.background.tabs.header,\n  borderBottom: `${BORDER_WIDTH}px solid`,\n  borderColor: theme.values.color.border.primary,\n}));\n\nconst StyledTabHeader = styled.div<{ active: boolean; isFirst: boolean }>(\n  ({ theme, active, isFirst }) => ({\n    position: \"relative\",\n    margin: 0,\n    backgroundColor: theme.values.color.background.tabs.header,\n    padding: theme.variables.size.spacing.m,\n\n    color: theme.values.color.text.secondary,\n    fontFamily: theme.variables.fontFamily.lato,\n    fontWeight: theme.variables.weight.bold,\n    fontSize: theme.variables.size.font.text.s,\n    lineHeight: theme.variables.size.lineHeight.text.s,\n    border: 0,\n    boxSizing: \"border-box\",\n    transition: \"background-color 0.15s\",\n\n    display: \"block\",\n    textDecoration: \"none\",\n\n    ...(active\n      ? {\n          border: `${BORDER_WIDTH}px solid`,\n          borderTop: 0,\n          paddingLeft:\n            parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,\n          paddingRight:\n            parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,\n          marginBottom: -BORDER_WIDTH,\n          borderColor: theme.values.color.border.primary,\n          borderBottomColor: theme.values.color.background.tabs.buttonActive,\n          backgroundColor: theme.values.color.background.tabs.buttonActive,\n\n          ...(isFirst && {\n            borderLeft: 0,\n            paddingLeft: theme.variables.size.spacing.m,\n          }),\n          \"&:after\": {\n            content: '\"\"',\n            position: \"absolute\",\n            width: \"100%\",\n            height: BORDER_WIDTH_ACTIVE_TOP,\n            backgroundColor: theme.values.color.border.tabs.buttonActive,\n            borderLeft: `${BORDER_WIDTH}px solid`,\n            borderRight: `${BORDER_WIDTH}px solid`,\n            borderColor: theme.values.color.border.tabs.buttonActive,\n            left: -BORDER_WIDTH,\n            top: 0,\n          },\n        }\n      : {\n          cursor: \"pointer\",\n          \"&:hover\": {\n            backgroundColor: theme.values.color.background.tabs.buttonHover,\n          },\n        }),\n  })\n);\n\nexport type TabsProps = {\n  children?: React.ReactElement;\n  /** an index of active tab */\n  activeTab?: number;\n  onTabSelect?: (selectedTab: number) => void;\n  /** an array of tabs, contains \"header\", \"as\", \"iconLeft\" and \"iconRight\" */\n  tabs: {\n    header: string;\n    as?: \"a\" | \"button\" | React.ComponentType;\n    iconLeft?: IconName;\n    iconRight?: IconName;\n  }[];\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function Tabs({\n  tabs,\n  activeTab = 0,\n  children,\n  onTabSelect,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: TabsProps): React.ReactElement {\n  return (\n    <Stack data-e2e-test-id={dataE2eTestId} data-ds-id=\"Tabs\">\n      <StyledContainer>\n        <Inline space=\"zero\">\n          {tabs.map(\n            ({ header, as = \"button\", iconLeft, iconRight, ...rest }, i) => (\n              <StyledTabHeader\n                as={as}\n                key={header}\n                isFirst={i === 0}\n                active={activeTab === i}\n                onClick={() => onTabSelect && onTabSelect(i)}\n                {...rest}\n              >\n                <Inline vAlignItems=\"center\" space=\"xxs\">\n                  {iconLeft && <Icon size=\"s\" name={iconLeft} />}\n                  {header}\n                  {iconRight && <Icon size=\"s\" name={iconRight} />}\n                </Inline>\n              </StyledTabHeader>\n            )\n          )}\n        </Inline>\n      </StyledContainer>\n      {children}\n    </Stack>\n  );\n}\n"],"names":["BORDER_WIDTH","BORDER_WIDTH_ACTIVE_TOP","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","width","backgroundColor","values","color","background","tabs","header","borderBottom","borderColor","border","primary","StyledTabHeader","_ref2","active","isFirst","position","margin","padding","variables","size","spacing","m","text","secondary","fontFamily","lato","fontWeight","weight","bold","fontSize","font","s","lineHeight","boxSizing","transition","display","textDecoration","borderTop","paddingLeft","parseInt","paddingRight","marginBottom","borderBottomColor","buttonActive","borderLeft","content","height","borderRight","left","top","cursor","buttonHover","Tabs","_ref3","activeTab","children","onTabSelect","dataE2eTestId","React","createElement","Stack","Inline","space","map","_ref4","i","as","iconLeft","iconRight","rest","_extends","key","onClick","vAlignItems","Icon","name"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\n\nimport { mq } from \"../../shared/mediaQueries\";\nimport { MQ, SpaceSizes } from \"../../types\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Stack } from \"../Stack/Stack\";\n\nconst BORDER_BOTTOM_WIDTH = 4;\n\nconst StyledContainer = styled.div<{\n  horizontalPadding: SpaceSizes | MQ<SpaceSizes>;\n}>(({ theme, horizontalPadding }) => ({\n  display: \"flex\",\n  flexDirection: \"row\",\n  ...mq({\n    gap: [[\"m\", \"l\", \"l\"], theme.variables.size.spacing],\n    paddingInline: [horizontalPadding, theme.variables.size.spacing],\n  }),\n\n  paddingTop: theme.variables.size.spacing.m,\n  borderBottom: `1px solid ${theme.values.color.border.primary}`,\n\n  whiteSpace: \"nowrap\",\n\n  // Scrollbar\n  overflow: \"auto\",\n  scrollbarWidth: \"none\", // Firefox\n  msOverflowStyle: \"none\", // IE 10+\n  \"::-webkit-scrollbar\": {\n    display: \"none\", // Chrome\n  },\n}));\n\nconst StyledTab = styled.button<{ active: boolean }>(({ theme, active }) => ({\n  display: \"flex\",\n  gap: theme.variables.size.spacing.xxs,\n  alignItems: \"center\",\n\n  background: 0,\n  border: 0,\n  boxSizing: \"border-box\",\n  color: theme.values.color.text.secondary.default,\n  padding: 0,\n  fontFamily: theme.variables.fontFamily.lato,\n  fontWeight: theme.variables.weight.bold,\n  fontSize: theme.variables.size.font.text.s,\n  lineHeight: theme.variables.size.lineHeight.text.s,\n  transition: \"background-color 0.15s\",\n  textDecoration: \"none\",\n\n  // Required to maintain consistent height for the selected tab\n  borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,\n  paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,\n\n  ...(active && {\n    color: theme.values.color.text.accent.default,\n    borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`,\n  }),\n  ...(!active && {\n    cursor: \"pointer\",\n    \"&:hover\": {\n      color: theme.values.color.text.primary.default,\n      borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`,\n    },\n    \"&:active\": {\n      color: theme.values.color.text.primary.default,\n      borderBottom: `${BORDER_BOTTOM_WIDTH}px  solid ${theme.values.color.background.hightlight.default}`,\n    },\n  }),\n}));\n\nconst addSubtitle = (text: string) => (text ? `(${text})` : ``);\n\n/**\n * @param label - The text to display in the tab\n * @param sublabel - A subtext, encased in parentheses\n * @param icon - An icon to display to the left of the label\n * @param as - The element to render the tab as, defaults to `button`\n */\ntype Tab = {\n  label: string;\n  sublabel?: string;\n  icon?: IconName;\n  as?: \"a\" | \"button\" | React.ComponentType;\n} & Partial<React.ComponentProps<\"button\">> &\n  Partial<React.ComponentProps<\"a\">>;\n\nexport type TabsProps = {\n  children?: React.ReactElement;\n  /** The index of the active tab */\n  activeTab?: number;\n  onTabSelect?: (selectedTab: number) => void;\n  /** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */\n  tabs: Tab[];\n  /** Horizontal padding space for the tab container, suited for tabs within a Card element */\n  horizontalPadding?: SpaceSizes | MQ<SpaceSizes>; // 'm' | ['m', 'l', 'l']\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function Tabs({\n  tabs,\n  horizontalPadding,\n  activeTab = 0,\n  children,\n  onTabSelect,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: TabsProps): React.ReactElement {\n  return (\n    <Stack data-e2e-test-id={dataE2eTestId} data-ds-id=\"Tabs\">\n      <StyledContainer horizontalPadding={horizontalPadding}>\n        {tabs.map(({ label, sublabel, icon, as = \"button\", ...rest }, i) => (\n          <StyledTab\n            type={as !== \"button\" ? undefined : \"button\"}\n            as={as}\n            key={label}\n            active={activeTab === i}\n            onClick={() => onTabSelect && onTabSelect(i)}\n            {...rest}\n          >\n            {icon && <Icon size=\"s\" name={icon} />}\n            {label} {addSubtitle(sublabel)}\n          </StyledTab>\n        ))}\n      </StyledContainer>\n      {children}\n    </Stack>\n  );\n}\n"],"names":["BORDER_BOTTOM_WIDTH","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","horizontalPadding","display","flexDirection","mq","gap","variables","size","spacing","paddingInline","paddingTop","m","borderBottom","values","color","border","primary","whiteSpace","overflow","scrollbarWidth","msOverflowStyle","StyledTab","_ref2","active","xxs","alignItems","background","boxSizing","text","secondary","default","padding","fontFamily","lato","fontWeight","weight","bold","fontSize","font","s","lineHeight","transition","textDecoration","paddingBottom","accent","cursor","transparent","hover","hightlight","addSubtitle","Tabs","_ref3","tabs","activeTab","children","onTabSelect","dataE2eTestId","React","createElement","Stack","map","_ref4","i","sublabel","icon","as","rest","_extends","type","undefined","key","onClick","Icon","name"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 
 const getCommonStyles = theme => ({
-  color: theme.values.color.header.primary,
+  color: theme.values.color.text.primary.default,
   fontFamily: theme.variables.fontFamily.lato,
   fontWeight: theme.variables.weight.black,
   margin: 0
@@ -20,7 +20,7 @@ const H1 = /*#__PURE__*/_styled("h1", process.env.NODE_ENV === "production" ? {
     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/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5wcmltYXJ5LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnNlY29uZGFyeSxcbn0pKTtcblxuSDYuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINlwiLFxufTtcbiJdfQ== */");
+}, 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"
 };
@@ -38,7 +38,7 @@ const H2 = /*#__PURE__*/_styled("h2", process.env.NODE_ENV === "production" ? {
     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/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5wcmltYXJ5LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnNlY29uZGFyeSxcbn0pKTtcblxuSDYuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINlwiLFxufTtcbiJdfQ== */");
+}, 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"
 };
@@ -56,7 +56,7 @@ const H3 = /*#__PURE__*/_styled("h3", process.env.NODE_ENV === "production" ? {
     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/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5wcmltYXJ5LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnNlY29uZGFyeSxcbn0pKTtcblxuSDYuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINlwiLFxufTtcbiJdfQ== */");
+}, 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"
 };
@@ -74,7 +74,7 @@ const H4 = /*#__PURE__*/_styled("h4", process.env.NODE_ENV === "production" ? {
     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/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5wcmltYXJ5LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnNlY29uZGFyeSxcbn0pKTtcblxuSDYuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINlwiLFxufTtcbiJdfQ== */");
+}, 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"
 };
@@ -92,7 +92,7 @@ const H5 = /*#__PURE__*/_styled("h5", process.env.NODE_ENV === "production" ? {
     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/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5wcmltYXJ5LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnNlY29uZGFyeSxcbn0pKTtcblxuSDYuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINlwiLFxufTtcbiJdfQ== */");
+}, 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"
 };
@@ -111,9 +111,9 @@ const H6 = /*#__PURE__*/_styled("h6", process.env.NODE_ENV === "production" ? {
     lineHeight: theme.variables.size.lineHeight.header.xxs,
     letterSpacing: "0.5px",
     textTransform: "uppercase",
-    color: theme.values.color.header.secondary
+    color: theme.values.color.text.tertiary.default
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmhlYWRlci5wcmltYXJ5LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnNlY29uZGFyeSxcbn0pKTtcblxuSDYuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINlwiLFxufTtcbiJdfQ== */");
+}, 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"
 };

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

@@ -1 +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.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\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.header.secondary,\n}));\n\nH6.defaultProps = {\n  \"data-ds-id\": \"H6\",\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","defaultProps","H2","_ref2","l","H3","_ref3","m","H4","_ref4","s","H5","_ref5","xs","H6","_ref6","xxs","letterSpacing","textTransform","secondary"],"mappings":"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"}
+{"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":";;AAaA,MAAMA,eAAe,GAAIC,KAAY,KAAM;EACzCC,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,OAAO,CAACC,OAAO;AAC9CC,EAAAA,UAAU,EAAEN,KAAK,CAACO,SAAS,CAACD,UAAU,CAACE,IAAI;AAC3CC,EAAAA,UAAU,EAAET,KAAK,CAACO,SAAS,CAACG,MAAM,CAACC,KAAK;AACxCC,EAAAA,MAAM,EAAE,CAAA;AACV,CAAC,CAAC,CAAA;AAEK,MAAMC,EAAE,gBAAGC,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBC,IAAA,IAAA;EAAA,IAAC;AAAEpB,IAAAA,KAAAA;AAAM,GAAC,GAAAoB,IAAA,CAAA;EAAA,OAAM;IACvD,GAAGrB,eAAe,CAACC,KAAK,CAAC;IACzBqB,QAAQ,EAAErB,KAAK,CAACO,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,EAAE;IAC7CC,UAAU,EAAE1B,KAAK,CAACO,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACC,EAAAA;GACpD,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qmGAAA,EAAA;AAEHJ,EAAE,CAACc,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMC,EAAE,gBAAGd,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBU,KAAA,IAAA;EAAA,IAAC;AAAE7B,IAAAA,KAAAA;AAAM,GAAC,GAAA6B,KAAA,CAAA;EAAA,OAAM;IACvD,GAAG9B,eAAe,CAACC,KAAK,CAAC;IACzBqB,QAAQ,EAAErB,KAAK,CAACO,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACM,CAAC;IAC5CJ,UAAU,EAAE1B,KAAK,CAACO,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACM,CAAAA;GACpD,CAAA;AAAA,CAAC,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qmGAAA,EAAA;AAEHW,EAAE,CAACD,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMI,EAAE,gBAAGjB,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBa,KAAA,IAAA;EAAA,IAAC;AAAEhC,IAAAA,KAAAA;AAAM,GAAC,GAAAgC,KAAA,CAAA;EAAA,OAAM;IACvD,GAAGjC,eAAe,CAACC,KAAK,CAAC;IACzBqB,QAAQ,EAAErB,KAAK,CAACO,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACS,CAAC;IAC5CP,UAAU,EAAE1B,KAAK,CAACO,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACS,CAAAA;GACpD,CAAA;AAAA,CAAC,EAAAlB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qmGAAA,EAAA;AAEHc,EAAE,CAACJ,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMO,EAAE,gBAAGpB,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBgB,KAAA,IAAA;EAAA,IAAC;AAAEnC,IAAAA,KAAAA;AAAM,GAAC,GAAAmC,KAAA,CAAA;EAAA,OAAM;IACvD,GAAGpC,eAAe,CAACC,KAAK,CAAC;IACzBqB,QAAQ,EAAErB,KAAK,CAACO,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACY,CAAC;IAC5CV,UAAU,EAAE1B,KAAK,CAACO,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACY,CAAAA;GACpD,CAAA;AAAA,CAAC,EAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qmGAAA,EAAA;AAEHiB,EAAE,CAACP,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMU,EAAE,gBAAGvB,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBmB,KAAA,IAAA;EAAA,IAAC;AAAEtC,IAAAA,KAAAA;AAAM,GAAC,GAAAsC,KAAA,CAAA;EAAA,OAAM;IACvD,GAAGvC,eAAe,CAACC,KAAK,CAAC;IACzBqB,QAAQ,EAAErB,KAAK,CAACO,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACe,EAAE;IAC7Cb,UAAU,EAAE1B,KAAK,CAACO,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACe,EAAAA;GACpD,CAAA;AAAA,CAAC,EAAAxB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qmGAAA,EAAA;AAEHoB,EAAE,CAACV,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMa,EAAE,gBAAG1B,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBsB,KAAA,IAAA;EAAA,IAAC;AAAEzC,IAAAA,KAAAA;AAAM,GAAC,GAAAyC,KAAA,CAAA;EAAA,OAAM;IACvD,GAAG1C,eAAe,CAACC,KAAK,CAAC;IACzBqB,QAAQ,EAAErB,KAAK,CAACO,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACkB,GAAG;IAC9ChB,UAAU,EAAE1B,KAAK,CAACO,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACkB,GAAG;AACtDC,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,aAAa,EAAE,WAAW;IAC1B3C,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAAC0C,QAAQ,CAACxC,OAAAA;GACzC,CAAA;AAAA,CAAC,EAAAU,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qmGAAA,EAAA;AAEHuB,EAAE,CAACb,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC;;;;"}