@amboss/design-system 1.5.19 → 1.5.20

package/build/src/components/SearchResult/SearchResult.js

@@ -0,0 +1,81 @@
+import React, { useRef } from 'react';
+import styled from '@emotion/styled';
+import { Columns, Column } from '../Column/Columns.js';
+import { Icon } from '../Icon/Icon.js';
+import { Inline } from '../Inline/Inline.js';
+import { Stack } from '../Stack/Stack.js';
+import { StyledText } from '../Typography/StyledText/StyledText.js';
+import { Badge } from '../Badge/Badge.js';
+import { TextClamped } from '../Typography/TextClamped/TextClamped.js';
+
+const StyledResultContainer = styled.div(() => ({
+    position: "relative",
+    textDecoration: "none",
+}));
+const StyledLinkTitle = styled.div(({ theme }) => ({
+    color: theme.values.color.text.primary,
+}));
+const StyledLinkContainerOnHover = styled.div(() => ({
+    "> a": {
+        textDecoration: "none",
+    },
+    "&:hover": {
+        [`${StyledLinkTitle}`]: {
+            textDecoration: "underline",
+        },
+    },
+}));
+const SecondaryTargets = ({ data, renderItem, compact, }) => compact ? (React.createElement(Inline, { space: "l", vSpace: "xs" }, data && data.length && data.map((target) => renderItem(target)))) : (React.createElement(Columns, { gap: "m" }, data.map((target) => (React.createElement(Column, { "data-e2e-test-id": target["data-e2e-test-id"], size: [12, 6, 6], key: target.title }, renderItem(target))))));
+const defaultProps = {
+    icon: null,
+    details: [],
+    body: null,
+    secondaryTargets: [],
+    isExternal: false,
+    labels: [],
+    "data-e2e-test-id": undefined,
+};
+function SearchResult({ title, subtitle, icon, details, body, secondaryTargets, link, labels, "data-e2e-test-id": dataE2eTestId, }) {
+    const containerRef = useRef(null);
+    const hasShallowSecondaryTargets = secondaryTargets &&
+        secondaryTargets.reduce((prev, curr) => (curr.body ? false : prev), true);
+    const MainLink = link;
+    return (React.createElement(StyledResultContainer, { ref: containerRef },
+        React.createElement(Columns, { gap: "m" },
+            icon && (React.createElement(Column, { size: "narrow" },
+                React.createElement(Icon, { name: icon, variant: "tertiary" }))),
+            React.createElement(Column, { size: "fill" },
+                React.createElement(Stack, { space: "s" },
+                    React.createElement(StyledLinkContainerOnHover, { "data-e2e-test-id": dataE2eTestId },
+                        React.createElement(MainLink, null,
+                            React.createElement(Stack, { space: "xxs" },
+                                React.createElement(Columns, { gap: "xxs" },
+                                    React.createElement(Column, { size: [12, 12, "fill"] },
+                                        React.createElement(StyledLinkTitle, null,
+                                            React.createElement(Stack, { space: "zero" },
+                                                React.createElement(TextClamped, { variant: "primary", weight: "bold", lines: 3, hyphens: "auto" },
+                                                    React.createElement(StyledText, null, title)),
+                                                subtitle && (React.createElement(TextClamped, { variant: "primary", lines: 3, size: "s" },
+                                                    React.createElement(StyledText, null, subtitle)))))),
+                                    React.createElement(Column, { size: "narrow" }, labels && !!labels.length && (React.createElement(Inline, { space: "xs" }, labels.map((label, i) => (
+                                    // eslint-disable-next-line react/no-array-index-key
+                                    React.createElement(Badge, { text: label, key: `${i}${label}` }))))))),
+                                details && !!details.length && (React.createElement(Stack, { space: "zero" }, details.slice(0, 3).map((detail) => (React.createElement(TextClamped, { variant: "secondary", size: "s", key: detail, lines: 3 },
+                                    React.createElement(StyledText, null, detail)))))),
+                                body && (React.createElement(TextClamped, { size: "s", lines: 2 },
+                                    React.createElement(StyledText, null, body)))))),
+                    secondaryTargets && !!secondaryTargets.length && (React.createElement(SecondaryTargets, { data: secondaryTargets, compact: hasShallowSecondaryTargets, renderItem: ({ title: secTitle, link: secLink, body: secBody, "data-e2e-test-id": secDataE2eTestId, }) => {
+                            const SecLink = secLink;
+                            return (React.createElement(StyledLinkContainerOnHover, { key: title, "data-e2e-test-id": secDataE2eTestId },
+                                React.createElement(SecLink, null,
+                                    React.createElement(StyledLinkTitle, null,
+                                        React.createElement(TextClamped, { size: "s", variant: "primary", weight: "bold", lines: 3 },
+                                            React.createElement(StyledText, null, secTitle))),
+                                    secBody && (React.createElement(TextClamped, { size: "s", variant: "secondary", lines: 2 },
+                                        React.createElement(StyledText, null, secBody))))));
+                        } })))))));
+}
+SearchResult.defaultProps = defaultProps;
+
+export { SearchResult };
+//# sourceMappingURL=SearchResult.js.map

package/build/src/components/SearchResult/SearchResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResult.js","sources":["../../../../../src/components/SearchResult/SearchResult.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAuBA,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO;AAC9C,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,MAAM;AACvB,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IACjD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;AACvC,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO;AACnD,IAAA,KAAK,EAAE;AACL,QAAA,cAAc,EAAE,MAAM;AACvB,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,CAAC,CAAG,EAAA,eAAe,CAAE,CAAA,GAAG;AACtB,YAAA,cAAc,EAAE,WAAW;AAC5B,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,UAAU,EACV,OAAO,GACe,KACtB,OAAO,IACL,oBAAC,MAAM,EAAA,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,IAC1B,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,MAAM,CAAC,CAAC,CACzD,KAET,oBAAC,OAAO,EAAA,EAAC,GAAG,EAAC,GAAG,EACb,EAAA,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,MACf,oBAAC,MAAM,EAAA,EAAA,kBAAA,EACa,MAAM,CAAC,kBAAkB,CAAC,EAC5C,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAChB,GAAG,EAAE,MAAM,CAAC,KAAK,EAAA,EAEhB,UAAU,CAAC,MAAM,CAAC,CACZ,CACV,CAAC,CACM,CACX,CAAC;AAyBJ,MAAM,YAAY,GAA+B;AAC/C,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,gBAAgB,EAAE,EAAE;AACpB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,kBAAkB,EAAE,SAAS;CAC9B,CAAC;AAEI,SAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,gBAAgB,EAChB,IAAI,EACJ,MAAM,EACN,kBAAkB,EAAE,aAAa,GACf,EAAA;AAClB,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,0BAA0B,GAC9B,gBAAgB;QAChB,gBAAgB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,MAAM,IAAI,CAAC,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAC5E,MAAM,QAAQ,GAAG,IAAI,CAAC;AAEtB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,qBAAqB,EAAC,EAAA,GAAG,EAAE,YAAY,EAAA;AACtC,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,GAAG,EAAC,GAAG,EAAA;AACb,YAAA,IAAI,KACH,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,IAAI,EAAC,QAAQ,EAAA;gBACnB,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,UAAU,EAAG,CAAA,CAChC,CACV;AACD,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA;AACjB,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,GAAG,EAAA;oBACd,KAAC,CAAA,aAAA,CAAA,0BAA0B,wBAAmB,aAAa,EAAA;AACzD,wBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;AACP,4BAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,KAAK,EAAA;AAChB,gCAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,GAAG,EAAC,KAAK,EAAA;oCAChB,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAA;AAC5B,wCAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA;AACd,4CAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,MAAM,EAAA;AACjB,gDAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EACV,EAAA,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,CAAC,EACR,OAAO,EAAC,MAAM,EAAA;AAEd,oDAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,EAAE,KAAK,CAAc,CACpB;AACb,gDAAA,QAAQ,KACP,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,GAAG,EAAA;oDAC/C,KAAC,CAAA,aAAA,CAAA,UAAU,QAAE,QAAQ,CAAc,CACvB,CACf,CACK,CACQ,CACX;AACT,oCAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,QAAQ,EAClB,EAAA,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,KACxB,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,IAAI,EAAA,EACf,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC;;AAEnB,oCAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAC,EAAA,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAA,EAAG,CAAC,CAAG,EAAA,KAAK,EAAE,EAAI,CAAA,CAC5C,CAAC,CACK,CACV,CACM,CACD;gCACT,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,KAC1B,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,MAAM,IAChB,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,MAC9B,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,GAAG,EACR,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,CAAC,EAAA;oCAER,KAAC,CAAA,aAAA,CAAA,UAAU,QAAE,MAAM,CAAc,CACrB,CACf,CAAC,CACI,CACT;gCACA,IAAI,KACH,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,CAAC,EAAA;oCAC5B,KAAC,CAAA,aAAA,CAAA,UAAU,QAAE,IAAI,CAAc,CACnB,CACf,CACK,CACC,CACgB;AAC5B,oBAAA,gBAAgB,IAAI,CAAC,CAAC,gBAAgB,CAAC,MAAM,KAC5C,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,0BAA0B,EACnC,UAAU,EAAE,CAAC,EACX,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,OAAO,EACb,kBAAkB,EAAE,gBAAgB,GACrC,KAAI;4BACH,MAAM,OAAO,GAAG,OAAO,CAAC;4BACxB,QACE,oBAAC,0BAA0B,EAAA,EACzB,GAAG,EAAE,KAAK,sBACQ,gBAAgB,EAAA;AAElC,gCAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA;AACN,oCAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA;AACd,wCAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EACV,EAAA,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,CAAC,EAAA;AAER,4CAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,EAAE,QAAQ,CAAc,CACvB,CACE;AACjB,oCAAA,OAAO,KACN,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,CAAC,EAAA;wCAChD,KAAC,CAAA,aAAA,CAAA,UAAU,QAAE,OAAO,CAAc,CACtB,CACf,CACO,CACiB,EAC7B;AACJ,yBAAC,GACD,CACH,CACK,CACD,CACD,CACY,EACxB;AACJ,CAAC;AAED,YAAY,CAAC,YAAY,GAAG,YAAY;;;;"}

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { sanitizeInputValues, getPercentagesForVariants } from './SegmentedProgressBarUtil.js';
+
+const defaultProps = {
+    "data-e2e-test-id": undefined,
+    weight: "fat",
+    squareCorners: false,
+    privateProps: {
+        monochrome: false,
+    },
+};
+const getBackgroundColor = (theme, style, monochrome) => {
+    switch (style) {
+        case "success":
+            return monochrome
+                ? theme.values.color.segementedProgressBar.monochrome
+                : theme.values.color.segementedProgressBar.success;
+        case "warning":
+            return monochrome
+                ? theme.values.color.segementedProgressBar.monochrome
+                : theme.values.color.segementedProgressBar.warning;
+        case "alert":
+            return monochrome
+                ? theme.values.color.segementedProgressBar.monochrome
+                : theme.values.color.segementedProgressBar.alert;
+        case "inProgress":
+        default:
+            return theme.values.color.segementedProgressBar.inProgress;
+    }
+};
+const StyledSegmentedProgressBar = styled.div(({ theme, squareCorners, weight }) => ({
+    width: "100%",
+    display: "flex",
+    flexDirection: "row",
+    borderRadius: squareCorners
+        ? 0
+        : theme.variables.size.borderRadius.progressBar,
+    overflow: "hidden",
+    height: weight === "thin"
+        ? theme.variables.size.spacing.xxs
+        : theme.variables.size.spacing.xs,
+}));
+const StyledSegment = styled.div(({ theme, styleVariant, percentage, monochrome }) => ({
+    height: "100%",
+    backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),
+    width: `${percentage}%`,
+}));
+function SegmentedProgressBar({ maxValue, values, weight, squareCorners, privateProps: { monochrome }, "data-e2e-test-id": dataE2eTestId, }) {
+    const { sanitizedMaxValue, sanitizedValues } = sanitizeInputValues(maxValue, values);
+    const percentages = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);
+    return (React.createElement(StyledSegmentedProgressBar, { "data-e2e-test-id": dataE2eTestId, squareCorners: squareCorners, weight: weight }, percentages.map(({ percentage, style }) => (React.createElement(StyledSegment, { key: style, "data-e2e-test-id": style, styleVariant: style, monochrome: monochrome, percentage: percentage })))));
+}
+SegmentedProgressBar.defaultProps = defaultProps;
+
+export { SegmentedProgressBar };
+//# sourceMappingURL=SegmentedProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedProgressBar.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AA4CA,MAAM,YAAY,GAAuC;AACvD,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;CACF,CAAC;AAEF,MAAM,kBAAkB,GAAG,CACzB,KAAY,EACZ,KAAmB,EACnB,UAAmB,KACjB;AACF,IAAA,QAAQ,KAAK;AACX,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,UAAU;kBACb,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU;kBACnD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;AACvD,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,UAAU;kBACb,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU;kBACnD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;AACvD,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,UAAU;kBACb,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU;kBACnD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC;AACrD,QAAA,KAAK,YAAY,CAAC;AAClB,QAAA;YACE,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC;AAC9D,KAAA;AACH,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAE3C,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM;AACvC,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,YAAY,EAAE,aAAa;AACzB,UAAE,CAAC;UACD,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW;AACjD,IAAA,QAAQ,EAAE,QAAQ;IAClB,MAAM,EACJ,MAAM,KAAK,MAAM;UACb,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG;UAChC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;AACtC,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAC9B,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM;AACpD,IAAA,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,UAAU,CAAC;IACpE,KAAK,EAAE,CAAG,EAAA,UAAU,CAAG,CAAA,CAAA;AACxB,CAAA,CAAC,CACH,CAAC;AAEI,SAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,MAAM,EACN,MAAM,EACN,aAAa,EACb,YAAY,EAAE,EAAE,UAAU,EAAE,EAC5B,kBAAkB,EAAE,aAAa,GACP,EAAA;AAC1B,IAAA,MAAM,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,mBAAmB,CAChE,QAAQ,EACR,MAAM,CACP,CAAC;IAEF,MAAM,WAAW,GAGX,yBAAyB,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;IAEpE,QACE,KAAC,CAAA,aAAA,CAAA,0BAA0B,EACP,EAAA,kBAAA,EAAA,aAAa,EAC/B,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EAEb,EAAA,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MACrC,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,GAAG,EAAE,KAAK,EACQ,kBAAA,EAAA,KAAe,EACjC,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,CACtB,CACH,CAAC,CACyB,EAC7B;AACJ,CAAC;AAED,oBAAoB,CAAC,YAAY,GAAG,YAAY;;;;"}

package/build/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js

@@ -0,0 +1,35 @@
+const variants = ["success", "warning", "alert"];
+const getTotalFilledValue = (values) => variants.reduce((currentValue, variant) => values[variant] && values[variant] > 0
+    ? currentValue + values[variant]
+    : currentValue, 0);
+const getPercentagesForVariants = (maxValue, values) => {
+    const result = variants.map((variant) => {
+        const percentage = (100 * values[variant]) / maxValue;
+        return percentage > 0
+            ? { percentage, style: variant }
+            : null;
+    });
+    const usedPercentage = result.reduce((currentValue, item) => currentValue + (item ? item.percentage : 0), 0);
+    // add a last segment for the remaing percentage
+    if (usedPercentage < 100) {
+        result.push({
+            percentage: 100 - usedPercentage,
+            style: "inProgress",
+        });
+    }
+    // we need to filter out the null values.
+    return result.filter(Boolean);
+};
+const sanitizeInputValues = (maxValue, values) => {
+    const totalFilledValue = getTotalFilledValue(values);
+    const sanitizedMaxValue = maxValue > totalFilledValue ? maxValue : totalFilledValue;
+    const sanitizedValues = {};
+    variants.forEach((variant) => {
+        sanitizedValues[variant] =
+            values[variant] && values[variant] > 0 ? values[variant] : 0;
+    });
+    return { sanitizedMaxValue, sanitizedValues };
+};
+
+export { getPercentagesForVariants, sanitizeInputValues };
+//# sourceMappingURL=SegmentedProgressBarUtil.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedProgressBarUtil.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBarUtil.ts"],"sourcesContent":[null],"names":[],"mappings":"AAGA,MAAM,QAAQ,GAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AAElE,MAAM,mBAAmB,GAAG,CAAC,MAA6C,KACxE,QAAQ,CAAC,MAAM,CACb,CAAC,YAAY,EAAE,OAAO,KACpB,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AACpC,MAAE,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC;AAChC,MAAE,YAAY,EAClB,CAAC,CACF,CAAC;AAEJ,MAAM,yBAAyB,GAAG,CAChC,QAAgB,EAChB,MAA6C,KACI;IACjD,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;AACtC,QAAA,MAAM,UAAU,GAAW,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC;QAE9D,OAAO,UAAU,GAAG,CAAC;AACnB,cAAE,EAAE,UAAU,EAAE,KAAK,EAAE,OAAuB,EAAE;cAC9C,IAAI,CAAC;AACX,KAAC,CAAC,CAAC;AAEH,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAClC,CAAC,YAAY,EAAE,IAAI,KAAK,YAAY,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,EACnE,CAAC,CACF,CAAC;;IAGF,IAAI,cAAc,GAAG,GAAG,EAAE;QACxB,MAAM,CAAC,IAAI,CAAC;YACV,UAAU,EAAE,GAAG,GAAG,cAAc;AAChC,YAAA,KAAK,EAAE,YAA4B;AACpC,SAAA,CAAC,CAAC;AACJ,KAAA;;AAGD,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAChC,EAAE;AAEF,MAAM,mBAAmB,GAAG,CAC1B,QAAgB,EAChB,MAA6C,KAI3C;AACF,IAAA,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AACrD,IAAA,MAAM,iBAAiB,GACrB,QAAQ,GAAG,gBAAgB,GAAG,QAAQ,GAAG,gBAAgB,CAAC;IAE5D,MAAM,eAAe,GAA0C,EAAE,CAAC;AAClE,IAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;QAC3B,eAAe,CAAC,OAAO,CAAC;YACtB,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AACjE,KAAC,CAAC,CAAC;AAEH,IAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC;AAChD;;;;"}

package/build/src/components/Stack/Stack.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import flattenChildren from 'react-keyed-flatten-children';
+import { mq } from '../../shared/mediaQueries.js';
+
+const defaultProps = {
+    space: "xs",
+    "data-e2e-test-id": undefined,
+};
+const StackContainer = styled.div(({ alignItems }) => (Object.assign(Object.assign({}, mq({
+    alignItems: [
+        alignItems,
+        {
+            left: "flex-start",
+            right: "flex-end",
+            center: "center",
+            spaceBetween: "space-between",
+        },
+    ],
+})), { display: "flex", flexDirection: "column" })));
+const StackItem = styled.div(({ theme, space }) => (Object.assign(Object.assign({}, mq({
+    marginTop: [space, theme.variables.size.spacing],
+})), { "&:first-of-type": {
+        marginTop: 0,
+    }, "&:empty": {
+        marginTop: 0,
+    } })));
+function Stack({ children, space, alignItems, "data-e2e-test-id": dataE2eTestId, }) {
+    return (React.createElement(StackContainer, { "data-e2e-test-id": dataE2eTestId, alignItems: alignItems }, React.Children.map(flattenChildren(children), (child) => child && React.createElement(StackItem, { space: space }, child))));
+}
+Stack.defaultProps = defaultProps;
+
+export { Stack };
+//# sourceMappingURL=Stack.js.map

package/build/src/components/Stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sources":["../../../../../src/components/Stack/Stack.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AA2BA,MAAM,YAAY,GAAwB;AACxC,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,kBAAkB,EAAE,SAAS;CAC9B,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAa,CAAC,EAAE,UAAU,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC7D,EAAE,CAAC;AACJ,IAAA,UAAU,EAAE;QACV,UAAU;AACV,QAAA;AACE,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,YAAY,EAAE,eAAe;AAC9B,SAAA;AACF,KAAA;CACF,CAAC,CAAA,EAAA,EACF,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,CAAA,CAAA,CAAC,CAAC;AAEJ,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC9D,EAAE,CAAC;IACJ,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;CACjD,CAAC,CAAA,EAAA,EACF,iBAAiB,EAAE;AACjB,QAAA,SAAS,EAAE,CAAC;AACb,KAAA,EACD,SAAS,EAAE;AACT,QAAA,SAAS,EAAE,CAAC;AACb,KAAA,EAAA,CAAA,CACD,CAAC,CAAC;AAEY,SAAA,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,kBAAkB,EAAE,aAAa,GACtB,EAAA;AACX,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,cAAc,wBAAmB,aAAa,EAAE,UAAU,EAAE,UAAU,EACpE,EAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,eAAe,CAAC,QAAQ,CAAC,EACzB,CAAC,KAAK,KAAK,KAAK,IAAI,oBAAC,SAAS,EAAA,EAAC,KAAK,EAAE,KAAK,EAAG,EAAA,KAAK,CAAa,CACjE,CACc,EACjB;AACJ,CAAC;AAED,KAAK,CAAC,YAAY,GAAG,YAAY;;;;"}

package/build/src/components/SubThemeProvider/SubThemeProvider.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ThemeProvider } from '@emotion/react';
+
+/* eslint-disable no-restricted-syntax */
+function isObject(item) {
+    return item && typeof item === "object" && !Array.isArray(item);
+}
+function mergeDeep(target, ...sources) {
+    if (!sources.length)
+        return target;
+    const source = sources.shift();
+    if (isObject(target) && isObject(source)) {
+        for (const key in source) {
+            if (isObject(source[key])) {
+                if (!target[key])
+                    Object.assign(target, { [key]: {} });
+                mergeDeep(target[key], source[key]);
+            }
+            else {
+                Object.assign(target, { [key]: source[key] });
+            }
+        }
+    }
+    return mergeDeep(target, ...sources);
+}
+const subThemeCreator = (parentTheme, name) => mergeDeep({}, parentTheme, {
+    values: Object.assign({}, parentTheme.values.subThemes[name]),
+});
+function SubThemeProvider({ name, children, "data-e2e-test-id": dataE2eTestId, }) {
+    return (React.createElement(ThemeProvider, { theme: (parentTheme) => subThemeCreator(parentTheme, name) },
+        React.createElement("div", { "data-e2e-test-id": dataE2eTestId }, children)));
+}
+
+export { SubThemeProvider };
+//# sourceMappingURL=SubThemeProvider.js.map

package/build/src/components/SubThemeProvider/SubThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubThemeProvider.js","sources":["../../../../../src/components/SubThemeProvider/SubThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AAeA,SAAS,QAAQ,CAAC,IAAa,EAAA;AAC7B,IAAA,OAAO,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAClE,CAAC;AAED,SAAS,SAAS,CAChB,MAAsB,EACtB,GAAG,OAAyB,EAAA;IAE5B,IAAI,CAAC,OAAO,CAAC,MAAM;AAAE,QAAA,OAAO,MAAM,CAAC;AACnC,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;IAE/B,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE;AACxC,QAAA,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;AACxB,YAAA,IAAI,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE;AACzB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;AAAE,oBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC;gBACvD,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACrC,aAAA;AAAM,iBAAA;AACL,gBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAA;AACF,SAAA;AACF,KAAA;AAED,IAAA,OAAO,SAAS,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,eAAe,GAAG,CAAC,WAAkB,EAAE,IAAmB,KAC9D,SAAS,CAAC,EAAE,EAAE,WAAW,EAAE;IACzB,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACD,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CACtC;AACF,CAAA,CAAU,CAAC;AAER,SAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAAE,aAAa,GACX,EAAA;AACtB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,aAAa,EACZ,EAAA,KAAK,EAAE,CAAC,WAAkB,KACxB,eAAe,CAAC,WAAW,EAAE,IAAqB,CAAC,EAAA;AAGrD,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,kBAAA,EAAuB,aAAa,EAAG,EAAA,QAAQ,CAAO,CACxC,EAChB;AACJ;;;;"}

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

@@ -0,0 +1,53 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from '@emotion/styled';
+import { Inline } from '../Inline/Inline.js';
+import { Stack } from '../Stack/Stack.js';
+import { Icon } from '../Icon/Icon.js';
+
+/* eslint-disable react/jsx-props-no-spreading */
+const BORDER_WIDTH = 1;
+const BORDER_WIDTH_ACTIVE_TOP = 4;
+const StyledContainer = styled.div(({ theme }) => ({
+    width: "100%",
+    backgroundColor: theme.values.color.background.tabs.header,
+    borderBottom: `${BORDER_WIDTH}px solid`,
+    borderColor: theme.values.color.border.primary,
+}));
+const StyledTabHeader = styled.div(({ theme, active, isFirst }) => (Object.assign({ position: "relative", margin: 0, backgroundColor: theme.values.color.background.tabs.header, padding: theme.variables.size.spacing.m, color: theme.values.color.text.secondary, fontFamily: theme.variables.fontFamily.lato, fontWeight: theme.variables.weight.bold, fontSize: theme.variables.size.font.text.s, lineHeight: theme.variables.size.lineHeight.text.s, border: 0, boxSizing: "border-box", transition: "background-color 0.15s", display: "block", textDecoration: "none" }, (active
+    ? Object.assign(Object.assign({ border: `${BORDER_WIDTH}px solid`, borderTop: 0, paddingLeft: parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH, paddingRight: parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH, marginBottom: -BORDER_WIDTH, borderColor: theme.values.color.border.primary, borderBottomColor: theme.values.color.background.tabs.buttonActive, backgroundColor: theme.values.color.background.tabs.buttonActive }, (isFirst && {
+        borderLeft: 0,
+        paddingLeft: theme.variables.size.spacing.m,
+    })), { "&:after": {
+            content: '""',
+            position: "absolute",
+            width: "100%",
+            height: BORDER_WIDTH_ACTIVE_TOP,
+            backgroundColor: theme.values.color.border.tabs.buttonActive,
+            borderLeft: `${BORDER_WIDTH}px solid`,
+            borderRight: `${BORDER_WIDTH}px solid`,
+            borderColor: theme.values.color.border.tabs.buttonActive,
+            left: -BORDER_WIDTH,
+            top: 0,
+        } }) : {
+    cursor: "pointer",
+    "&:hover": {
+        backgroundColor: theme.values.color.background.tabs.buttonHover,
+    },
+}))));
+function Tabs({ tabs, activeTab = 0, children, onTabSelect, "data-e2e-test-id": dataE2eTestId, }) {
+    return (React.createElement(Stack, { "data-e2e-test-id": dataE2eTestId },
+        React.createElement(StyledContainer, null,
+            React.createElement(Inline, { space: "zero" }, tabs.map((_a, i) => {
+                var { header, as = "button", iconLeft, iconRight } = _a, rest = __rest(_a, ["header", "as", "iconLeft", "iconRight"]);
+                return (React.createElement(StyledTabHeader, Object.assign({ as: as, key: header, isFirst: i === 0, active: activeTab === i, onClick: () => onTabSelect && onTabSelect(i) }, rest),
+                    React.createElement(Inline, { vAlignItems: "center", space: "xxs" },
+                        iconLeft && React.createElement(Icon, { size: "s", name: iconLeft }),
+                        header,
+                        iconRight && React.createElement(Icon, { size: "s", name: iconRight }))));
+            }))),
+        children));
+}
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;AASA,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAElC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACjD,IAAA,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM;IAC1D,YAAY,EAAE,CAAG,EAAA,YAAY,CAAU,QAAA,CAAA;IACvC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;AAC/C,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAChC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MACzB,MAAA,CAAA,MAAA,CAAA,EAAA,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,CAAC,EACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAC1D,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAEvC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EACxC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAC3C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAC1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAClD,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,YAAY,EACvB,UAAU,EAAE,wBAAwB,EAEpC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,MAAM,EAAA,GAElB,MAAM;MACP,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACG,MAAM,EAAE,CAAA,EAAG,YAAY,CAAU,QAAA,CAAA,EACjC,SAAS,EAAE,CAAC,EACZ,WAAW,EACT,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,YAAY,EAC7D,YAAY,EACV,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,YAAY,EAC7D,YAAY,EAAE,CAAC,YAAY,EAC3B,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAC9C,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,EAClE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,EAAA,GAE5D,OAAO,IAAI;AACb,QAAA,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC5C,EAAC,EAAA,EACF,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,uBAAuB;YAC/B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY;YAC5D,UAAU,EAAE,CAAG,EAAA,YAAY,CAAU,QAAA,CAAA;YACrC,WAAW,EAAE,CAAG,EAAA,YAAY,CAAU,QAAA,CAAA;YACtC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY;YACxD,IAAI,EAAE,CAAC,YAAY;AACnB,YAAA,GAAG,EAAE,CAAC;AACP,SAAA,EAAA,CAAA,GAEH;AACE,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW;AAChE,KAAA;CACF,EAAC,CACN,CACH,CAAC;SAiBc,IAAI,CAAC,EACnB,IAAI,EACJ,SAAS,GAAG,CAAC,EACb,QAAQ,EACR,WAAW,EACX,kBAAkB,EAAE,aAAa,GACvB,EAAA;AACV,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAA,kBAAA,EAAmB,aAAa,EAAA;AACpC,QAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA;AACd,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,MAAM,EACjB,EAAA,IAAI,CAAC,GAAG,CACP,CAAC,EAAuD,EAAE,CAAC,KAAI;AAA9D,gBAAA,IAAA,EAAE,MAAM,EAAE,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAW,GAAA,EAAA,EAAN,IAAI,GAAA,MAAA,CAAA,EAAA,EAArD,yCAAuD,CAAF,CAAA;AAAU,gBAAA,QAC9D,KAAC,CAAA,aAAA,CAAA,eAAe,EACd,MAAA,CAAA,MAAA,CAAA,EAAA,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,CAAC,KAAK,CAAC,EAChB,MAAM,EAAE,SAAS,KAAK,CAAC,EACvB,OAAO,EAAE,MAAM,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,IACxC,IAAI,CAAA;oBAER,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAA;wBACrC,QAAQ,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,QAAQ,EAAI,CAAA;wBAC7C,MAAM;AACN,wBAAA,SAAS,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,SAAS,EAAA,CAAI,CACzC,CACO,EACnB;AAAA,aAAA,CACF,CACM,CACO;QACjB,QAAQ,CACH,EACR;AACJ;;;;"}

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

@@ -0,0 +1,17 @@
+import styled from '@emotion/styled';
+
+const getCommonStyles = (theme) => ({
+    color: theme.values.color.header.primary,
+    fontFamily: theme.variables.fontFamily.lato,
+    fontWeight: theme.variables.weight.black,
+    margin: 0,
+});
+const H1 = styled.h1(({ theme }) => (Object.assign(Object.assign({}, getCommonStyles(theme)), { fontSize: theme.variables.size.font.header.xl, lineHeight: theme.variables.size.lineHeight.header.xl })));
+const H2 = styled.h2(({ theme }) => (Object.assign(Object.assign({}, getCommonStyles(theme)), { fontSize: theme.variables.size.font.header.l, lineHeight: theme.variables.size.lineHeight.header.l })));
+const H3 = styled.h3(({ theme }) => (Object.assign(Object.assign({}, getCommonStyles(theme)), { fontSize: theme.variables.size.font.header.m, lineHeight: theme.variables.size.lineHeight.header.m })));
+const H4 = styled.h4(({ theme }) => (Object.assign(Object.assign({}, getCommonStyles(theme)), { fontSize: theme.variables.size.font.header.s, lineHeight: theme.variables.size.lineHeight.header.s })));
+const H5 = styled.h5(({ theme }) => (Object.assign(Object.assign({}, getCommonStyles(theme)), { fontSize: theme.variables.size.font.header.xs, lineHeight: theme.variables.size.lineHeight.header.xs })));
+const H6 = styled.h6(({ theme }) => (Object.assign(Object.assign({}, getCommonStyles(theme)), { fontSize: theme.variables.size.font.header.xxs, lineHeight: theme.variables.size.lineHeight.header.xxs, letterSpacing: "0.5px", textTransform: "uppercase", color: theme.values.color.header.secondary })));
+
+export { H1, H2, H3, H4, H5, H6 };
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Typography/Header/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAWA,MAAM,eAAe,GAAG,CAAC,KAAY,MAAM;IACzC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;AACxC,IAAA,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI;AAC3C,IAAA,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;AACxC,IAAA,MAAM,EAAE,CAAC;AACV,CAAA,CAAC,CAAC;MAEU,EAAE,GAAG,MAAM,CAAC,EAAE,CAAc,CAAC,EAAE,KAAK,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnD,eAAe,CAAC,KAAK,CAAC,CAAA,EAAA,EACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAC7C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,EACrD,CAAA,CAAA,EAAE;MAES,EAAE,GAAG,MAAM,CAAC,EAAE,CAAc,CAAC,EAAE,KAAK,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnD,eAAe,CAAC,KAAK,CAAC,CAAA,EAAA,EACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAC5C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EACpD,CAAA,CAAA,EAAE;MAES,EAAE,GAAG,MAAM,CAAC,EAAE,CAAc,CAAC,EAAE,KAAK,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnD,eAAe,CAAC,KAAK,CAAC,CAAA,EAAA,EACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAC5C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EACpD,CAAA,CAAA,EAAE;MAES,EAAE,GAAG,MAAM,CAAC,EAAE,CAAc,CAAC,EAAE,KAAK,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnD,eAAe,CAAC,KAAK,CAAC,CAAA,EAAA,EACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAC5C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EACpD,CAAA,CAAA,EAAE;MAES,EAAE,GAAG,MAAM,CAAC,EAAE,CAAc,CAAC,EAAE,KAAK,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnD,eAAe,CAAC,KAAK,CAAC,CAAA,EAAA,EACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAC7C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,EACrD,CAAA,CAAA,EAAE;AAEG,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAc,CAAC,EAAE,KAAK,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnD,eAAe,CAAC,KAAK,CAAC,CACzB,EAAA,EAAA,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,EACtD,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,WAAW,EAC1B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAA,CAAA,CAC1C;;;;"}

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { Text } from '../Text/Text.js';
+
+const Italic = styled.i({ fontStyle: "italic" });
+const Bold = styled.b({ fontWeight: "bolder" });
+const Components = {
+    b: ({ key, children }) => React.createElement(Bold, { key: key }, children),
+    i: ({ key, children }) => React.createElement(Italic, { key: key }, children),
+    p: ({ key, children }) => (React.createElement(Text, { key: key, as: "p", variant: "secondary" }, children)),
+    small: ({ key, children }) => (React.createElement(Text, { key: key, as: "span", variant: "tertiary" }, children)),
+    sup: ({ key, children }) => React.createElement("sup", { key: key }, children),
+    sub: ({ key, children }) => React.createElement("sub", { key: key }, children),
+};
+const getNodes = (string) => {
+    const elementNames = Object.keys(Components).join("|");
+    const elementRegex = new RegExp(`<(${elementNames})>.*</\\1>`);
+    const elementMatch = elementRegex.exec(string);
+    if (!elementMatch) {
+        return null;
+    }
+    const elementName = elementMatch[1];
+    const openingTagStartIndex = elementMatch.index;
+    const openingTagEndIndex = elementMatch.index + elementName.length + 2;
+    let numberOpenTags = 1;
+    const elementTagsRegex = new RegExp(`(<${elementName}>)|(</${elementName}>)`, "g");
+    let currentTagMatch = elementTagsRegex.exec(string);
+    let closingTagStartIndex;
+    let closingTagEndIndex;
+    do {
+        if (currentTagMatch.index > openingTagStartIndex) {
+            if (currentTagMatch[1]) {
+                numberOpenTags += 1;
+            }
+            else if (currentTagMatch[2]) {
+                numberOpenTags -= 1;
+                closingTagStartIndex = currentTagMatch.index;
+                closingTagEndIndex = closingTagStartIndex + currentTagMatch[2].length;
+            }
+        }
+        currentTagMatch = elementTagsRegex.exec(string);
+        if (!currentTagMatch)
+            break;
+    } while (numberOpenTags > 0);
+    return {
+        elementName,
+        prev: string.slice(0, openingTagStartIndex),
+        node: string.slice(openingTagEndIndex, closingTagStartIndex),
+        next: string.slice(closingTagEndIndex),
+    };
+};
+const makeStyledJSX = (string) => {
+    if (!string || string.length < 1) {
+        return null;
+    }
+    const nodes = getNodes(string);
+    if (!nodes) {
+        return string;
+    }
+    const { elementName, prev, node, next } = nodes;
+    return [
+        prev,
+        Components[elementName]({ key: node, children: makeStyledJSX(node) }),
+        makeStyledJSX(next),
+    ].filter((i) => i !== null && i !== "" && !(Array.isArray(i) && !i.length));
+};
+function StyledText({ children, "data-e2e-test-id": dataE2eTestId, }) {
+    if (typeof children !== "string")
+        return children;
+    return (React.createElement("span", { "data-e2e-test-id": dataE2eTestId }, makeStyledJSX(children)));
+}
+
+export { StyledText, makeStyledJSX };
+//# sourceMappingURL=StyledText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StyledText.js","sources":["../../../../../../src/components/Typography/StyledText/StyledText.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,26 @@
+import styled from '@emotion/styled';
+import isPropValid from '@emotion/is-prop-valid';
+import { mq } from '../../../shared/mediaQueries.js';
+
+const defaultProps = {
+    size: "m",
+    weight: "normal",
+    transform: "none",
+    as: "p",
+    variant: "secondary",
+    align: "left",
+    hyphens: "none",
+    "data-e2e-test-id": undefined,
+};
+const Text = styled("p", {
+    shouldForwardProp: (prop) => isPropValid(prop) && prop !== "transform",
+})(({ theme, align, weight, size, transform, hyphens, variant }) => (Object.assign({ fontFamily: theme.variables.fontFamily.lato, margin: 0, textTransform: transform, textAlign: align, 
+    // font-weight prop is a string becuase emotion doesn't support
+    // string values for "fontWeight" prop
+    "font-weight": String(theme.variables.weight[weight]), color: theme.values.color.text[variant], fontSize: theme.variables.size.font.text[size], lineHeight: theme.variables.size.lineHeight.text[size] }, mq({
+    hyphens: [hyphens, { none: "none", auto: "auto", manual: "manual" }],
+}))));
+Text.defaultProps = defaultProps;
+
+export { Text };
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAyBA,MAAM,YAAY,GAAuB;AACvC,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,kBAAkB,EAAE,SAAS;CAC9B,CAAC;AAEW,MAAA,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;AAC9B,IAAA,iBAAiB,EAAE,CAAC,IAAY,KAC9B,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,WAAW;AAC5C,CAAA,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAC1D,MAAA,CAAA,MAAA,CAAA,EAAA,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAC3C,MAAM,EAAE,CAAC,EACT,aAAa,EAAE,SAAS,EACxB,SAAS,EAAE,KAAK;;;IAGhB,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EACrD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EACnD,EAAA,EAAE,CAAC;AACJ,IAAA,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;CACrE,CAAC,CAAA,CACF,EACF;AAEF,IAAI,CAAC,YAAY,GAAG,YAAY;;;;"}

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

@@ -0,0 +1,25 @@
+import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from '@emotion/styled';
+import { Text } from '../Text/Text.js';
+
+const defaultProps = {
+    lines: 1,
+    size: "m",
+};
+const Container = styled.span(({ lines, theme, size }) => ({
+    display: "-webkit-box",
+    "-webkit-box-orient": "vertical",
+    overflow: "hidden",
+    WebkitLineClamp: lines,
+    maxHeight: lines * parseInt(theme.variables.size.lineHeight.text[size], 10),
+}));
+function TextClamped(props) {
+    const { lines, children, "data-e2e-test-id": dataE2eTestId } = props, textProps = __rest(props, ["lines", "children", "data-e2e-test-id"]);
+    return (React.createElement(Text, Object.assign({ "data-e2e-test-id": dataE2eTestId }, textProps),
+        React.createElement(Container, { lines: lines, size: textProps.size }, children)));
+}
+TextClamped.defaultProps = defaultProps;
+
+export { TextClamped };
+//# sourceMappingURL=TextClamped.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextClamped.js","sources":["../../../../../../src/components/Typography/TextClamped/TextClamped.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAUA,MAAM,YAAY,GAA8B;AAC9C,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,IAAI,EAAE,GAAG;CACV,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AAC3E,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,oBAAoB,EAAE,UAAU;AAChC,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,eAAe,EAAE,KAAK;AACtB,IAAA,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;AAC5E,CAAA,CAAC,CAAC,CAAC;AAEE,SAAU,WAAW,CAAC,KAAuB,EAAA;AACjD,IAAA,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,kBAAkB,EAAE,aAAa,EAE/B,GAAA,KAAK,EADJ,SAAS,GAAA,MAAA,CACV,KAAK,EALH,CAAA,OAAA,EAAA,UAAA,EAAA,kBAAA,CAKL,CAAQ,CAAC;AAEV,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAmB,MAAA,CAAA,MAAA,CAAA,EAAA,kBAAA,EAAA,aAAa,IAAM,SAAS,CAAA;AAClD,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAC1C,EAAA,QAAQ,CACC,CACP,EACP;AACJ,CAAC;AAED,WAAW,CAAC,YAAY,GAAG,YAAY;;;;"}

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

@@ -0,0 +1,62 @@
+import styled from '@emotion/styled';
+import React, { useRef, useReducer, useLayoutEffect, useEffect } from 'react';
+import { VirtualScrollReducer } from './VirtualScrollListReducer.js';
+
+const StyledContainer = styled.div(({ maxHeight }) => ({
+    overflow: "auto",
+    width: "100%",
+    height: "100%",
+    maxHeight,
+}));
+const StyledScrollableContent = styled.div(({ maxContentHeight }) => ({
+    overflow: "hidden",
+    boxSizing: "border-box",
+    height: maxContentHeight,
+}));
+const overscan = 10;
+function VirtualScrollList({ maxHeight, itemHeight, itemAmount, emptyState = () => null, itemInView, itemTemplate, "data-e2e-test-id": dataE2eTestId, }) {
+    const scrollableContainerRef = useRef(null);
+    const viewportRef = useRef(null);
+    const [{ scrolledItemCount, amountOfItemsInView, scrolledInPx, maxContentHeight = maxHeight, recommendedScrollPosition, }, dispatch,] = useReducer(VirtualScrollReducer, {});
+    useLayoutEffect(() => {
+        dispatch({ type: "reset", itemHeight, maxHeight, overscan });
+        scrollableContainerRef.current.scrollTop = 0;
+    }, [itemHeight, itemAmount, maxHeight]);
+    useEffect(() => {
+        dispatch({
+            type: "recommendScrollPosition",
+            scrollTop: scrollableContainerRef.current.scrollTop,
+            itemToBeInView: itemInView,
+        });
+    }, [itemInView]);
+    useEffect(() => {
+        if (recommendedScrollPosition === null)
+            return;
+        scrollableContainerRef.current.scrollTop = recommendedScrollPosition;
+    }, [recommendedScrollPosition]);
+    useLayoutEffect(() => {
+        if (!viewportRef.current)
+            return;
+        dispatch({
+            type: "updateViewport",
+            viewportNode: viewportRef.current,
+            itemAmount,
+        });
+    }, [itemAmount, scrolledItemCount]);
+    const itemCountToBeRendered = Math.min(Math.max(0, itemAmount - scrolledItemCount), amountOfItemsInView);
+    return (React.createElement(StyledContainer, { ref: scrollableContainerRef, maxHeight: maxHeight, style: { maxHeight }, "data-e2e-test-id": dataE2eTestId, onScroll: (e) => {
+            dispatch({
+                type: "scroll",
+                scrollTop: e.currentTarget.scrollTop,
+            });
+        } }, itemAmount === 0 ? (emptyState()) : (React.createElement(StyledScrollableContent, { maxContentHeight: maxContentHeight },
+        React.createElement("div", { ref: viewportRef, style: {
+                transform: `translateY(${scrolledInPx}px`,
+            } }, !!itemCountToBeRendered &&
+            new Array(itemCountToBeRendered)
+                .fill(0)
+                .map((_, index) => itemTemplate(scrolledItemCount + index)))))));
+}
+
+export { VirtualScrollList };
+//# sourceMappingURL=VirtualScrollList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualScrollList.js","sources":["../../../../../src/components/VirtualScrollList/VirtualScrollList.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}