@amboss/design-system 1.5.19 → 1.5.20

package/build/src/components/Form/Toggle/Toggle.js.map

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

package/build/src/components/Form/ToggleButton/ToggleButton.js

@@ -0,0 +1,80 @@
+import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from '@emotion/styled';
+import { FormField } from '../FormField/FormField.js';
+import { Inline } from '../../Inline/Inline.js';
+
+/* eslint-disable react/jsx-props-no-spreading */
+const StyledContainer = styled.div(() => ({
+    display: "inline-block",
+}));
+const StyledRealInput = styled.input(() => ({
+    opacity: 0,
+    cursor: "pointer",
+    height: 0,
+    width: 0,
+    position: "absolute",
+}));
+const StyledFakeInput = styled.div(({ theme }) => ({
+    boxSizing: "border-box",
+    borderRadius: theme.variables.size.borderRadius.toggleButton.m,
+    border: "2px solid",
+    height: theme.variables.size.dimension.toggleButton.height.m,
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.toggleButton.m,
+    fontWeight: theme.variables.weight.bold,
+    lineHeight: theme.variables.size.lineHeight.toggleButton.m,
+    background: theme.values.color.background.toggleButton.default,
+    borderColor: theme.values.color.border.toggleButton.default,
+    color: theme.values.color.text.toggleButton.default,
+    "input: focus-visible + &": {
+        outlineWidth: "2px",
+        outlineStyle: "solid",
+        outlineColor: "Highlight",
+    },
+    "@media (-webkit-min-device-pixel-ratio:0)": {
+        "input: focus-visible + &": {
+            outlineColor: "-webkit-focus-ring-color",
+            outlineStyle: "auto",
+        },
+    },
+    "&:hover": {
+        borderColor: theme.values.color.border.toggleButton.defaultHover,
+    },
+    "input:checked + &": {
+        borderColor: theme.values.color.border.toggleButton.active,
+        color: theme.values.color.text.toggleButton.active,
+        background: theme.values.color.background.toggleButton.active,
+        "&:hover": {
+            borderColor: theme.values.color.border.toggleButton.activeHover,
+            background: theme.values.color.background.toggleButton.activeHover,
+        },
+    },
+    "input:disabled + &": {
+        pointerEvents: "none",
+    },
+}));
+const StyledSubLabel = styled.div(({ theme }) => ({
+    color: theme.values.color.text.toggleButton.labelDefault,
+    "input:checked + div &": {
+        color: theme.values.color.text.toggleButton.labelActive,
+    },
+}));
+function ToggleButton(_a) {
+    var { label, subLabel, name, value = "", checked = undefined, disabled = false, onChange, onClick, onBlur, onFocus, "data-e2e-test-id": dataE2eTestId } = _a, rest = __rest(_a, ["label", "subLabel", "name", "value", "checked", "disabled", "onChange", "onClick", "onBlur", "onFocus", "data-e2e-test-id"]);
+    return (React.createElement(FormField, Object.assign({ "data-e2e-test-id": dataE2eTestId }, rest, { disabled: disabled }),
+        React.createElement(StyledContainer, { "data-e2e-test-id": dataE2eTestId },
+            React.createElement(StyledRealInput, { type: "checkbox", name: name, value: value, checked: checked, disabled: disabled, onChange: onChange, onClick: onClick, onBlur: onBlur, onFocus: onFocus }),
+            React.createElement(StyledFakeInput, null,
+                React.createElement(Inline, { space: "xxs", noWrap: true },
+                    label,
+                    subLabel && React.createElement(StyledSubLabel, null, subLabel))))));
+}
+
+export { ToggleButton };
+//# sourceMappingURL=ToggleButton.js.map

package/build/src/components/Form/ToggleButton/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../../../../../src/components/Form/ToggleButton/ToggleButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAAA;AAoBA,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO;AACxC,IAAA,OAAO,EAAE,cAAc;AACxB,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAA6B,OAAO;AACtE,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,QAAQ,EAAE,UAAU;AACrB,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACjD,IAAA,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;AAC9D,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAC5D,IAAA,MAAM,EAAE,SAAS;AAEjB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAI,CAAA,EAAA,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAE,CAAA;AACjF,IAAA,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAClD,IAAA,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;IACvC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE1D,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO;IAC9D,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO;IAC3D,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO;AAEnD,IAAA,0BAA0B,EAAE;AAC1B,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,YAAY,EAAE,OAAO;AACrB,QAAA,YAAY,EAAE,WAAW;AAC1B,KAAA;AAED,IAAA,2CAA2C,EAAE;AAC3C,QAAA,0BAA0B,EAAE;AAC1B,YAAA,YAAY,EAAE,0BAA0B;AACxC,YAAA,YAAY,EAAE,MAAM;AACrB,SAAA;AACF,KAAA;AAED,IAAA,SAAS,EAAE;QACT,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,YAAY;AACjE,KAAA;AACD,IAAA,mBAAmB,EAAE;QACnB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM;QAC1D,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM;QAClD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM;AAE7D,QAAA,SAAS,EAAE;YACT,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,WAAW;YAC/D,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,WAAW;AACnE,SAAA;AACF,KAAA;AACD,IAAA,oBAAoB,EAAE;AACpB,QAAA,aAAa,EAAE,MAAM;AACtB,KAAA;AACF,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAChD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY;AACxD,IAAA,uBAAuB,EAAE;QACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW;AACxD,KAAA;AACF,CAAA,CAAC,CAAC,CAAC;AAEE,SAAU,YAAY,CAAC,EAaT,EAAA;AAbS,IAAA,IAAA,EAC3B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,kBAAkB,EAAE,aAAa,EAEf,GAAA,EAAA,EADf,IAAI,GAAA,MAAA,CAAA,EAAA,EAZoB,6HAa5B,CADQ,CAAA;IAEP,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAmB,MAAA,CAAA,MAAA,CAAA,EAAA,kBAAA,EAAA,aAAa,IAAM,IAAI,EAAA,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAA;QACtE,KAAC,CAAA,aAAA,CAAA,eAAe,wBAAmB,aAAa,EAAA;AAC9C,YAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EACd,EAAA,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,CAAA;AACF,YAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA;AACd,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,KAAK,EAAC,KAAK,EAAC,MAAM,EAAA,IAAA,EAAA;oBACvB,KAAK;oBACL,QAAQ,IAAI,KAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,CACjD,CACO,CACF,CACR,EACZ;AACJ;;;;"}

package/build/src/components/Icon/Icon.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { icons } from '../../../build-tokens/_icon_sizes_map.json.js';
+import icons$1 from '../../../build-tokens/assets/icons.json.js';
+import icons16 from '../../../build-tokens/assets/icons16.json.js';
+import { useHover } from '../../shared/useHover.js';
+
+const StyledIcon = styled.div(({ theme, variant, isHoverable, parentRef, parentIsHovered, size, as }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ width: icons[size], height: icons[size], "& > svg": {
+        width: icons[size],
+        height: icons[size],
+    } }, (variant !== "inherit" && Object.assign({}, (theme.values.color.text.link[variant]
+    ? {
+        color: theme.values.color.text.link[variant],
+    }
+    : {
+        color: theme.values.color.text[variant],
+    })))), (as === "span" && {
+    verticalAlign: "middle",
+})), ((parentIsHovered || isHoverable) && {
+    cursor: "pointer",
+})), (parentRef && {
+    opacity: parentIsHovered ? 1 : 0.6,
+})), (isHoverable && {
+    opacity: 0.6,
+    ":hover": {
+        opacity: 1,
+    },
+}))));
+const Icon = ({ name, hoverable = false, inline = false, size = "m", variant = "inherit", "data-e2e-test-id": dataE2eTestId, "data-testid": dataTestId, }) => {
+    const isHoverable = typeof hoverable === "boolean" && hoverable;
+    const parentRef = typeof hoverable !== "boolean" && hoverable;
+    const parentIsHovered = useHover(parentRef);
+    const as = inline ? "span" : "div";
+    return (React.createElement(StyledIcon, { as: as, "data-e2e-test-id": dataE2eTestId, "data-testid": dataTestId, "data-variant": variant, variant: variant, isHoverable: isHoverable, parentRef: parentRef, parentIsHovered: parentIsHovered, size: size, dangerouslySetInnerHTML: {
+            __html: (size === "s" && icons16[name]) || icons$1[name],
+        } }));
+};
+
+export { Icon };
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":[null],"names":["iconSizes","icons"],"mappings":";;;;;;;AAQA,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAM3B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,EAAE,8EACtE,KAAK,EAAEA,KAAS,CAAC,IAAI,CAAC,EACtB,MAAM,EAAEA,KAAS,CAAC,IAAI,CAAC,EACvB,SAAS,EAAE;AACT,QAAA,KAAK,EAAEA,KAAS,CAAC,IAAI,CAAC;AACtB,QAAA,MAAM,EAAEA,KAAS,CAAC,IAAI,CAAC;AACxB,KAAA,EAAA,GACG,OAAO,KAAK,SAAS,IAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAyB,CAAC;AACzD,MAAE;AACE,QAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAyB,CAAC;AAC/D,KAAA;AACH,MAAE;QACE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;AACxC,KAAA,EACN,EAAC,GACE,EAAE,KAAK,MAAM,IAAI;AACnB,IAAA,aAAa,EAAE,QAAQ;AACxB,CAAA,KACG,CAAC,eAAe,IAAI,WAAW,KAAK;AACtC,IAAA,MAAM,EAAE,SAAS;CAClB,EAAC,GACE,SAAS,IAAI;IACf,OAAO,EAAE,eAAe,GAAG,CAAC,GAAG,GAAG;CACnC,EAAC,GACE,WAAW,IAAI;AACjB,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;CACF,EAAC,CACF,CAAC,CAAC;AAmBG,MAAM,IAAI,GAAG,CAAC,EACnB,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,GAAG,EACV,OAAO,GAAG,SAAS,EACnB,kBAAkB,EAAE,aAAa,EACjC,aAAa,EAAE,UAAU,GACf,KAAwB;IAClC,MAAM,WAAW,GAAG,OAAO,SAAS,KAAK,SAAS,IAAI,SAAS,CAAC;IAChE,MAAM,SAAS,GAAG,OAAO,SAAS,KAAK,SAAS,IAAI,SAAS,CAAC;AAC9D,IAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC5C,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAEnC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,EACY,kBAAA,EAAA,aAAa,iBAClB,UAAU,EAAA,cAAA,EACT,OAAO,EACrB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,uBAAuB,EAAE;AACvB,YAAA,MAAM,EAAE,CAAC,IAAI,KAAK,GAAG,IAAI,OAAO,CAAC,IAAkB,CAAC,KAAKC,OAAK,CAAC,IAAI,CAAC;AACrE,SAAA,EAAA,CACD,EACF;AACJ;;;;"}

package/build/src/components/Inline/Inline.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import flattenChildren from 'react-keyed-flatten-children';
+import styled from '@emotion/styled';
+import { mq } from '../../shared/mediaQueries.js';
+
+const defaultProps = {
+    alignItems: "left",
+    space: "xs",
+    noWrap: false,
+    vAlignItems: "top",
+    "data-e2e-test-id": undefined,
+};
+const makeNegative = (obj) => Object.entries(obj)
+    .map(([key, value]) => [key, `-${value}`])
+    .reduce((acc, [key, value]) => {
+    acc[key] = value;
+    return acc;
+}, {});
+const InlineContainer = styled.div(({ alignItems, vAlignItems, space, vSpace, theme, noWrap }) => (Object.assign(Object.assign({}, mq({
+    alignItems: [
+        vAlignItems,
+        {
+            top: "flex-start",
+            bottom: "flex-end",
+            center: "center",
+            spaceBetween: "space-between",
+        },
+    ],
+    justifyContent: [
+        alignItems,
+        {
+            left: "flex-start",
+            right: "flex-end",
+            center: "center",
+            spaceBetween: "space-between",
+        },
+    ],
+    marginLeft: [space, makeNegative(theme.variables.size.spacing)],
+    marginTop: [vSpace, makeNegative(theme.variables.size.spacing)],
+})), { display: "flex", flexDirection: "row", flexWrap: noWrap ? "nowrap" : "wrap" })));
+const InlineItem = styled.div(({ theme, space, vSpace }) => (Object.assign(Object.assign({}, mq({
+    marginTop: [vSpace, theme.variables.size.spacing],
+    marginLeft: [space, theme.variables.size.spacing],
+})), { "&:empty": {
+        marginTop: 0,
+        marginLeft: 0,
+    } })));
+function Inline({ children, alignItems, vAlignItems, space, vSpace = space, noWrap, "data-e2e-test-id": dataE2eTestId, }) {
+    return (React.createElement(InlineContainer, { "data-e2e-test-id": dataE2eTestId, alignItems: alignItems, vAlignItems: vAlignItems, space: space, vSpace: vSpace, noWrap: noWrap }, React.Children.map(flattenChildren(children), (child) => child && (React.createElement(InlineItem, { space: space, vSpace: vSpace }, child)))));
+}
+Inline.defaultProps = defaultProps;
+
+export { Inline };
+//# sourceMappingURL=Inline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.js","sources":["../../../../../src/components/Inline/Inline.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AA8CA,MAAM,YAAY,GAAyB;AACzC,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,kBAAkB,EAAE,SAAS;CAC9B,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAA2B,KAC/C,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AAChB,KAAA,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,KAAK,CAAA,CAAE,CAAC,CAAC;KACzC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AAC5B,IAAA,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACjB,IAAA,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAA4B,CAAC,CAAC;AAErC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAChC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MACrD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAE,CAAC;AACJ,IAAA,UAAU,EAAE;QACV,WAAW;AACX,QAAA;AACE,YAAA,GAAG,EAAE,YAAY;AACjB,YAAA,MAAM,EAAE,UAAU;AAClB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,YAAY,EAAE,eAAe;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;QACd,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;AACD,IAAA,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC/D,IAAA,SAAS,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;CAChE,CAAC,CAAA,EAAA,EACF,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,EACpC,CAAA,CAAA,CACH,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxE,EAAE,CAAC;IACJ,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;CAClD,CAAC,CAAA,EAAA,EACF,SAAS,EAAE;AACT,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,UAAU,EAAE,CAAC;AACd,KAAA,EAAA,CAAA,CACD,CAAC,CAAC;AAEE,SAAU,MAAM,CAAC,EACrB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,KAAK,EACL,MAAM,GAAG,KAAK,EACd,MAAM,EACN,kBAAkB,EAAE,aAAa,GACrB,EAAA;AACZ,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAA,kBAAA,EACI,aAAa,EAC/B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EAAA,EAEb,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,eAAe,CAAC,QAAQ,CAAC,EACzB,CAAC,KAAK,KACJ,KAAK,KACH,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EACrC,EAAA,KAAK,CACK,CACd,CACJ,CACe,EAClB;AACJ,CAAC;AAED,MAAM,CAAC,YAAY,GAAG,YAAY;;;;"}

package/build/src/components/Link/Link.js

@@ -0,0 +1,47 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from '@emotion/styled';
+import { informDeprecation } from '../../shared/informDeprecation.js';
+
+const defaultProps = {
+    variant: "secondary",
+    as: "a",
+    "data-e2e-test-id": undefined,
+};
+const handleHover = (theme, variant) => {
+    switch (variant) {
+        case "primary":
+            return theme.values.color.text.link.primaryHover;
+        case "tertiary":
+            return theme.values.color.text.link.tertiaryHover;
+        case "secondary":
+        default:
+            return theme.values.color.text.link.secondaryHover;
+    }
+};
+const StyledLink = styled.a(({ theme, weight, variant, size }) => ({
+    textDecoration: "underline",
+    cursor: "pointer",
+    color: theme.values.color.text.link[variant],
+    background: "none",
+    border: "none",
+    padding: 0,
+    "&:hover": {
+        color: handleHover(theme, variant),
+    },
+    fontSize: theme.variables.size.font.link[size],
+    "font-weight": String(theme.variables.weight[weight]),
+    lineHeight: theme.variables.size.lineHeight.link[size],
+    fontFamily: theme.variables.fontFamily.lato,
+}));
+function Link(_a) {
+    var { children, size, weight, variant, target, rel, href, "data-e2e-test-id": dataE2eTestId } = _a, rest = __rest(_a, ["children", "size", "weight", "variant", "target", "rel", "href", "data-e2e-test-id"]);
+    if (variant === "light-primary") {
+        informDeprecation(variant, "light-primary", "Link component", "Please consider using SubThemeProvider. \n Delete all mentions of light-primary in DS after.");
+    }
+    return (React.createElement(StyledLink, Object.assign({ as: "a", "data-e2e-test-id": dataE2eTestId, href: href, rel: rel, target: target, variant: variant, size: size, weight: weight }, rest), children));
+}
+Link.defaultProps = defaultProps;
+
+export { Link };
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AA2BA,MAAM,YAAY,GAAuB;AACvC,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,kBAAkB,EAAE,SAAS;CAC9B,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,OAAuB,KAAI;AAC5D,IAAA,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;AACnD,QAAA,KAAK,UAAU;YACb,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;AACpD,QAAA,KAAK,WAAW,CAAC;AACjB,QAAA;YACE,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;AACtD,KAAA;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CACzB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM;AACrC,IAAA,cAAc,EAAE,WAAW;AAC3B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;AAC5C,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE;AACT,QAAA,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC;AACnC,KAAA;AACD,IAAA,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;IAC9C,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACrD,IAAA,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;AACtD,IAAA,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI;AAC5C,CAAA,CAAC,CACH,CAAC;AAEI,SAAU,IAAI,CAAC,EAUT,EAAA;QAVS,EACnB,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,GAAG,EACH,IAAI,EACJ,kBAAkB,EAAE,aAAa,OAEvB,EADP,IAAI,GATY,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,MAAA,EAAA,kBAAA,CAUpB,CADQ,CAAA;IAEP,IAAI,OAAO,KAAM,eAAkC,EAAE;QACnD,iBAAiB,CACf,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,8FAA8F,CAC/F,CAAC;AACH,KAAA;AACD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,UAAU,EACT,MAAA,CAAA,MAAA,CAAA,EAAA,EAAE,EAAC,GAAG,EAAA,kBAAA,EACY,aAAa,EAC/B,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACV,EAAA,IAAI,GAEP,QAAQ,CACE,EACb;AACJ,CAAC;AAED,IAAI,CAAC,YAAY,GAAG,YAAY;;;;"}

package/build/src/components/Logo/Logo.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import logo from '../../../build-tokens/assets/logo.json.js';
+
+const StyledLogoElement = styled.a(({ theme }) => ({
+    color: theme.values.color.logo.base,
+}));
+function Logo({ href, ariaLabel = "Main", role = "navigation", "data-testid": dataTestId, }) {
+    return (React.createElement(StyledLogoElement, { href: href, "aria-label": ariaLabel, role: role, dangerouslySetInnerHTML: {
+            __html: logo["amboss-logo"],
+        }, "data-testid": dataTestId }));
+}
+
+export { Logo };
+//# sourceMappingURL=Logo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAWA,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IACjD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;AACpC,CAAA,CAAC,CAAC,CAAC;SAEY,IAAI,CAAC,EACnB,IAAI,EACJ,SAAS,GAAG,MAAM,EAClB,IAAI,GAAG,YAAY,EACnB,aAAa,EAAE,UAAU,GACf,EAAA;AACV,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,SAAS,EACrB,IAAI,EAAE,IAAI,EACV,uBAAuB,EAAE;AACvB,YAAA,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC;SAC5B,EACY,aAAA,EAAA,UAAU,EACvB,CAAA,EACF;AACJ;;;;"}

package/build/src/components/MediaItem/MediaItem.js

@@ -0,0 +1,41 @@
+import React, { useState } from 'react';
+import styled from '@emotion/styled';
+import { Icon } from '../Icon/Icon.js';
+
+const StyledMediaContainer = styled.div(({ squareByWidth }) => (Object.assign(Object.assign({ position: "relative", backgroundColor: " transparent", overflow: "hidden", border: "none", width: "100%", borderRadius: "inherit" }, (squareByWidth && { paddingTop: "100%" })), (!squareByWidth && { height: "100%" }))));
+const StyledMedia = styled.img(({ theme, fit }) => ({
+    position: "absolute",
+    top: 0,
+    left: 0,
+    display: "block",
+    width: "100%",
+    height: "100%",
+    backgroundPosition: "center",
+    objectFit: fit,
+    backgroundRepeat: "no-repeat",
+    cursor: "pointer",
+    ":global(.isDarkmodeActive) &": {
+        backgroundColor: theme.values.color.background.layer_1,
+    },
+}));
+const StyledContainer = styled.div(({ theme, squareByWidth }) => (Object.assign(Object.assign({ position: "absolute", top: 0, left: 0, display: "flex", alignItems: "center", justifyContent: "center", width: "100%", backgroundColor: theme.values.color.background.button.secondary.hover }, (squareByWidth && { paddingTop: "100%" })), (!squareByWidth && { height: "100%" }))));
+function MediaItem({ src, title, squareByWidth, fit, }) {
+    const [srcError, setSrcError] = useState(false);
+    const image = new Image();
+    image.src = src;
+    image.onerror = () => {
+        if (!srcError) {
+            setSrcError(true);
+        }
+    };
+    return (React.createElement(StyledMediaContainer, { squareByWidth: squareByWidth }, !srcError ? (React.createElement(StyledMedia, { src: src, title: title, alt: title, fit: fit })) : (React.createElement(StyledContainer, { title: "Error not found" },
+        React.createElement(Icon, { name: "image-broken", variant: "tertiary" })))));
+}
+MediaItem.defaultProps = {
+    mediaCover: true,
+    squareByWidth: false,
+    fit: "cover",
+};
+
+export { MediaItem };
+//# sourceMappingURL=MediaItem.js.map

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

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

package/build/src/components/MediaViewerBar/MediaViewerBar.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import flattenChildren from 'react-keyed-flatten-children';
+import { Inline } from '../Inline/Inline.js';
+import { SubThemeProvider } from '../SubThemeProvider/SubThemeProvider.js';
+
+const StyledMediaViewerBar = styled.div(({ theme }) => ({
+    display: "inline-flex",
+    borderRadius: theme.variables.size.spacing.xxs,
+    height: theme.variables.size.spacing.l,
+    backgroundColor: theme.values.color.background.layer_1,
+    color: theme.values.color.text.lightPrimary,
+    overflow: "hidden",
+    "> div": {
+        width: "100%",
+        "> div": {
+            lineHeight: "normal",
+        },
+    },
+}));
+const StyledSeparator = styled.div(({ theme }) => ({
+    width: theme.variables.size.dimension.mediaViewerBar.separator.width,
+    height: theme.variables.size.spacing.l,
+    backgroundColor: theme.values.color.background.layer_2,
+}));
+function MediaViewerBar({ children, hasSeparator, "data-e2e-test-id": dataE2eTestId, }) {
+    const flattenedChildren = flattenChildren(children);
+    return (React.createElement(SubThemeProvider, { name: "dimmed" },
+        React.createElement(StyledMediaViewerBar, { "data-e2e-test-id": dataE2eTestId },
+            React.createElement(Inline, { space: "zero", vAlignItems: "center", alignItems: "center", noWrap: true }, React.Children.map(flattenedChildren, (child, index) => (React.createElement(React.Fragment, null,
+                hasSeparator && index > 0 && React.createElement(StyledSeparator, null),
+                child)))))));
+}
+
+export { MediaViewerBar };
+//# sourceMappingURL=MediaViewerBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaViewerBar.js","sources":["../../../../../src/components/MediaViewerBar/MediaViewerBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAMA,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACtD,IAAA,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG;IAC9C,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;IACtD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY;AAC3C,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,OAAO,EAAE;AACP,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACjD,IAAA,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK;IACpE,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;AACvD,CAAA,CAAC,CAAC,CAAC;AAQE,SAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,YAAY,EACZ,kBAAkB,EAAE,aAAa,GACb,EAAA;AACpB,IAAA,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAEpD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,EAAA,IAAI,EAAC,QAAQ,EAAA;QAC7B,KAAC,CAAA,aAAA,CAAA,oBAAoB,wBAAmB,aAAa,EAAA;AACnD,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,MAAM,EACjE,IAAA,EAAA,EAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,MAClD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACG,gBAAA,YAAY,IAAI,KAAK,GAAG,CAAC,IAAI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAG,IAAA,CAAA;AAChD,gBAAA,KAAK,CACL,CACJ,CAAC,CACK,CACY,CACN,EACnB;AACJ;;;;"}

package/build/src/components/Notification/Notification.js

@@ -0,0 +1,46 @@
+import React, { useState } from 'react';
+import styled from '@emotion/styled';
+import { Card } from '../Card/Card.js';
+import { Box } from '../Box/Box.js';
+import { Columns, Column } from '../Column/Columns.js';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+import { Text } from '../Typography/Text/Text.js';
+
+const ANIMATION_TIME = 200;
+const StyledExpandingContainer = styled.div(({ isDismissed }) => ({
+    transform: `translateY(${isDismissed ? "calc(-100% - 8px)" : "0%"})`,
+    transition: `transform ${isDismissed ? ANIMATION_TIME : 0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,
+}));
+const StyledContainer = styled.div(() => ({
+    overflow: "hidden",
+}));
+function Notification({ text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children, "data-e2e-test-id": dataE2eTestId, }) {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [isDismissed, setIsDismissed] = useState(false);
+    const dismiss = () => {
+        setIsDismissed(true);
+        setTimeout(onClickDismiss, ANIMATION_TIME);
+    };
+    return (React.createElement(StyledContainer, null,
+        React.createElement(StyledExpandingContainer, { isDismissed: isDismissed },
+            React.createElement(Card, { squareCorners: true, "data-e2e-test-id": dataE2eTestId },
+                React.createElement(Box, { space: "s" },
+                    React.createElement(Columns, { gap: "s", vAlignItems: "top" },
+                        icon && (React.createElement(Column, { size: "narrow" },
+                            React.createElement(Box, { vSpace: "xxs", space: "zero" },
+                                React.createElement(Icon, { name: icon, variant: "secondary", "data-testid": "icon" })))),
+                        React.createElement(Column, { size: "fill" },
+                            React.createElement(Box, { vSpace: "xxs", space: "zero" },
+                                React.createElement(Text, null, text))),
+                        " ",
+                        (callToActionLabel || expandable) && (React.createElement(Column, { size: [12, "narrow", "narrow"], order: ["last", "unset", "unset"] },
+                            callToActionLabel && (React.createElement(Button, { size: "s", fullWidth: true, onClick: onClickCallToAction }, callToActionLabel)),
+                            expandable && (React.createElement(Button, { size: "s", fullWidth: true, onClick: () => setIsExpanded(!isExpanded), rightIcon: isExpanded ? "chevron-up" : "chevron-down" }, isExpanded ? shrinkButtonLabel : expandButtonLabel)))),
+                        isDismissable && (React.createElement(Column, { size: "narrow" },
+                            React.createElement(Button, { leftIcon: "x", variant: "tertiary", size: "s", onClick: dismiss })))),
+                    isExpanded && children)))));
+}
+
+export { Notification };
+//# sourceMappingURL=Notification.js.map

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

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

package/build/src/components/PictogramButton/PictogramButton.js

@@ -0,0 +1,56 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from '@emotion/styled';
+import { Icon } from '../Icon/Icon.js';
+import { Inline } from '../Inline/Inline.js';
+
+const StyledPictogramButton = styled.button(({ theme, variant, squareCorners }) => (Object.assign(Object.assign({ "&[type='button']": {
+        appearance: "none",
+        "-moz-appearance": "none",
+        "-webkit-appearance": "none",
+    }, border: 0, display: "inline-block", textTransform: "none", textDecoration: "none", borderRadius: theme.variables.size.borderRadius.button.m, fontFamily: theme.variables.fontFamily.lato, fontSize: theme.variables.size.font.button.m, lineHeight: theme.variables.size.lineHeight.button.m, fontWeight: theme.variables.weight.bold, padding: theme.variables.size.spacing.xxs, cursor: "pointer", "&[disabled], &:disabled": {
+        opacity: theme.variables.opacity.button.disabled,
+        pointerEvents: "none",
+    }, backgroundColor: theme.values.color.background.button[variant].base, color: theme.values.color.text.button[variant].base, "&:hover": {
+        backgroundColor: theme.values.color.background.button[variant].hover,
+        color: theme.values.color.text.button[variant].hover,
+    }, "&:active": {
+        backgroundColor: theme.values.color.background.button[variant].active,
+        color: theme.values.color.text.button[variant].active,
+    } }, (variant === "secondary" && {
+    border: "1px solid",
+    borderColor: theme.values.color.border.button[variant].base,
+    padding: parseInt(theme.variables.size.spacing.xxs, 10) - 1,
+    "&:hover": {
+        borderColor: theme.values.color.border.button[variant].hover,
+    },
+    "&:active": {
+        borderColor: theme.values.color.border.button[variant].active,
+    },
+})), (squareCorners && {
+    borderRadius: "0",
+}))));
+const defaultProps = {
+    type: "button",
+    variant: "tertiary",
+    disabled: false,
+    as: "button",
+    squareCorners: false,
+    "data-e2e-test-id": undefined,
+};
+function PictogramButton(_a) {
+    var { onClick, onFocus, onBlur, type, disabled, as, icon, "data-e2e-test-id": dataE2eTestId } = _a, rest = __rest(_a, ["onClick", "onFocus", "onBlur", "type", "disabled", "as", "icon", "data-e2e-test-id"]);
+    return (React.createElement(StyledPictogramButton, Object.assign({ "data-e2e-test-id": dataE2eTestId, as: as, disabled: disabled, type: as === "a" ? undefined : type, onClick: (e) => {
+            if (disabled) {
+                e.preventDefault();
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        }, onFocus: onFocus, onBlur: onBlur, "aria-label": icon }, rest),
+        React.createElement(Inline, { vAlignItems: "center", alignItems: "center", space: "xxs", noWrap: true }, icon && React.createElement(Icon, { size: "s", name: icon }))));
+}
+PictogramButton.defaultProps = defaultProps;
+
+export { PictogramButton };
+//# sourceMappingURL=PictogramButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PictogramButton.js","sources":["../../../../../src/components/PictogramButton/PictogramButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CACzC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACrC,kBAAkB,EAAE;AAClB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,iBAAiB,EAAE,MAAM;AACzB,QAAA,oBAAoB,EAAE,MAAM;KAC7B,EACD,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,EACxD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAC3C,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,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EACvC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EACzC,MAAM,EAAE,SAAS,EACjB,yBAAyB,EAAE;QACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;AAChD,QAAA,aAAa,EAAE,MAAM;AACtB,KAAA,EACD,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EACnE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EACnD,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK;AACpE,QAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK;AACrD,KAAA,EACD,UAAU,EAAE;AACV,QAAA,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM;AACrE,QAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM;AACtD,KAAA,EAAA,GACG,OAAO,KAAK,WAAW,IAAI;AAC7B,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI;AAC3D,IAAA,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC;AAC3D,IAAA,SAAS,EAAE;AACT,QAAA,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK;AAC7D,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM;AAC9D,KAAA;CACF,EAAC,GACE,aAAa,IAAI;AACnB,IAAA,YAAY,EAAE,GAAG;CAClB,EAAC,CACF,CACH,CAAC;AAmBF,MAAM,YAAY,GAAkC;AAClD,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,kBAAkB,EAAE,SAAS;CAC9B,CAAC;AAEI,SAAU,eAAe,CAAC,EAUT,EAAA;QAVS,EAC9B,OAAO,EACP,OAAO,EACP,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,kBAAkB,EAAE,aAAa,OAEZ,EADlB,IAAI,GATuB,MAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,kBAAA,CAU/B,CADQ,CAAA;AAEP,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,kBAAA,EACF,aAAa,EAC/B,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,EAAE,KAAK,GAAG,GAAG,SAAS,GAAG,IAAI,EACnC,OAAO,EAAE,CAAC,CAAmB,KAAI;AAC/B,YAAA,IAAI,QAAQ,EAAE;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;AACpB,aAAA;AACD,YAAA,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,CAAC,CAAC,CAAC;AACZ,aAAA;SACF,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,YAAA,EACF,IAAI,EAAA,EACZ,IAAI,CAAA;AAER,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,WAAW,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAA,IAAA,EAAA,EAChE,IAAI,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC/B,CACa,EACxB;AACJ,CAAC;AACD,eAAe,CAAC,YAAY,GAAG,YAAY;;;;"}

package/build/src/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SegmentedProgressBar } from '../SegmentedProgressBar/SegmentedProgressBar.js';
+
+const defaultProps = {
+    "data-e2e-test-id": undefined,
+    weight: "fat",
+    squareCorners: false,
+};
+function ProgressBar({ maxValue, progress, weight, squareCorners, "data-e2e-test-id": dataE2eTestId, }) {
+    return (React.createElement(SegmentedProgressBar, { maxValue: maxValue, values: { success: progress }, weight: weight, squareCorners: squareCorners, "data-e2e-test-id": dataE2eTestId, privateProps: { monochrome: true } }));
+}
+ProgressBar.defaultProps = defaultProps;
+
+export { ProgressBar };
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAgBA,MAAM,YAAY,GAA8B;AAC9C,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,aAAa,EAAE,KAAK;CACrB,CAAC;AAEc,SAAA,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAa,EACb,kBAAkB,EAAE,aAAa,GAChB,EAAA;AACjB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAC7B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAAA,kBAAA,EACV,aAAa,EAC/B,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAA,CAClC,EACF;AACJ,CAAC;AAED,WAAW,CAAC,YAAY,GAAG,YAAY;;;;"}

package/build/src/components/RoundButton/RoundButton.js

@@ -0,0 +1,53 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from '@emotion/styled';
+import { Icon } from '../Icon/Icon.js';
+import { Inline } from '../Inline/Inline.js';
+
+const StyledRoundButton = styled.button(({ theme, variant }) => (Object.assign({ "&[type='button']": {
+        appearance: "none",
+        "-moz-appearance": "none",
+        "-webkit-appearance": "none",
+    }, border: 0, display: "inline-block", textTransform: "none", textDecoration: "none", borderRadius: "100%", fontFamily: theme.variables.fontFamily.lato, fontSize: theme.variables.size.font.button.m, lineHeight: theme.variables.size.lineHeight.button.m, fontWeight: theme.variables.weight.bold, padding: theme.variables.size.spacing.xs, cursor: "pointer", "&[disabled], &:disabled": {
+        opacity: theme.variables.opacity.button.disabled,
+        pointerEvents: "none",
+    }, backgroundColor: theme.values.color.background.button[variant].base, color: theme.values.color.text.button[variant].base, "&:hover": {
+        backgroundColor: theme.values.color.background.button[variant].hover,
+        color: theme.values.color.text.button[variant].hover,
+    }, "&:active": {
+        backgroundColor: theme.values.color.background.button[variant].active,
+        color: theme.values.color.text.button[variant].active,
+    } }, (variant === "secondary" && {
+    border: "2px solid",
+    borderColor: theme.values.color.border.toggleButton.default,
+    padding: parseInt(theme.variables.size.spacing.xs, 10) - 2,
+    "&:hover": {
+        borderColor: theme.values.color.border.toggleButton.defaultHover,
+    },
+    "&:active": {
+        borderColor: theme.values.color.border.toggleButton.defaultHover,
+    },
+}))));
+const defaultProps = {
+    type: "button",
+    variant: "tertiary",
+    disabled: false,
+    as: "button",
+    "data-e2e-test-id": undefined,
+};
+function RoundButton(_a) {
+    var { onClick, onFocus, onBlur, type, disabled, as, icon, "data-e2e-test-id": dataE2eTestId } = _a, rest = __rest(_a, ["onClick", "onFocus", "onBlur", "type", "disabled", "as", "icon", "data-e2e-test-id"]);
+    return (React.createElement(StyledRoundButton, Object.assign({ "data-e2e-test-id": dataE2eTestId, as: as, disabled: disabled, type: as === "a" ? undefined : type, onClick: (e) => {
+            if (disabled) {
+                e.preventDefault();
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        }, onFocus: onFocus, onBlur: onBlur, "aria-label": icon }, rest),
+        React.createElement(Inline, { vAlignItems: "center", alignItems: "center", space: "xxs", noWrap: true }, icon && React.createElement(Icon, { size: "s", name: icon }))));
+}
+RoundButton.defaultProps = defaultProps;
+
+export { RoundButton };
+//# sourceMappingURL=RoundButton.js.map

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

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