@amboss/design-system 1.15.2 → 1.15.4

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

@@ -0,0 +1,104 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+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 handleColor = (theme, color) => {
+  switch (color) {
+    case "inherit":
+      return "inherit";
+    default:
+      return theme.values.color.icon[color];
+  }
+};
+const handleVariant = (theme, variant) => {
+  switch (variant) {
+    case "inherit":
+      return "inherit";
+    case "primary":
+      return theme.values.color.icon.accent;
+    case "secondary":
+      return theme.values.color.icon.primary;
+    default:
+      return theme.values.color.icon[variant];
+  }
+};
+const StyledIcon = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pr7vjj0"
+} : {
+  target: "e1pr7vjj0",
+  label: "StyledIcon"
+})(_ref => {
+  let {
+    theme,
+    variant,
+    isHoverable,
+    parentRef,
+    parentIsHovered,
+    size,
+    as,
+    color
+  } = _ref;
+  return {
+    width: icons[size],
+    height: icons[size],
+    "& > svg": {
+      width: icons[size],
+      height: icons[size]
+    },
+    // variant prop is deprecated
+    color: variant ? handleVariant(theme, variant) : handleColor(theme, color),
+    ...(as === "span" && {
+      verticalAlign: "middle"
+    }),
+    ...((parentIsHovered || isHoverable) && {
+      cursor: "pointer"
+    }),
+    ...(parentRef && {
+      opacity: parentIsHovered ? 1 : 0.6
+    }),
+    ...(isHoverable && {
+      opacity: 0.6,
+      ":hover": {
+        opacity: 1
+      }
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCbUIiLCJmaWxlIjoiSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBJY29uc1ZhcmlhdGlvbnMsIEljb25zQ29sb3JzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBpY29ucyBhcyBpY29uU2l6ZXMgfSBmcm9tIFwiLi4vLi4vLi4vYnVpbGQtdG9rZW5zL19pY29uX3NpemVzX21hcC5qc29uXCI7XG5pbXBvcnQgaWNvbnMgZnJvbSBcIi4uLy4uLy4uL2J1aWxkLXRva2Vucy9hc3NldHMvaWNvbnMuanNvblwiO1xuaW1wb3J0IGljb25zMTYgZnJvbSBcIi4uLy4uLy4uL2J1aWxkLXRva2Vucy9hc3NldHMvaWNvbnMxNi5qc29uXCI7XG5pbXBvcnQgeyB1c2VIb3ZlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlSG92ZXJcIjtcblxuY29uc3QgaGFuZGxlQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogSWNvbnNDb2xvcnMpID0+IHtcbiAgc3dpdGNoIChjb2xvcikge1xuICAgIGNhc2UgXCJpbmhlcml0XCI6XG4gICAgICByZXR1cm4gXCJpbmhlcml0XCI7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbltjb2xvcl07XG4gIH1cbn07XG5cbmNvbnN0IGhhbmRsZVZhcmlhbnQgPSAodGhlbWU6IFRoZW1lLCB2YXJpYW50OiBJY29uc1ZhcmlhdGlvbnMpID0+IHtcbiAgc3dpdGNoICh2YXJpYW50KSB7XG4gICAgY2FzZSBcImluaGVyaXRcIjpcbiAgICAgIHJldHVybiBcImluaGVyaXRcIjtcbiAgICBjYXNlIFwicHJpbWFyeVwiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmFjY2VudDtcbiAgICBjYXNlIFwic2Vjb25kYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmljb24ucHJpbWFyeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uW3ZhcmlhbnRdO1xuICB9XG59O1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLmRpdjxcbiAgUGFydGlhbDxJY29uUHJvcHM+ICYge1xuICAgIGlzSG92ZXJhYmxlOiBib29sZWFuO1xuICAgIHBhcmVudFJlZjogUmVhY3QuTXV0YWJsZVJlZk9iamVjdDxhbnk+O1xuICAgIHBhcmVudElzSG92ZXJlZDogYm9vbGVhbjtcbiAgfVxuPihcbiAgKHtcbiAgICB0aGVtZSxcbiAgICB2YXJpYW50LFxuICAgIGlzSG92ZXJhYmxlLFxuICAgIHBhcmVudFJlZixcbiAgICBwYXJlbnRJc0hvdmVyZWQsXG4gICAgc2l6ZSxcbiAgICBhcyxcbiAgICBjb2xvcixcbiAgfSkgPT4gKHtcbiAgICB3aWR0aDogaWNvblNpemVzW3NpemVdLFxuICAgIGhlaWdodDogaWNvblNpemVzW3NpemVdLFxuICAgIFwiJiA+IHN2Z1wiOiB7XG4gICAgICB3aWR0aDogaWNvblNpemVzW3NpemVdLFxuICAgICAgaGVpZ2h0OiBpY29uU2l6ZXNbc2l6ZV0sXG4gICAgfSxcbiAgICAvLyB2YXJpYW50IHByb3AgaXMgZGVwcmVjYXRlZFxuICAgIGNvbG9yOiB2YXJpYW50ID8gaGFuZGxlVmFyaWFudCh0aGVtZSwgdmFyaWFudCkgOiBoYW5kbGVDb2xvcih0aGVtZSwgY29sb3IpLFxuICAgIC4uLihhcyA9PT0gXCJzcGFuXCIgJiYge1xuICAgICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgICB9KSxcbiAgICAuLi4oKHBhcmVudElzSG92ZXJlZCB8fCBpc0hvdmVyYWJsZSkgJiYge1xuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB9KSxcbiAgICAuLi4ocGFyZW50UmVmICYmIHtcbiAgICAgIG9wYWNpdHk6IHBhcmVudElzSG92ZXJlZCA/IDEgOiAwLjYsXG4gICAgfSksXG4gICAgLi4uKGlzSG92ZXJhYmxlICYmIHtcbiAgICAgIG9wYWNpdHk6IDAuNixcbiAgICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBJY29uTmFtZSA9IGtleW9mIHR5cGVvZiBpY29ucztcbmV4cG9ydCB0eXBlIEljb25OYW1lMTYgPSBrZXlvZiB0eXBlb2YgaWNvbnMxNjtcblxuZXhwb3J0IHR5cGUgSWNvblByb3BzID0ge1xuICAvKiogSWNvbiBuYW1lICovXG4gIG5hbWU6IEljb25OYW1lO1xuICAvKiogc2V0IHRvIHRydWUgdG8gbWFrZSB0aGUgaWNvbiBob3ZlcmFibGUsIHBhc3MgYSBwYXJlbnQncyByZWYgdG8gbWFrZSB0aGUgaWNvbiBtYXRjaCB0aGUgcGFyZW50IGhvdmVyICovXG4gIGhvdmVyYWJsZT86IGJvb2xlYW4gfCBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PGFueT47XG4gIC8qKiBzZXQgdG8gdHJ1ZSB0byBoYXZlIGFuIGlubGluZSBpY29uIHdyYXBwZWQgaW4gYSBzcGFuIGluc3RlYWQgb2YgZGl2ICovXG4gIGlubGluZT86IGJvb2xlYW47XG4gIC8qKiBAZGVwcmVjYXRlZCB2YXJpYW50LCBwbGVhc2UgdXNlIFwiY29sb3JcIiBwcm9wIGluc3RlYWQgKi9cbiAgdmFyaWFudD86IEljb25zVmFyaWF0aW9ucztcbiAgLyoqIEljb24gY29sb3IgY2FuIGluaGVyaXQgcGFyZW50IHN0eWxlLiAqL1xuICBjb2xvcj86IEljb25zQ29sb3JzO1xuICBzaXplPzogXCJzXCIgfCBcIm1cIiB8IFwibFwiO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgXCJkYXRhLXRlc3RpZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IEljb24gPSAoe1xuICBuYW1lLFxuICBob3ZlcmFibGUgPSBmYWxzZSxcbiAgaW5saW5lID0gZmFsc2UsXG4gIHNpemUgPSBcIm1cIixcbiAgY29sb3IgPSBcImluaGVyaXRcIixcbiAgdmFyaWFudCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS10ZXN0aWRcIjogZGF0YVRlc3RJZCxcbn06IEljb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gIGNvbnN0IGlzSG92ZXJhYmxlID0gdHlwZW9mIGhvdmVyYWJsZSA9PT0gXCJib29sZWFuXCIgJiYgaG92ZXJhYmxlO1xuICBjb25zdCBwYXJlbnRSZWYgPSB0eXBlb2YgaG92ZXJhYmxlICE9PSBcImJvb2xlYW5cIiAmJiBob3ZlcmFibGU7XG4gIGNvbnN0IHBhcmVudElzSG92ZXJlZCA9IHVzZUhvdmVyKHBhcmVudFJlZik7XG4gIGNvbnN0IGFzID0gaW5saW5lID8gXCJzcGFuXCIgOiBcImRpdlwiO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEljb25cbiAgICAgIGFzPXthc31cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJJY29uXCJcbiAgICAgIGRhdGEtdmFyaWFudD17Y29sb3J9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgaXNIb3ZlcmFibGU9e2lzSG92ZXJhYmxlfVxuICAgICAgcGFyZW50UmVmPXtwYXJlbnRSZWZ9XG4gICAgICBwYXJlbnRJc0hvdmVyZWQ9e3BhcmVudElzSG92ZXJlZH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBkYW5nZXJvdXNseVNldElubmVySFRNTD17e1xuICAgICAgICBfX2h0bWw6IChzaXplID09PSBcInNcIiAmJiBpY29uczE2W25hbWUgYXMgSWNvbk5hbWUxNl0pIHx8IGljb25zW25hbWVdLFxuICAgICAgfX1cbiAgICAvPlxuICApO1xufTtcbiJdfQ== */");
+const Icon = _ref2 => {
+  let {
+    name,
+    hoverable = false,
+    inline = false,
+    size = "m",
+    color = "inherit",
+    variant,
+    "data-e2e-test-id": dataE2eTestId,
+    "data-testid": dataTestId
+  } = _ref2;
+  const isHoverable = typeof hoverable === "boolean" && hoverable;
+  const parentRef = typeof hoverable !== "boolean" && hoverable;
+  const parentIsHovered = useHover(parentRef);
+  const as = inline ? "span" : "div";
+  return /*#__PURE__*/React.createElement(StyledIcon, {
+    as: as,
+    "data-e2e-test-id": dataE2eTestId,
+    "data-testid": dataTestId,
+    "data-ds-id": "Icon",
+    "data-variant": color,
+    variant: variant,
+    color: color,
+    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/esm/src/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { IconsVariations, IconsColors } from \"../../types\";\nimport { icons as iconSizes } from \"../../../build-tokens/_icon_sizes_map.json\";\nimport icons from \"../../../build-tokens/assets/icons.json\";\nimport icons16 from \"../../../build-tokens/assets/icons16.json\";\nimport { useHover } from \"../../shared/useHover\";\n\nconst handleColor = (theme: Theme, color: IconsColors) => {\n  switch (color) {\n    case \"inherit\":\n      return \"inherit\";\n    default:\n      return theme.values.color.icon[color];\n  }\n};\n\nconst handleVariant = (theme: Theme, variant: IconsVariations) => {\n  switch (variant) {\n    case \"inherit\":\n      return \"inherit\";\n    case \"primary\":\n      return theme.values.color.icon.accent;\n    case \"secondary\":\n      return theme.values.color.icon.primary;\n    default:\n      return theme.values.color.icon[variant];\n  }\n};\n\nconst StyledIcon = styled.div<\n  Partial<IconProps> & {\n    isHoverable: boolean;\n    parentRef: React.MutableRefObject<any>;\n    parentIsHovered: boolean;\n  }\n>(\n  ({\n    theme,\n    variant,\n    isHoverable,\n    parentRef,\n    parentIsHovered,\n    size,\n    as,\n    color,\n  }) => ({\n    width: iconSizes[size],\n    height: iconSizes[size],\n    \"& > svg\": {\n      width: iconSizes[size],\n      height: iconSizes[size],\n    },\n    // variant prop is deprecated\n    color: variant ? handleVariant(theme, variant) : handleColor(theme, color),\n    ...(as === \"span\" && {\n      verticalAlign: \"middle\",\n    }),\n    ...((parentIsHovered || isHoverable) && {\n      cursor: \"pointer\",\n    }),\n    ...(parentRef && {\n      opacity: parentIsHovered ? 1 : 0.6,\n    }),\n    ...(isHoverable && {\n      opacity: 0.6,\n      \":hover\": {\n        opacity: 1,\n      },\n    }),\n  })\n);\n\nexport type IconName = keyof typeof icons;\nexport type IconName16 = keyof typeof icons16;\n\nexport type IconProps = {\n  /** Icon name */\n  name: IconName;\n  /** set to true to make the icon hoverable, pass a parent's ref to make the icon match the parent hover */\n  hoverable?: boolean | React.MutableRefObject<any>;\n  /** set to true to have an inline icon wrapped in a span instead of div */\n  inline?: boolean;\n  /** @deprecated variant, please use \"color\" prop instead */\n  variant?: IconsVariations;\n  /** Icon color can inherit parent style. */\n  color?: IconsColors;\n  size?: \"s\" | \"m\" | \"l\";\n  \"data-e2e-test-id\"?: string;\n  \"data-testid\"?: string;\n};\n\nexport const Icon = ({\n  name,\n  hoverable = false,\n  inline = false,\n  size = \"m\",\n  color = \"inherit\",\n  variant,\n  \"data-e2e-test-id\": dataE2eTestId,\n  \"data-testid\": dataTestId,\n}: IconProps): React.ReactElement => {\n  const isHoverable = typeof hoverable === \"boolean\" && hoverable;\n  const parentRef = typeof hoverable !== \"boolean\" && hoverable;\n  const parentIsHovered = useHover(parentRef);\n  const as = inline ? \"span\" : \"div\";\n\n  return (\n    <StyledIcon\n      as={as}\n      data-e2e-test-id={dataE2eTestId}\n      data-testid={dataTestId}\n      data-ds-id=\"Icon\"\n      data-variant={color}\n      variant={variant}\n      color={color}\n      isHoverable={isHoverable}\n      parentRef={parentRef}\n      parentIsHovered={parentIsHovered}\n      size={size}\n      dangerouslySetInnerHTML={{\n        __html: (size === \"s\" && icons16[name as IconName16]) || icons[name],\n      }}\n    />\n  );\n};\n"],"names":["handleColor","theme","color","values","icon","handleVariant","variant","accent","primary","StyledIcon","_styled","process","env","NODE_ENV","target","label","_ref","isHoverable","parentRef","parentIsHovered","size","as","width","iconSizes","height","verticalAlign","cursor","opacity","Icon","_ref2","name","hoverable","inline","dataE2eTestId","dataTestId","useHover","React","createElement","dangerouslySetInnerHTML","__html","icons16","icons"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { HorizontalAlignment, SpaceSizes, VerticalAlignment, MQ } from "../../types";
+export declare type InlineProps = {
+    children: React.ReactNode[] | React.ReactElement;
+    /** Represents the spacing between the Inline's children.
+     * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes
+     */
+    space?: MQ<SpaceSizes> | SpaceSizes;
+    /** Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.
+     * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes
+     */
+    vSpace?: MQ<SpaceSizes> | SpaceSizes;
+    /** Represents elements' horizontal alignment
+     * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes
+     */
+    alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;
+    /** Represents elements' vertical alignment
+     * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] or one vAlignItems for all screen sizes
+     */
+    vAlignItems?: MQ<VerticalAlignment> | VerticalAlignment;
+    /** Set to true to disable wrapping property */
+    noWrap?: boolean;
+    "data-e2e-test-id"?: string;
+    /** @ignore */
+    "data-ds-id"?: string;
+};
+export declare function Inline({ children, alignItems, vAlignItems, space, vSpace, noWrap, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, }: InlineProps): React.ReactElement;
+export declare namespace Inline {
+    var defaultProps: Partial<InlineProps>;
+}

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

@@ -0,0 +1,107 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { flattenChildren } from '../../shared/flattenChildren.js';
+import { mq } from '../../shared/mediaQueries.js';
+
+const defaultProps = {
+  alignItems: "left",
+  space: "xs",
+  noWrap: false,
+  vAlignItems: "top",
+  "data-e2e-test-id": undefined,
+  "data-ds-id": "Inline"
+};
+const makeNegative = obj => Object.entries(obj).map(_ref => {
+  let [key, value] = _ref;
+  return [key, `-${value}`];
+}).reduce((acc, _ref2) => {
+  let [key, value] = _ref2;
+  acc[key] = value;
+  return acc;
+}, {});
+const InlineContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tnky2o1"
+} : {
+  target: "e1tnky2o1",
+  label: "InlineContainer"
+})(_ref3 => {
+  let {
+    alignItems,
+    vAlignItems,
+    space,
+    vSpace,
+    theme,
+    noWrap
+  } = _ref3;
+  return {
+    ...mq({
+      alignItems: [vAlignItems, {
+        top: "flex-start",
+        bottom: "flex-end",
+        center: "center",
+        stretch: "stretch"
+      }],
+      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"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUV3QiIsImZpbGUiOiJJbmxpbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmbGF0dGVuQ2hpbGRyZW4gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2ZsYXR0ZW5DaGlsZHJlblwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgTVEsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBJbmxpbmVQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogUmVwcmVzZW50cyB0aGUgc3BhY2luZyBiZXR3ZWVuIHRoZSBJbmxpbmUncyBjaGlsZHJlbi5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSB2ZXJ0aWNhbCBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLiBJdCBvdmVycmlkZXMgdGhlIGluaGVyaXRlZCB2ZXJ0aWNhbCBzcGFjaW5nIGZyb20gYHNwYWNlYCBpZiBzZXQuXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBzcGFjZSwgbWVkaXVtIHNjcmVlbiBzcGFjZSwgbGFyZ2Ugc2NyZWVuIHNwYWNlXSBvciBvbmUgc3BhY2UgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZTcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgZWxlbWVudHMnIGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSBvciBvbmUgYWxpZ25JdGVtcyBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbiAgLyoqIFJlcHJlc2VudHMgZWxlbWVudHMnIHZlcnRpY2FsIGFsaWdubWVudFxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gdkFsaWduSXRlbXMsIG1lZGl1bSBzY3JlZW4gdkFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiB2QWxpZ25JdGVtc10gb3Igb25lIHZBbGlnbkl0ZW1zIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICB2QWxpZ25JdGVtcz86IE1RPFZlcnRpY2FsQWxpZ25tZW50PiB8IFZlcnRpY2FsQWxpZ25tZW50O1xuICAvKiogU2V0IHRvIHRydWUgdG8gZGlzYWJsZSB3cmFwcGluZyBwcm9wZXJ0eSAqL1xuICBub1dyYXA/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIElubGluZUl0ZW1Qcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBzcGFjZSwgbWVkaXVtIHNjcmVlbiBzcGFjZSwgbGFyZ2Ugc2NyZWVuIHNwYWNlXSBvciBvbmUgc3BhY2UgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xuICAvKiogUmVwcmVzZW50cyB0aGUgdmVydGljYWwgc3BhY2luZyBiZXR3ZWVuIHRoZSBJbmxpbmUncyBjaGlsZHJlbi4gSXQgb3ZlcnJpZGVzIHRoZSBpbmhlcml0ZWQgdmVydGljYWwgc3BhY2luZyBmcm9tIGBzcGFjZWAgaWYgc2V0LlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICB2U3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8SW5saW5lUHJvcHM+ID0ge1xuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgc3BhY2U6IFwieHNcIixcbiAgbm9XcmFwOiBmYWxzZSxcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIklubGluZVwiLFxufTtcblxuY29uc3QgbWFrZU5lZ2F0aXZlID0gKG9iajogUmVjb3JkPHN0cmluZywgc3RyaW5nPik6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPT5cbiAgT2JqZWN0LmVudHJpZXMob2JqKVxuICAgIC5tYXAoKFtrZXksIHZhbHVlXSkgPT4gW2tleSwgYC0ke3ZhbHVlfWBdKVxuICAgIC5yZWR1Y2UoKGFjYywgW2tleSwgdmFsdWVdKSA9PiB7XG4gICAgICBhY2Nba2V5XSA9IHZhbHVlO1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCB7fSBhcyBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTtcblxuY29uc3QgSW5saW5lQ29udGFpbmVyID0gc3R5bGVkLmRpdjxJbmxpbmVQcm9wcz4oXG4gICh7IGFsaWduSXRlbXMsIHZBbGlnbkl0ZW1zLCBzcGFjZSwgdlNwYWNlLCB0aGVtZSwgbm9XcmFwIH0pID0+ICh7XG4gICAgLi4ubXEoe1xuICAgICAgYWxpZ25JdGVtczogW1xuICAgICAgICB2QWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgYm90dG9tOiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHN0cmV0Y2g6IFwic3RyZXRjaFwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICByaWdodDogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIG1hcmdpbkxlZnQ6IFtzcGFjZSwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICAgIG1hcmdpblRvcDogW3ZTcGFjZSwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICB9KSxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIGZsZXhXcmFwOiBub1dyYXAgPyBcIm5vd3JhcFwiIDogXCJ3cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBJbmxpbmVJdGVtID0gc3R5bGVkLmRpdjxJbmxpbmVJdGVtUHJvcHM+KCh7IHRoZW1lLCBzcGFjZSwgdlNwYWNlIH0pID0+ICh7XG4gIC4uLm1xKHtcbiAgICBtYXJnaW5Ub3A6IFt2U3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIG1hcmdpbkxlZnQ6IFtzcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gIH0pLFxuICBcIiY6ZW1wdHlcIjoge1xuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gSW5saW5lKHtcbiAgY2hpbGRyZW4sXG4gIGFsaWduSXRlbXMsXG4gIHZBbGlnbkl0ZW1zLFxuICBzcGFjZSxcbiAgdlNwYWNlID0gc3BhY2UsXG4gIG5vV3JhcCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBkYXRhRHNJZCxcbn06IElubGluZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8SW5saW5lQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD17ZGF0YURzSWR9XG4gICAgICBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfVxuICAgICAgdkFsaWduSXRlbXM9e3ZBbGlnbkl0ZW1zfVxuICAgICAgc3BhY2U9e3NwYWNlfVxuICAgICAgdlNwYWNlPXt2U3BhY2V9XG4gICAgICBub1dyYXA9e25vV3JhcH1cbiAgICA+XG4gICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKFxuICAgICAgICBmbGF0dGVuQ2hpbGRyZW4oY2hpbGRyZW4pLFxuICAgICAgICAoY2hpbGQpID0+XG4gICAgICAgICAgY2hpbGQgJiYgKFxuICAgICAgICAgICAgPElubGluZUl0ZW0gc3BhY2U9e3NwYWNlfSB2U3BhY2U9e3ZTcGFjZX0+XG4gICAgICAgICAgICAgIHtjaGlsZH1cbiAgICAgICAgICAgIDwvSW5saW5lSXRlbT5cbiAgICAgICAgICApXG4gICAgICApfVxuICAgIDwvSW5saW5lQ29udGFpbmVyPlxuICApO1xufVxuXG5JbmxpbmUuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+const InlineItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tnky2o0"
+} : {
+  target: "e1tnky2o0",
+  label: "InlineItem"
+})(_ref4 => {
+  let {
+    theme,
+    space,
+    vSpace
+  } = _ref4;
+  return {
+    ...mq({
+      marginTop: [vSpace, theme.variables.size.spacing],
+      marginLeft: [space, theme.variables.size.spacing]
+    }),
+    "&:empty": {
+      marginTop: 0,
+      marginLeft: 0
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZtQiIsImZpbGUiOiJJbmxpbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmbGF0dGVuQ2hpbGRyZW4gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2ZsYXR0ZW5DaGlsZHJlblwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgTVEsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBJbmxpbmVQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogUmVwcmVzZW50cyB0aGUgc3BhY2luZyBiZXR3ZWVuIHRoZSBJbmxpbmUncyBjaGlsZHJlbi5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSB2ZXJ0aWNhbCBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLiBJdCBvdmVycmlkZXMgdGhlIGluaGVyaXRlZCB2ZXJ0aWNhbCBzcGFjaW5nIGZyb20gYHNwYWNlYCBpZiBzZXQuXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBzcGFjZSwgbWVkaXVtIHNjcmVlbiBzcGFjZSwgbGFyZ2Ugc2NyZWVuIHNwYWNlXSBvciBvbmUgc3BhY2UgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZTcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgZWxlbWVudHMnIGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSBvciBvbmUgYWxpZ25JdGVtcyBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbiAgLyoqIFJlcHJlc2VudHMgZWxlbWVudHMnIHZlcnRpY2FsIGFsaWdubWVudFxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gdkFsaWduSXRlbXMsIG1lZGl1bSBzY3JlZW4gdkFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiB2QWxpZ25JdGVtc10gb3Igb25lIHZBbGlnbkl0ZW1zIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICB2QWxpZ25JdGVtcz86IE1RPFZlcnRpY2FsQWxpZ25tZW50PiB8IFZlcnRpY2FsQWxpZ25tZW50O1xuICAvKiogU2V0IHRvIHRydWUgdG8gZGlzYWJsZSB3cmFwcGluZyBwcm9wZXJ0eSAqL1xuICBub1dyYXA/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIElubGluZUl0ZW1Qcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBzcGFjZSwgbWVkaXVtIHNjcmVlbiBzcGFjZSwgbGFyZ2Ugc2NyZWVuIHNwYWNlXSBvciBvbmUgc3BhY2UgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xuICAvKiogUmVwcmVzZW50cyB0aGUgdmVydGljYWwgc3BhY2luZyBiZXR3ZWVuIHRoZSBJbmxpbmUncyBjaGlsZHJlbi4gSXQgb3ZlcnJpZGVzIHRoZSBpbmhlcml0ZWQgdmVydGljYWwgc3BhY2luZyBmcm9tIGBzcGFjZWAgaWYgc2V0LlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICB2U3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8SW5saW5lUHJvcHM+ID0ge1xuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgc3BhY2U6IFwieHNcIixcbiAgbm9XcmFwOiBmYWxzZSxcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIklubGluZVwiLFxufTtcblxuY29uc3QgbWFrZU5lZ2F0aXZlID0gKG9iajogUmVjb3JkPHN0cmluZywgc3RyaW5nPik6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPT5cbiAgT2JqZWN0LmVudHJpZXMob2JqKVxuICAgIC5tYXAoKFtrZXksIHZhbHVlXSkgPT4gW2tleSwgYC0ke3ZhbHVlfWBdKVxuICAgIC5yZWR1Y2UoKGFjYywgW2tleSwgdmFsdWVdKSA9PiB7XG4gICAgICBhY2Nba2V5XSA9IHZhbHVlO1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCB7fSBhcyBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTtcblxuY29uc3QgSW5saW5lQ29udGFpbmVyID0gc3R5bGVkLmRpdjxJbmxpbmVQcm9wcz4oXG4gICh7IGFsaWduSXRlbXMsIHZBbGlnbkl0ZW1zLCBzcGFjZSwgdlNwYWNlLCB0aGVtZSwgbm9XcmFwIH0pID0+ICh7XG4gICAgLi4ubXEoe1xuICAgICAgYWxpZ25JdGVtczogW1xuICAgICAgICB2QWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgYm90dG9tOiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHN0cmV0Y2g6IFwic3RyZXRjaFwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICByaWdodDogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIG1hcmdpbkxlZnQ6IFtzcGFjZSwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICAgIG1hcmdpblRvcDogW3ZTcGFjZSwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICB9KSxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIGZsZXhXcmFwOiBub1dyYXAgPyBcIm5vd3JhcFwiIDogXCJ3cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBJbmxpbmVJdGVtID0gc3R5bGVkLmRpdjxJbmxpbmVJdGVtUHJvcHM+KCh7IHRoZW1lLCBzcGFjZSwgdlNwYWNlIH0pID0+ICh7XG4gIC4uLm1xKHtcbiAgICBtYXJnaW5Ub3A6IFt2U3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIG1hcmdpbkxlZnQ6IFtzcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gIH0pLFxuICBcIiY6ZW1wdHlcIjoge1xuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gSW5saW5lKHtcbiAgY2hpbGRyZW4sXG4gIGFsaWduSXRlbXMsXG4gIHZBbGlnbkl0ZW1zLFxuICBzcGFjZSxcbiAgdlNwYWNlID0gc3BhY2UsXG4gIG5vV3JhcCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBkYXRhRHNJZCxcbn06IElubGluZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8SW5saW5lQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD17ZGF0YURzSWR9XG4gICAgICBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfVxuICAgICAgdkFsaWduSXRlbXM9e3ZBbGlnbkl0ZW1zfVxuICAgICAgc3BhY2U9e3NwYWNlfVxuICAgICAgdlNwYWNlPXt2U3BhY2V9XG4gICAgICBub1dyYXA9e25vV3JhcH1cbiAgICA+XG4gICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKFxuICAgICAgICBmbGF0dGVuQ2hpbGRyZW4oY2hpbGRyZW4pLFxuICAgICAgICAoY2hpbGQpID0+XG4gICAgICAgICAgY2hpbGQgJiYgKFxuICAgICAgICAgICAgPElubGluZUl0ZW0gc3BhY2U9e3NwYWNlfSB2U3BhY2U9e3ZTcGFjZX0+XG4gICAgICAgICAgICAgIHtjaGlsZH1cbiAgICAgICAgICAgIDwvSW5saW5lSXRlbT5cbiAgICAgICAgICApXG4gICAgICApfVxuICAgIDwvSW5saW5lQ29udGFpbmVyPlxuICApO1xufVxuXG5JbmxpbmUuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+function Inline(_ref5) {
+  let {
+    children,
+    alignItems,
+    vAlignItems,
+    space,
+    vSpace = space,
+    noWrap,
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": dataDsId
+  } = _ref5;
+  return /*#__PURE__*/React.createElement(InlineContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": dataDsId,
+    alignItems: alignItems,
+    vAlignItems: vAlignItems,
+    space: space,
+    vSpace: vSpace,
+    noWrap: noWrap
+  }, React.Children.map(flattenChildren(children), child => child && /*#__PURE__*/React.createElement(InlineItem, {
+    space: space,
+    vSpace: vSpace
+  }, child)));
+}
+Inline.defaultProps = defaultProps;
+
+export { Inline };
+//# sourceMappingURL=Inline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.js","sources":["../../../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport {\n  HorizontalAlignment,\n  SpaceSizes,\n  VerticalAlignment,\n  MQ,\n} from \"../../types\";\n\nexport type InlineProps = {\n  children: React.ReactNode[] | React.ReactElement;\n  /** Represents the spacing between the Inline's children.\n   * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n   */\n  space?: MQ<SpaceSizes> | SpaceSizes;\n  /** Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n   * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n   */\n  vSpace?: MQ<SpaceSizes> | SpaceSizes;\n  /** Represents elements' horizontal alignment\n   * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n   */\n  alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;\n  /** Represents elements' vertical alignment\n   * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] or one vAlignItems for all screen sizes\n   */\n  vAlignItems?: MQ<VerticalAlignment> | VerticalAlignment;\n  /** Set to true to disable wrapping property */\n  noWrap?: boolean;\n  \"data-e2e-test-id\"?: string;\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\ntype InlineItemProps = {\n  /** Represents the spacing between the Inline's children.\n   * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n   */\n  space?: MQ<SpaceSizes> | SpaceSizes;\n  /** Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n   * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n   */\n  vSpace?: MQ<SpaceSizes> | SpaceSizes;\n};\n\nconst defaultProps: Partial<InlineProps> = {\n  alignItems: \"left\",\n  space: \"xs\",\n  noWrap: false,\n  vAlignItems: \"top\",\n  \"data-e2e-test-id\": undefined,\n  \"data-ds-id\": \"Inline\",\n};\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n  Object.entries(obj)\n    .map(([key, value]) => [key, `-${value}`])\n    .reduce((acc, [key, value]) => {\n      acc[key] = value;\n      return acc;\n    }, {} as Record<string, string>);\n\nconst InlineContainer = styled.div<InlineProps>(\n  ({ alignItems, vAlignItems, space, vSpace, theme, noWrap }) => ({\n    ...mq({\n      alignItems: [\n        vAlignItems,\n        {\n          top: \"flex-start\",\n          bottom: \"flex-end\",\n          center: \"center\",\n          stretch: \"stretch\",\n        },\n      ],\n      justifyContent: [\n        alignItems,\n        {\n          left: \"flex-start\",\n          right: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      marginLeft: [space, makeNegative(theme.variables.size.spacing)],\n      marginTop: [vSpace, makeNegative(theme.variables.size.spacing)],\n    }),\n    display: \"flex\",\n    flexDirection: \"row\",\n    flexWrap: noWrap ? \"nowrap\" : \"wrap\",\n  })\n);\n\nconst InlineItem = styled.div<InlineItemProps>(({ theme, space, vSpace }) => ({\n  ...mq({\n    marginTop: [vSpace, theme.variables.size.spacing],\n    marginLeft: [space, theme.variables.size.spacing],\n  }),\n  \"&:empty\": {\n    marginTop: 0,\n    marginLeft: 0,\n  },\n}));\n\nexport function Inline({\n  children,\n  alignItems,\n  vAlignItems,\n  space,\n  vSpace = space,\n  noWrap,\n  \"data-e2e-test-id\": dataE2eTestId,\n  \"data-ds-id\": dataDsId,\n}: InlineProps): React.ReactElement {\n  return (\n    <InlineContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id={dataDsId}\n      alignItems={alignItems}\n      vAlignItems={vAlignItems}\n      space={space}\n      vSpace={vSpace}\n      noWrap={noWrap}\n    >\n      {React.Children.map(\n        flattenChildren(children),\n        (child) =>\n          child && (\n            <InlineItem space={space} vSpace={vSpace}>\n              {child}\n            </InlineItem>\n          )\n      )}\n    </InlineContainer>\n  );\n}\n\nInline.defaultProps = defaultProps;\n"],"names":["defaultProps","alignItems","space","noWrap","vAlignItems","undefined","makeNegative","obj","Object","entries","map","_ref","key","value","reduce","acc","_ref2","InlineContainer","_styled","process","env","NODE_ENV","target","label","_ref3","vSpace","theme","mq","top","bottom","center","stretch","justifyContent","left","right","spaceBetween","marginLeft","variables","size","spacing","marginTop","display","flexDirection","flexWrap","InlineItem","_ref4","Inline","_ref5","children","dataE2eTestId","dataDsId","React","createElement","Children","flattenChildren","child"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { LinkVariations, LinkColors, LinkTextSize, PolymorphicComponentPropsWithRef } from "../../types";
+export declare type LinkProps = {
+    size?: LinkTextSize;
+    weight?: "normal" | "bold" | "inherit";
+    /** @deprecated variant, please use "color" prop instead */
+    variant?: LinkVariations;
+    color?: LinkColors;
+    onClick?: () => void;
+    "data-e2e-test-id"?: string;
+};
+declare type LinkComponent = <C extends React.ElementType = "a">(props: PolymorphicComponentPropsWithRef<C, LinkProps>) => React.ReactElement | null;
+export declare const Link: LinkComponent;
+export {};

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

@@ -0,0 +1,70 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { informDeprecation } from '../../shared/informDeprecation.js';
+
+const handleVariant = (theme, variant, state) => {
+  switch (variant) {
+    case "primary":
+      return theme.values.color.text.accent[state];
+    case "secondary":
+      return theme.values.color.text.primary[state];
+    default:
+      return theme.values.color.text[variant][state];
+  }
+};
+const StyledLink = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
+  target: "eadqxyf0"
+} : {
+  target: "eadqxyf0",
+  label: "StyledLink"
+})(_ref => {
+  let {
+    theme,
+    weight,
+    variant,
+    size,
+    color
+  } = _ref;
+  return {
+    textDecoration: "underline",
+    cursor: "pointer",
+    background: "none",
+    border: "none",
+    padding: 0,
+    color: variant ? handleVariant(theme, variant, "default") : theme.values.color.text[color].default,
+    "&:hover": {
+      color: variant ? handleVariant(theme, variant, "hover") : theme.values.color.text[color].hover
+    },
+    fontSize: theme.variables.size.font.link[size],
+    fontWeight: theme.variables.weight[weight],
+    lineHeight: theme.variables.size.lineHeight.link[size],
+    fontFamily: theme.variables.fontFamily.lato
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDbUIiLCJmaWxlIjoiTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9kZWZhdWx0LXByb3BzLW1hdGNoLXByb3AtdHlwZXMgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSwgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQge1xuICBMaW5rVmFyaWF0aW9ucyxcbiAgTGlua0NvbG9ycyxcbiAgTGlua1RleHRTaXplLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgUG9seW1vcnBoaWNSZWYsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgaW5mb3JtRGVwcmVjYXRpb24gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2luZm9ybURlcHJlY2F0aW9uXCI7XG5cbmV4cG9ydCB0eXBlIExpbmtQcm9wcyA9IHtcbiAgc2l6ZT86IExpbmtUZXh0U2l6ZTtcbiAgd2VpZ2h0PzogXCJub3JtYWxcIiB8IFwiYm9sZFwiIHwgXCJpbmhlcml0XCI7XG4gIC8qKiBAZGVwcmVjYXRlZCB2YXJpYW50LCBwbGVhc2UgdXNlIFwiY29sb3JcIiBwcm9wIGluc3RlYWQgKi9cbiAgdmFyaWFudD86IExpbmtWYXJpYXRpb25zO1xuICBjb2xvcj86IExpbmtDb2xvcnM7XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGhhbmRsZVZhcmlhbnQgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdmFyaWFudDogTGlua1ZhcmlhdGlvbnMsXG4gIHN0YXRlOiBcImRlZmF1bHRcIiB8IFwiaG92ZXJcIlxuKSA9PiB7XG4gIHN3aXRjaCAodmFyaWFudCkge1xuICAgIGNhc2UgXCJwcmltYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50W3N0YXRlXTtcbiAgICBjYXNlIFwic2Vjb25kYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeVtzdGF0ZV07XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dFt2YXJpYW50XVtzdGF0ZV07XG4gIH1cbn07XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYTxQYXJ0aWFsPExpbmtQcm9wcz4+KFxuICAoeyB0aGVtZSwgd2VpZ2h0LCB2YXJpYW50LCBzaXplLCBjb2xvciB9KSA9PlxuICAgICh7XG4gICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIixcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgY29sb3I6IHZhcmlhbnRcbiAgICAgICAgPyBoYW5kbGVWYXJpYW50KHRoZW1lLCB2YXJpYW50LCBcImRlZmF1bHRcIilcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dFtjb2xvcl0uZGVmYXVsdCxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGNvbG9yOiB2YXJpYW50XG4gICAgICAgICAgPyBoYW5kbGVWYXJpYW50KHRoZW1lLCB2YXJpYW50LCBcImhvdmVyXCIpXG4gICAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dFtjb2xvcl0uaG92ZXIsXG4gICAgICB9LFxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubGlua1tzaXplXSxcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHRbd2VpZ2h0XSxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubGlua1tzaXplXSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgfSBhcyBDU1NPYmplY3QpXG4pO1xuXG50eXBlIExpbmtDb21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJhXCI+KFxuICBwcm9wczogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgTGlua1Byb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgTGluazogTGlua0NvbXBvbmVudCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImFcIj4oXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBzaXplLFxuICAgICAgd2VpZ2h0LFxuICAgICAgdmFyaWFudCxcbiAgICAgIGNvbG9yID0gXCJwcmltYXJ5XCIsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBMaW5rUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGlmICh2YXJpYW50ID09PSAoXCJsaWdodC1wcmltYXJ5XCIgYXMgTGlua1ZhcmlhdGlvbnMpKSB7XG4gICAgICBpbmZvcm1EZXByZWNhdGlvbihcbiAgICAgICAgdmFyaWFudCxcbiAgICAgICAgXCJsaWdodC1wcmltYXJ5XCIsXG4gICAgICAgIFwiTGluayBjb21wb25lbnRcIixcbiAgICAgICAgXCJQbGVhc2UgY29uc2lkZXIgdXNpbmcgU3ViVGhlbWVQcm92aWRlci4gXFxuIERlbGV0ZSBhbGwgbWVudGlvbnMgb2YgbGlnaHQtcHJpbWFyeSBpbiBEUyBhZnRlci5cIlxuICAgICAgKTtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaW5rXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJMaW5rXCJcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICB3ZWlnaHQ9e3dlaWdodH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZExpbms+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+const Link = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
+  let {
+    children,
+    size,
+    weight,
+    variant,
+    color = "primary",
+    "data-e2e-test-id": dataE2eTestId,
+    ...rest
+  } = _ref2;
+  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 /*#__PURE__*/React.createElement(StyledLink, _extends({
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Link",
+    variant: variant,
+    color: color,
+    size: size,
+    weight: weight,
+    ref: ref
+  }, rest), children);
+});
+
+export { Link };
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable react/default-props-match-prop-types */\nimport React from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { Theme, CSSObject } from \"@emotion/react\";\nimport {\n  LinkVariations,\n  LinkColors,\n  LinkTextSize,\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../types\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\n\nexport type LinkProps = {\n  size?: LinkTextSize;\n  weight?: \"normal\" | \"bold\" | \"inherit\";\n  /** @deprecated variant, please use \"color\" prop instead */\n  variant?: LinkVariations;\n  color?: LinkColors;\n  onClick?: () => void;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst handleVariant = (\n  theme: Theme,\n  variant: LinkVariations,\n  state: \"default\" | \"hover\"\n) => {\n  switch (variant) {\n    case \"primary\":\n      return theme.values.color.text.accent[state];\n    case \"secondary\":\n      return theme.values.color.text.primary[state];\n    default:\n      return theme.values.color.text[variant][state];\n  }\n};\n\nconst StyledLink = styled.a<Partial<LinkProps>>(\n  ({ theme, weight, variant, size, color }) =>\n    ({\n      textDecoration: \"underline\",\n      cursor: \"pointer\",\n      background: \"none\",\n      border: \"none\",\n      padding: 0,\n      color: variant\n        ? handleVariant(theme, variant, \"default\")\n        : theme.values.color.text[color].default,\n      \"&:hover\": {\n        color: variant\n          ? handleVariant(theme, variant, \"hover\")\n          : theme.values.color.text[color].hover,\n      },\n      fontSize: theme.variables.size.font.link[size],\n      fontWeight: theme.variables.weight[weight],\n      lineHeight: theme.variables.size.lineHeight.link[size],\n      fontFamily: theme.variables.fontFamily.lato,\n    } as CSSObject)\n);\n\ntype LinkComponent = <C extends React.ElementType = \"a\">(\n  props: PolymorphicComponentPropsWithRef<C, LinkProps>\n) => React.ReactElement | null;\n\nexport const Link: LinkComponent = React.forwardRef(\n  <C extends React.ElementType = \"a\">(\n    {\n      children,\n      size,\n      weight,\n      variant,\n      color = \"primary\",\n      \"data-e2e-test-id\": dataE2eTestId,\n      ...rest\n    }: PolymorphicComponentPropsWithRef<C, LinkProps>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    if (variant === (\"light-primary\" as LinkVariations)) {\n      informDeprecation(\n        variant,\n        \"light-primary\",\n        \"Link component\",\n        \"Please consider using SubThemeProvider. \\n Delete all mentions of light-primary in DS after.\"\n      );\n    }\n    return (\n      <StyledLink\n        data-e2e-test-id={dataE2eTestId}\n        data-ds-id=\"Link\"\n        variant={variant}\n        color={color}\n        size={size}\n        weight={weight}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledLink>\n    );\n  }\n);\n"],"names":["handleVariant","theme","variant","state","values","color","text","accent","primary","StyledLink","_styled","process","env","NODE_ENV","target","label","_ref","weight","size","textDecoration","cursor","background","border","padding","default","hover","fontSize","variables","font","link","fontWeight","lineHeight","fontFamily","lato","Link","React","forwardRef","_ref2","ref","children","dataE2eTestId","rest","informDeprecation","createElement","_extends"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+export declare type LoadingSpinnerProps = {
+    /** Width and Height in px
+     * @default 80px
+     */
+    size?: number;
+    /** hidden label for screen readers */
+    screenReaderText: string;
+    "data-e2e-test-id"?: string;
+};
+export declare function LoadingSpinner({ size, screenReaderText, "data-e2e-test-id": dataE2eTestId, }: LoadingSpinnerProps): React.ReactElement;

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

@@ -0,0 +1,78 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { keyframes } from '@emotion/react';
+import { ScreenReaderText } from '../../shared/ScreenReaderText.js';
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const animation = keyframes({
+  to: {
+    strokeDashoffset: 136
+  }
+});
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e2mymjb2"
+} : {
+  target: "e2mymjb2",
+  label: "StyledContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "sw0n2m",
+  styles: "display:flex;justify-content:space-around"
+} : {
+  name: "sw0n2m",
+  styles: "display:flex;justify-content:space-around",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRpbmdTcGlubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6IkxvYWRpbmdTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKiBXaWR0aCBhbmQgSGVpZ2h0IGluIHB4XG4gICAqIEBkZWZhdWx0IDgwcHhcbiAgICovXG4gIHNpemU/OiBudW1iZXI7XG4gIC8qKiBoaWRkZW4gbGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzICovXG4gIHNjcmVlblJlYWRlclRleHQ6IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICB0bzoge1xuICAgIHN0cm9rZURhc2hvZmZzZXQ6IDEzNixcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZC5zdmcoe1xuICB0cmFuc2Zvcm1PcmlnaW46IFwiNTAlIDY1JVwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFBvbHlnb24gPSBzdHlsZWQucG9seWdvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBzdHJva2U6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICBzdHJva2VEYXNoYXJyYXk6IDE3LFxuICBhbmltYXRpb246IGAycyBsaW5lYXIgMHMgaW5maW5pdGUgJHthbmltYXRpb259YCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIExvYWRpbmdTcGlubmVyKHtcbiAgc2l6ZSA9IDgwLFxuICBzY3JlZW5SZWFkZXJUZXh0LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IExvYWRpbmdTcGlubmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiTG9hZGluZ1NwaW5uZXJcIlxuICAgID5cbiAgICAgIDxTdHlsZWRTdmdcbiAgICAgICAgaWQ9XCJ0cmlhbmdsZVwiXG4gICAgICAgIHdpZHRoPXtzaXplfVxuICAgICAgICBoZWlnaHQ9e3NpemV9XG4gICAgICAgIHZpZXdCb3g9XCItMyAtNCAzOSAzOVwiXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRQb2x5Z29uXG4gICAgICAgICAgZmlsbD1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICBzdHJva2VXaWR0aD1cIjFcIlxuICAgICAgICAgIHBvaW50cz1cIjE2LDAgMzIsMzIgMCwzMlwiXG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZFN2Zz5cbiAgICAgIDxTY3JlZW5SZWFkZXJUZXh0PntzY3JlZW5SZWFkZXJUZXh0fTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSvg = /*#__PURE__*/_styled("svg", process.env.NODE_ENV === "production" ? {
+  target: "e2mymjb1"
+} : {
+  target: "e2mymjb1",
+  label: "StyledSvg"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ties1b",
+  styles: "transform-origin:50% 65%"
+} : {
+  name: "1ties1b",
+  styles: "transform-origin:50% 65%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRpbmdTcGlubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtCIiwiZmlsZSI6IkxvYWRpbmdTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKiBXaWR0aCBhbmQgSGVpZ2h0IGluIHB4XG4gICAqIEBkZWZhdWx0IDgwcHhcbiAgICovXG4gIHNpemU/OiBudW1iZXI7XG4gIC8qKiBoaWRkZW4gbGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzICovXG4gIHNjcmVlblJlYWRlclRleHQ6IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICB0bzoge1xuICAgIHN0cm9rZURhc2hvZmZzZXQ6IDEzNixcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZC5zdmcoe1xuICB0cmFuc2Zvcm1PcmlnaW46IFwiNTAlIDY1JVwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFBvbHlnb24gPSBzdHlsZWQucG9seWdvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBzdHJva2U6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICBzdHJva2VEYXNoYXJyYXk6IDE3LFxuICBhbmltYXRpb246IGAycyBsaW5lYXIgMHMgaW5maW5pdGUgJHthbmltYXRpb259YCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIExvYWRpbmdTcGlubmVyKHtcbiAgc2l6ZSA9IDgwLFxuICBzY3JlZW5SZWFkZXJUZXh0LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IExvYWRpbmdTcGlubmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiTG9hZGluZ1NwaW5uZXJcIlxuICAgID5cbiAgICAgIDxTdHlsZWRTdmdcbiAgICAgICAgaWQ9XCJ0cmlhbmdsZVwiXG4gICAgICAgIHdpZHRoPXtzaXplfVxuICAgICAgICBoZWlnaHQ9e3NpemV9XG4gICAgICAgIHZpZXdCb3g9XCItMyAtNCAzOSAzOVwiXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRQb2x5Z29uXG4gICAgICAgICAgZmlsbD1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICBzdHJva2VXaWR0aD1cIjFcIlxuICAgICAgICAgIHBvaW50cz1cIjE2LDAgMzIsMzIgMCwzMlwiXG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZFN2Zz5cbiAgICAgIDxTY3JlZW5SZWFkZXJUZXh0PntzY3JlZW5SZWFkZXJUZXh0fTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledPolygon = /*#__PURE__*/_styled("polygon", process.env.NODE_ENV === "production" ? {
+  target: "e2mymjb0"
+} : {
+  target: "e2mymjb0",
+  label: "StyledPolygon"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    stroke: theme.values.color.background.accent.default,
+    strokeDasharray: 17,
+    animation: `2s linear 0s infinite ${animation}`
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRpbmdTcGlubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QnNCIiwiZmlsZSI6IkxvYWRpbmdTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKiBXaWR0aCBhbmQgSGVpZ2h0IGluIHB4XG4gICAqIEBkZWZhdWx0IDgwcHhcbiAgICovXG4gIHNpemU/OiBudW1iZXI7XG4gIC8qKiBoaWRkZW4gbGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzICovXG4gIHNjcmVlblJlYWRlclRleHQ6IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICB0bzoge1xuICAgIHN0cm9rZURhc2hvZmZzZXQ6IDEzNixcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZC5zdmcoe1xuICB0cmFuc2Zvcm1PcmlnaW46IFwiNTAlIDY1JVwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFBvbHlnb24gPSBzdHlsZWQucG9seWdvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBzdHJva2U6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICBzdHJva2VEYXNoYXJyYXk6IDE3LFxuICBhbmltYXRpb246IGAycyBsaW5lYXIgMHMgaW5maW5pdGUgJHthbmltYXRpb259YCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIExvYWRpbmdTcGlubmVyKHtcbiAgc2l6ZSA9IDgwLFxuICBzY3JlZW5SZWFkZXJUZXh0LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IExvYWRpbmdTcGlubmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiTG9hZGluZ1NwaW5uZXJcIlxuICAgID5cbiAgICAgIDxTdHlsZWRTdmdcbiAgICAgICAgaWQ9XCJ0cmlhbmdsZVwiXG4gICAgICAgIHdpZHRoPXtzaXplfVxuICAgICAgICBoZWlnaHQ9e3NpemV9XG4gICAgICAgIHZpZXdCb3g9XCItMyAtNCAzOSAzOVwiXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRQb2x5Z29uXG4gICAgICAgICAgZmlsbD1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICBzdHJva2VXaWR0aD1cIjFcIlxuICAgICAgICAgIHBvaW50cz1cIjE2LDAgMzIsMzIgMCwzMlwiXG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZFN2Zz5cbiAgICAgIDxTY3JlZW5SZWFkZXJUZXh0PntzY3JlZW5SZWFkZXJUZXh0fTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
+function LoadingSpinner(_ref2) {
+  let {
+    size = 80,
+    screenReaderText,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "LoadingSpinner"
+  }, /*#__PURE__*/React.createElement(StyledSvg, {
+    id: "triangle",
+    width: size,
+    height: size,
+    viewBox: "-3 -4 39 39",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement(StyledPolygon, {
+    fill: "transparent",
+    strokeWidth: "1",
+    points: "16,0 32,32 0,32"
+  })), /*#__PURE__*/React.createElement(ScreenReaderText, null, screenReaderText));
+}
+
+export { LoadingSpinner };
+//# sourceMappingURL=LoadingSpinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sources":["../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { keyframes } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { ScreenReaderText } from \"../../shared/ScreenReaderText\";\n\nexport type LoadingSpinnerProps = {\n  /** Width and Height in px\n   * @default 80px\n   */\n  size?: number;\n  /** hidden label for screen readers */\n  screenReaderText: string;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst animation = keyframes({\n  to: {\n    strokeDashoffset: 136,\n  },\n});\n\nconst StyledContainer = styled.div({\n  display: \"flex\",\n  justifyContent: \"space-around\",\n});\n\nconst StyledSvg = styled.svg({\n  transformOrigin: \"50% 65%\",\n});\n\nconst StyledPolygon = styled.polygon(({ theme }) => ({\n  stroke: theme.values.color.background.accent.default,\n  strokeDasharray: 17,\n  animation: `2s linear 0s infinite ${animation}`,\n}));\n\nexport function LoadingSpinner({\n  size = 80,\n  screenReaderText,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: LoadingSpinnerProps): React.ReactElement {\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"LoadingSpinner\"\n    >\n      <StyledSvg\n        id=\"triangle\"\n        width={size}\n        height={size}\n        viewBox=\"-3 -4 39 39\"\n        aria-hidden=\"true\"\n      >\n        <StyledPolygon\n          fill=\"transparent\"\n          strokeWidth=\"1\"\n          points=\"16,0 32,32 0,32\"\n        />\n      </StyledSvg>\n      <ScreenReaderText>{screenReaderText}</ScreenReaderText>\n    </StyledContainer>\n  );\n}\n"],"names":["animation","keyframes","to","strokeDashoffset","StyledContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSvg","StyledPolygon","_ref","theme","stroke","values","color","background","accent","default","strokeDasharray","LoadingSpinner","_ref2","size","screenReaderText","dataE2eTestId","React","createElement","id","width","height","viewBox","fill","strokeWidth","points","ScreenReaderText"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+export declare type LogoProps = {
+    href: string;
+    ariaLabel?: string;
+    role?: string;
+    "data-testid"?: string;
+};
+export declare function Logo({ href, ariaLabel, role, "data-testid": dataTestId, }: LogoProps): React.ReactElement;

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

@@ -0,0 +1,38 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import logo from '../../../build-tokens/assets/logo.json.js';
+
+const StyledLogoElement = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
+  target: "ekqzljw0"
+} : {
+  target: "ekqzljw0",
+  label: "StyledLogoElement"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    color: theme.values.color.text.primary.default
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiJMb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGxvZ28gZnJvbSBcIi4uLy4uLy4uL2J1aWxkLXRva2Vucy9hc3NldHMvbG9nby5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIExvZ29Qcm9wcyA9IHtcbiAgaHJlZjogc3RyaW5nO1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIHJvbGU/OiBzdHJpbmc7XG4gIFwiZGF0YS10ZXN0aWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZExvZ29FbGVtZW50ID0gc3R5bGVkLmEoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIExvZ28oe1xuICBocmVmLFxuICBhcmlhTGFiZWwgPSBcIk1haW5cIixcbiAgcm9sZSA9IFwibmF2aWdhdGlvblwiLFxuICBcImRhdGEtdGVzdGlkXCI6IGRhdGFUZXN0SWQsXG59OiBMb2dvUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMb2dvRWxlbWVudFxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICBkYW5nZXJvdXNseVNldElubmVySFRNTD17e1xuICAgICAgICBfX2h0bWw6IGxvZ29bXCJhbWJvc3MtbG9nb1wiXSxcbiAgICAgIH19XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJMb2dvXCJcbiAgICAvPlxuICApO1xufVxuIl19 */");
+function Logo(_ref2) {
+  let {
+    href,
+    ariaLabel = "Main",
+    role = "navigation",
+    "data-testid": dataTestId
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(StyledLogoElement, {
+    href: href,
+    "aria-label": ariaLabel,
+    role: role,
+    dangerouslySetInnerHTML: {
+      __html: logo["amboss-logo"]
+    },
+    "data-testid": dataTestId,
+    "data-ds-id": "Logo"
+  });
+}
+
+export { Logo };
+//# sourceMappingURL=Logo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport logo from \"../../../build-tokens/assets/logo.json\";\n\nexport type LogoProps = {\n  href: string;\n  ariaLabel?: string;\n  role?: string;\n  \"data-testid\"?: string;\n};\n\nconst StyledLogoElement = styled.a(({ theme }) => ({\n  color: theme.values.color.text.primary.default,\n}));\n\nexport function Logo({\n  href,\n  ariaLabel = \"Main\",\n  role = \"navigation\",\n  \"data-testid\": dataTestId,\n}: LogoProps): React.ReactElement {\n  return (\n    <StyledLogoElement\n      href={href}\n      aria-label={ariaLabel}\n      role={role}\n      dangerouslySetInnerHTML={{\n        __html: logo[\"amboss-logo\"],\n      }}\n      data-testid={dataTestId}\n      data-ds-id=\"Logo\"\n    />\n  );\n}\n"],"names":["StyledLogoElement","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","values","text","primary","default","Logo","_ref2","href","ariaLabel","role","dataTestId","React","createElement","dangerouslySetInnerHTML","__html","logo"],"mappings":";;;;AAWA,MAAMA,iBAAiB,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,mBAAA;AAAA,CAAA,CAAA,CAASC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACjDE,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,OAAO,CAACC,OAAAA;GACxC,CAAA;AAAA,CAAC,EAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yuCAAA,CAAA,CAAA;AAEI,SAASU,IAAIA,CAAAC,KAAA,EAKc;EAAA,IALb;IACnBC,IAAI;AACJC,IAAAA,SAAS,GAAG,MAAM;AAClBC,IAAAA,IAAI,GAAG,YAAY;AACnB,IAAA,aAAa,EAAEC,UAAAA;AACN,GAAC,GAAAJ,KAAA,CAAA;AACV,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACrB,iBAAiB,EAAA;AAChBgB,IAAAA,IAAI,EAAEA,IAAK;AACX,IAAA,YAAA,EAAYC,SAAU;AACtBC,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,uBAAuB,EAAE;MACvBC,MAAM,EAAEC,IAAI,CAAC,aAAa,CAAA;KAC1B;AACF,IAAA,aAAA,EAAaL,UAAW;IACxB,YAAW,EAAA,MAAA;AAAM,GAClB,CAAC,CAAA;AAEN;;;;"}

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

@@ -0,0 +1,14 @@
+import React from "react";
+export declare type MediaItemProps = {
+    src: string;
+    title: string;
+    /** Sets the height of the media to equal the width value making a square <br/>
+     */
+    squareByWidth?: boolean;
+    /** Specify fit of the media background. <br/>
+     * "contain" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>
+     * "cover" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.
+     */
+    fit: "cover" | "contain";
+};
+export declare function MediaItem({ src, title, squareByWidth, fit, }: MediaItemProps): React.ReactElement;