@amboss/design-system 1.9.1 → 1.9.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../../../../../src/components/Form/ToggleButton/ToggleButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\n\nexport type ToggleButtonProps = {\n  label: string;\n  subLabel?: string;\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  disabled?: boolean;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nconst StyledContainer = styled.div(() => ({\n  display: \"inline-block\",\n}));\n\nconst StyledRealInput = styled.input<Partial<ToggleButtonProps>>(() => ({\n  opacity: 0,\n  cursor: \"pointer\",\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInput = styled.div(({ theme }) => ({\n  boxSizing: \"border-box\",\n  borderRadius: theme.variables.size.borderRadius.toggleButton.m,\n  border: \"2px solid\",\n  height: theme.variables.size.dimension.toggleButton.height.m,\n  cursor: \"pointer\",\n\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,\n  fontFamily: theme.variables.fontFamily.lato,\n  fontSize: theme.variables.size.font.toggleButton.m,\n  fontWeight: theme.variables.weight.bold,\n  lineHeight: theme.variables.size.lineHeight.toggleButton.m,\n\n  background: theme.values.color.background.toggleButton.default,\n  borderColor: theme.values.color.border.toggleButton.default,\n  color: theme.values.color.text.toggleButton.default,\n\n  \"input: focus-visible + &\": {\n    outlineWidth: \"2px\",\n    outlineStyle: \"solid\",\n    outlineColor: \"Highlight\",\n  },\n\n  \"@media (-webkit-min-device-pixel-ratio:0)\": {\n    \"input: focus-visible + &\": {\n      outlineColor: \"-webkit-focus-ring-color\",\n      outlineStyle: \"auto\",\n    },\n  },\n\n  \"&:hover\": {\n    borderColor: theme.values.color.border.toggleButton.defaultHover,\n  },\n  \"input:checked + &\": {\n    borderColor: theme.values.color.border.toggleButton.active,\n    color: theme.values.color.text.toggleButton.active,\n    background: theme.values.color.background.toggleButton.active,\n\n    \"&:hover\": {\n      borderColor: theme.values.color.border.toggleButton.activeHover,\n      background: theme.values.color.background.toggleButton.activeHover,\n    },\n  },\n  \"input:disabled + &\": {\n    pointerEvents: \"none\",\n  },\n}));\n\nconst StyledSubLabel = styled.div(({ theme }) => ({\n  color: theme.values.color.text.toggleButton.labelDefault,\n  \"input:checked + div &\": {\n    color: theme.values.color.text.toggleButton.labelActive,\n  },\n}));\n\nexport function ToggleButton({\n  label,\n  subLabel,\n  name,\n  value = \"\",\n  checked = undefined,\n  disabled = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: ToggleButtonProps): React.ReactElement {\n  return (\n    <FormField data-e2e-test-id={dataE2eTestId} {...rest} disabled={disabled}>\n      <StyledContainer data-e2e-test-id={dataE2eTestId}>\n        <StyledRealInput\n          type=\"checkbox\"\n          name={name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          onChange={onChange}\n          onClick={onClick}\n          onBlur={onBlur}\n          onFocus={onFocus}\n        />\n        <StyledFakeInput>\n          <Inline space=\"xxs\" noWrap>\n            {label}\n            {subLabel && <StyledSubLabel>{subLabel}</StyledSubLabel>}\n          </Inline>\n        </StyledFakeInput>\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","display","StyledRealInput","opacity","cursor","height","width","position","StyledFakeInput","_ref","theme","boxSizing","borderRadius","variables","size","toggleButton","m","border","dimension","alignItems","justifyContent","padding","spacing","zero","fontFamily","lato","fontSize","font","fontWeight","weight","bold","lineHeight","background","values","color","default","borderColor","text","outlineWidth","outlineStyle","outlineColor","defaultHover","active","activeHover","pointerEvents","StyledSubLabel","_ref2","labelDefault","labelActive","ToggleButton","_ref3","subLabel","name","value","checked","undefined","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","type","Inline","space","noWrap"],"mappings":"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"}

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

@@ -0,0 +1,85 @@
+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 StyledIcon = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pr7vjj0"
+} : {
+  target: "e1pr7vjj0",
+  label: "StyledIcon"
+})(_ref => {
+  let {
+    theme,
+    variant,
+    isHoverable,
+    parentRef,
+    parentIsHovered,
+    size,
+    as
+  } = _ref;
+  return {
+    width: icons[size],
+    height: icons[size],
+    "& > svg": {
+      width: icons[size],
+      height: icons[size]
+    },
+    ...(variant !== "inherit" && {
+      ...(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
+      }
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFtQiIsImZpbGUiOiJJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbnNWYXJpYXRpb25zLCBCYXNlVmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgaWNvbnMgYXMgaWNvblNpemVzIH0gZnJvbSBcIi4uLy4uLy4uL2J1aWxkLXRva2Vucy9faWNvbl9zaXplc19tYXAuanNvblwiO1xuaW1wb3J0IGljb25zIGZyb20gXCIuLi8uLi8uLi9idWlsZC10b2tlbnMvYXNzZXRzL2ljb25zLmpzb25cIjtcbmltcG9ydCBpY29uczE2IGZyb20gXCIuLi8uLi8uLi9idWlsZC10b2tlbnMvYXNzZXRzL2ljb25zMTYuanNvblwiO1xuaW1wb3J0IHsgdXNlSG92ZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUhvdmVyXCI7XG5cbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEljb25Qcm9wcz4gJiB7XG4gICAgaXNIb3ZlcmFibGU6IGJvb2xlYW47XG4gICAgcGFyZW50UmVmOiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PGFueT47XG4gICAgcGFyZW50SXNIb3ZlcmVkOiBib29sZWFuO1xuICB9XG4+KCh7IHRoZW1lLCB2YXJpYW50LCBpc0hvdmVyYWJsZSwgcGFyZW50UmVmLCBwYXJlbnRJc0hvdmVyZWQsIHNpemUsIGFzIH0pID0+ICh7XG4gIHdpZHRoOiBpY29uU2l6ZXNbc2l6ZV0sXG4gIGhlaWdodDogaWNvblNpemVzW3NpemVdLFxuICBcIiYgPiBzdmdcIjoge1xuICAgIHdpZHRoOiBpY29uU2l6ZXNbc2l6ZV0sXG4gICAgaGVpZ2h0OiBpY29uU2l6ZXNbc2l6ZV0sXG4gIH0sXG4gIC4uLih2YXJpYW50ICE9PSBcImluaGVyaXRcIiAmJiB7XG4gICAgLi4uKHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmxpbmtbdmFyaWFudCBhcyBCYXNlVmFyaWF0aW9uc11cbiAgICAgID8ge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5saW5rW3ZhcmlhbnQgYXMgQmFzZVZhcmlhdGlvbnNdLFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbdmFyaWFudF0sXG4gICAgICAgIH0pLFxuICB9KSxcbiAgLi4uKGFzID09PSBcInNwYW5cIiAmJiB7XG4gICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgfSksXG4gIC4uLigocGFyZW50SXNIb3ZlcmVkIHx8IGlzSG92ZXJhYmxlKSAmJiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSksXG4gIC4uLihwYXJlbnRSZWYgJiYge1xuICAgIG9wYWNpdHk6IHBhcmVudElzSG92ZXJlZCA/IDEgOiAwLjYsXG4gIH0pLFxuICAuLi4oaXNIb3ZlcmFibGUgJiYge1xuICAgIG9wYWNpdHk6IDAuNixcbiAgICBcIjpob3ZlclwiOiB7XG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgdHlwZSBJY29uTmFtZSA9IGtleW9mIHR5cGVvZiBpY29ucztcbmV4cG9ydCB0eXBlIEljb25OYW1lMTYgPSBrZXlvZiB0eXBlb2YgaWNvbnMxNjtcblxuZXhwb3J0IHR5cGUgSWNvblByb3BzID0ge1xuICAvKiogSWNvbiBuYW1lICovXG4gIG5hbWU6IEljb25OYW1lO1xuICAvKiogc2V0IHRvIHRydWUgdG8gbWFrZSB0aGUgaWNvbiBob3ZlcmFibGUsIHBhc3MgYSBwYXJlbnQncyByZWYgdG8gbWFrZSB0aGUgaWNvbiBtYXRjaCB0aGUgcGFyZW50IGhvdmVyICovXG4gIGhvdmVyYWJsZT86IGJvb2xlYW4gfCBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PGFueT47XG4gIC8qKiBzZXQgdG8gdHJ1ZSB0byBoYXZlIGFuIGlubGluZSBpY29uIHdyYXBwZWQgaW4gYSBzcGFuIGluc3RlYWQgb2YgZGl2ICovXG4gIGlubGluZT86IGJvb2xlYW47XG4gIC8qKiBJY29uIGNvbG9yIGNhbiBpbmhlcml0IHBhcmVudCBzdHlsZSBvciBjYW4gYmUgcHJpbWFyeSwgc2Vjb25kYXJ5IGFuZCB0ZXJ0aWFyeS4gKi9cbiAgdmFyaWFudD86IEljb25zVmFyaWF0aW9ucztcbiAgc2l6ZT86IFwic1wiIHwgXCJtXCIgfCBcImxcIjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIFwiZGF0YS10ZXN0aWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBJY29uID0gKHtcbiAgbmFtZSxcbiAgaG92ZXJhYmxlID0gZmFsc2UsXG4gIGlubGluZSA9IGZhbHNlLFxuICBzaXplID0gXCJtXCIsXG4gIHZhcmlhbnQgPSBcImluaGVyaXRcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS10ZXN0aWRcIjogZGF0YVRlc3RJZCxcbn06IEljb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gIGNvbnN0IGlzSG92ZXJhYmxlID0gdHlwZW9mIGhvdmVyYWJsZSA9PT0gXCJib29sZWFuXCIgJiYgaG92ZXJhYmxlO1xuICBjb25zdCBwYXJlbnRSZWYgPSB0eXBlb2YgaG92ZXJhYmxlICE9PSBcImJvb2xlYW5cIiAmJiBob3ZlcmFibGU7XG4gIGNvbnN0IHBhcmVudElzSG92ZXJlZCA9IHVzZUhvdmVyKHBhcmVudFJlZik7XG4gIGNvbnN0IGFzID0gaW5saW5lID8gXCJzcGFuXCIgOiBcImRpdlwiO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEljb25cbiAgICAgIGFzPXthc31cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRhdGEtdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBpc0hvdmVyYWJsZT17aXNIb3ZlcmFibGV9XG4gICAgICBwYXJlbnRSZWY9e3BhcmVudFJlZn1cbiAgICAgIHBhcmVudElzSG92ZXJlZD17cGFyZW50SXNIb3ZlcmVkfVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7XG4gICAgICAgIF9faHRtbDogKHNpemUgPT09IFwic1wiICYmIGljb25zMTZbbmFtZSBhcyBJY29uTmFtZTE2XSkgfHwgaWNvbnNbbmFtZV0sXG4gICAgICB9fVxuICAgIC8+XG4gICk7XG59O1xuIl19 */");
+const Icon = _ref2 => {
+  let {
+    name,
+    hoverable = false,
+    inline = false,
+    size = "m",
+    variant = "inherit",
+    "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-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/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 { IconsVariations, BaseVariations } 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 StyledIcon = styled.div<\n  Partial<IconProps> & {\n    isHoverable: boolean;\n    parentRef: React.MutableRefObject<any>;\n    parentIsHovered: boolean;\n  }\n>(({ theme, variant, isHoverable, parentRef, parentIsHovered, size, as }) => ({\n  width: iconSizes[size],\n  height: iconSizes[size],\n  \"& > svg\": {\n    width: iconSizes[size],\n    height: iconSizes[size],\n  },\n  ...(variant !== \"inherit\" && {\n    ...(theme.values.color.text.link[variant as BaseVariations]\n      ? {\n          color: theme.values.color.text.link[variant as BaseVariations],\n        }\n      : {\n          color: theme.values.color.text[variant],\n        }),\n  }),\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\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  /** Icon color can inherit parent style or can be primary, secondary and tertiary. */\n  variant?: IconsVariations;\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  variant = \"inherit\",\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-variant={variant}\n      variant={variant}\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":["StyledIcon","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","isHoverable","parentRef","parentIsHovered","size","as","width","iconSizes","height","values","color","text","link","verticalAlign","cursor","opacity","Icon","_ref2","name","hoverable","inline","dataE2eTestId","dataTestId","useHover","React","createElement","dangerouslySetInnerHTML","__html","icons16","icons"],"mappings":";;;;;;;AAQA,MAAMA,UAAU,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,YAAA;AAAA,CAAA,CAAA,CAMjBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,OAAO;IAAEC,WAAW;IAAEC,SAAS;IAAEC,eAAe;IAAEC,IAAI;AAAEC,IAAAA,EAAAA;AAAG,GAAC,GAAAP,IAAA,CAAA;EAAA,OAAM;AAC5EQ,IAAAA,KAAK,EAAEC,KAAS,CAACH,IAAI,CAAC;AACtBI,IAAAA,MAAM,EAAED,KAAS,CAACH,IAAI,CAAC;AACvB,IAAA,SAAS,EAAE;AACTE,MAAAA,KAAK,EAAEC,KAAS,CAACH,IAAI,CAAC;MACtBI,MAAM,EAAED,KAAS,CAACH,IAAI,CAAA;KACvB;IACD,IAAIJ,OAAO,KAAK,SAAS,IAAI;AAC3B,MAAA,IAAID,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACZ,OAAO,CAAmB,GACvD;QACEU,KAAK,EAAEX,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACZ,OAAO,CAAA;AAC7C,OAAC,GACD;QACEU,KAAK,EAAEX,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC,IAAI,CAACX,OAAO,CAAA;OACvC,CAAA;AACP,KAAC,CAAC;IACF,IAAIK,EAAE,KAAK,MAAM,IAAI;AACnBQ,MAAAA,aAAa,EAAE,QAAA;AACjB,KAAC,CAAC;AACF,IAAA,IAAI,CAACV,eAAe,IAAIF,WAAW,KAAK;AACtCa,MAAAA,MAAM,EAAE,SAAA;AACV,KAAC,CAAC;AACF,IAAA,IAAIZ,SAAS,IAAI;AACfa,MAAAA,OAAO,EAAEZ,eAAe,GAAG,CAAC,GAAG,GAAA;AACjC,KAAC,CAAC;AACF,IAAA,IAAIF,WAAW,IAAI;AACjBc,MAAAA,OAAO,EAAE,GAAG;AACZ,MAAA,QAAQ,EAAE;AACRA,QAAAA,OAAO,EAAE,CAAA;AACX,OAAA;KACD,CAAA;GACF,CAAA;AAAA,CAAC,EAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yhIAAA,CAAA,CAAA;AAmBUqB,MAAAA,IAAI,GAAGC,KAAA,IAQiB;EAAA,IARhB;IACnBC,IAAI;AACJC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,MAAM,GAAG,KAAK;AACdhB,IAAAA,IAAI,GAAG,GAAG;AACVJ,IAAAA,OAAO,GAAG,SAAS;AACnB,IAAA,kBAAkB,EAAEqB,aAAa;AACjC,IAAA,aAAa,EAAEC,UAAAA;AACN,GAAC,GAAAL,KAAA,CAAA;AACV,EAAA,MAAMhB,WAAW,GAAG,OAAOkB,SAAS,KAAK,SAAS,IAAIA,SAAS,CAAA;AAC/D,EAAA,MAAMjB,SAAS,GAAG,OAAOiB,SAAS,KAAK,SAAS,IAAIA,SAAS,CAAA;AAC7D,EAAA,MAAMhB,eAAe,GAAGoB,QAAQ,CAACrB,SAAS,CAAC,CAAA;AAC3C,EAAA,MAAMG,EAAE,GAAGe,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;AAElC,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAClC,UAAU,EAAA;AACTc,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,kBAAA,EAAkBgB,aAAc;AAChC,IAAA,aAAA,EAAaC,UAAW;AACxB,IAAA,cAAA,EAActB,OAAQ;AACtBA,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,IAAI,EAAEA,IAAK;AACXsB,IAAAA,uBAAuB,EAAE;AACvBC,MAAAA,MAAM,EAAGvB,IAAI,KAAK,GAAG,IAAIwB,OAAO,CAACV,IAAI,CAAe,IAAKW,OAAK,CAACX,IAAI,CAAA;AACrE,KAAA;GACA,CAAA,CAAA;AAEN;;;;"}

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

@@ -0,0 +1,104 @@
+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
+};
+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",
+        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"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOER3QiIsImZpbGUiOiJJbmxpbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmbGF0dGVuQ2hpbGRyZW4gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2ZsYXR0ZW5DaGlsZHJlblwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgTVEsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG50eXBlIElubGluZVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgaG9yaXpvbnRhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduSXRlbXMsIG1lZGl1bSBzY3JlZW4gYWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIGFsaWduSXRlbXNdIG9yIG9uZSBhbGlnbkl0ZW1zIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBhbGlnbkl0ZW1zPzogTVE8SG9yaXpvbnRhbEFsaWdubWVudD4gfCBIb3Jpem9udGFsQWxpZ25tZW50O1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgdmVydGljYWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2QWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiB2QWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIHZBbGlnbkl0ZW1zXSBvciBvbmUgdkFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZBbGlnbkl0ZW1zPzogTVE8VmVydGljYWxBbGlnbm1lbnQ+IHwgVmVydGljYWxBbGlnbm1lbnQ7XG4gIC8qKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlIHdyYXBwaW5nIHByb3BlcnR5ICovXG4gIG5vV3JhcD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxudHlwZSBJbmxpbmVJdGVtUHJvcHMgPSB7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPElubGluZVByb3BzPiA9IHtcbiAgYWxpZ25JdGVtczogXCJsZWZ0XCIsXG4gIHNwYWNlOiBcInhzXCIsXG4gIG5vV3JhcDogZmFsc2UsXG4gIHZBbGlnbkl0ZW1zOiBcInRvcFwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxufTtcblxuY29uc3QgbWFrZU5lZ2F0aXZlID0gKG9iajogUmVjb3JkPHN0cmluZywgc3RyaW5nPik6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPT5cbiAgT2JqZWN0LmVudHJpZXMob2JqKVxuICAgIC5tYXAoKFtrZXksIHZhbHVlXSkgPT4gW2tleSwgYC0ke3ZhbHVlfWBdKVxuICAgIC5yZWR1Y2UoKGFjYywgW2tleSwgdmFsdWVdKSA9PiB7XG4gICAgICBhY2Nba2V5XSA9IHZhbHVlO1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCB7fSBhcyBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTtcblxuY29uc3QgSW5saW5lQ29udGFpbmVyID0gc3R5bGVkLmRpdjxJbmxpbmVQcm9wcz4oXG4gICh7IGFsaWduSXRlbXMsIHZBbGlnbkl0ZW1zLCBzcGFjZSwgdlNwYWNlLCB0aGVtZSwgbm9XcmFwIH0pID0+ICh7XG4gICAgLi4ubXEoe1xuICAgICAgYWxpZ25JdGVtczogW1xuICAgICAgICB2QWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgYm90dG9tOiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHNwYWNlQmV0d2VlbjogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIGxlZnQ6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIHJpZ2h0OiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHNwYWNlQmV0d2VlbjogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgICAgbWFyZ2luTGVmdDogW3NwYWNlLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luVG9wOiBbdlNwYWNlLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgZmxleFdyYXA6IG5vV3JhcCA/IFwibm93cmFwXCIgOiBcIndyYXBcIixcbiAgfSlcbik7XG5cbmNvbnN0IElubGluZUl0ZW0gPSBzdHlsZWQuZGl2PElubGluZUl0ZW1Qcm9wcz4oKHsgdGhlbWUsIHNwYWNlLCB2U3BhY2UgfSkgPT4gKHtcbiAgLi4ubXEoe1xuICAgIG1hcmdpblRvcDogW3ZTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgbWFyZ2luTGVmdDogW3NwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG4gIFwiJjplbXB0eVwiOiB7XG4gICAgbWFyZ2luVG9wOiAwLFxuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBJbmxpbmUoe1xuICBjaGlsZHJlbixcbiAgYWxpZ25JdGVtcyxcbiAgdkFsaWduSXRlbXMsXG4gIHNwYWNlLFxuICB2U3BhY2UgPSBzcGFjZSxcbiAgbm9XcmFwLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IElubGluZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8SW5saW5lQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtc31cbiAgICAgIHZBbGlnbkl0ZW1zPXt2QWxpZ25JdGVtc31cbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgbm9XcmFwPXtub1dyYXB9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PlxuICAgICAgICAgIGNoaWxkICYmIChcbiAgICAgICAgICAgIDxJbmxpbmVJdGVtIHNwYWNlPXtzcGFjZX0gdlNwYWNlPXt2U3BhY2V9PlxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8L0lubGluZUl0ZW0+XG4gICAgICAgICAgKVxuICAgICAgKX1cbiAgICA8L0lubGluZUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuSW5saW5lLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEZtQiIsImZpbGUiOiJJbmxpbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmbGF0dGVuQ2hpbGRyZW4gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2ZsYXR0ZW5DaGlsZHJlblwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgTVEsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG50eXBlIElubGluZVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgaG9yaXpvbnRhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduSXRlbXMsIG1lZGl1bSBzY3JlZW4gYWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIGFsaWduSXRlbXNdIG9yIG9uZSBhbGlnbkl0ZW1zIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBhbGlnbkl0ZW1zPzogTVE8SG9yaXpvbnRhbEFsaWdubWVudD4gfCBIb3Jpem9udGFsQWxpZ25tZW50O1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgdmVydGljYWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2QWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiB2QWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIHZBbGlnbkl0ZW1zXSBvciBvbmUgdkFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZBbGlnbkl0ZW1zPzogTVE8VmVydGljYWxBbGlnbm1lbnQ+IHwgVmVydGljYWxBbGlnbm1lbnQ7XG4gIC8qKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlIHdyYXBwaW5nIHByb3BlcnR5ICovXG4gIG5vV3JhcD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxudHlwZSBJbmxpbmVJdGVtUHJvcHMgPSB7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPElubGluZVByb3BzPiA9IHtcbiAgYWxpZ25JdGVtczogXCJsZWZ0XCIsXG4gIHNwYWNlOiBcInhzXCIsXG4gIG5vV3JhcDogZmFsc2UsXG4gIHZBbGlnbkl0ZW1zOiBcInRvcFwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxufTtcblxuY29uc3QgbWFrZU5lZ2F0aXZlID0gKG9iajogUmVjb3JkPHN0cmluZywgc3RyaW5nPik6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPT5cbiAgT2JqZWN0LmVudHJpZXMob2JqKVxuICAgIC5tYXAoKFtrZXksIHZhbHVlXSkgPT4gW2tleSwgYC0ke3ZhbHVlfWBdKVxuICAgIC5yZWR1Y2UoKGFjYywgW2tleSwgdmFsdWVdKSA9PiB7XG4gICAgICBhY2Nba2V5XSA9IHZhbHVlO1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCB7fSBhcyBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTtcblxuY29uc3QgSW5saW5lQ29udGFpbmVyID0gc3R5bGVkLmRpdjxJbmxpbmVQcm9wcz4oXG4gICh7IGFsaWduSXRlbXMsIHZBbGlnbkl0ZW1zLCBzcGFjZSwgdlNwYWNlLCB0aGVtZSwgbm9XcmFwIH0pID0+ICh7XG4gICAgLi4ubXEoe1xuICAgICAgYWxpZ25JdGVtczogW1xuICAgICAgICB2QWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgYm90dG9tOiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHNwYWNlQmV0d2VlbjogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIGxlZnQ6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIHJpZ2h0OiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHNwYWNlQmV0d2VlbjogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgICAgbWFyZ2luTGVmdDogW3NwYWNlLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luVG9wOiBbdlNwYWNlLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgZmxleFdyYXA6IG5vV3JhcCA/IFwibm93cmFwXCIgOiBcIndyYXBcIixcbiAgfSlcbik7XG5cbmNvbnN0IElubGluZUl0ZW0gPSBzdHlsZWQuZGl2PElubGluZUl0ZW1Qcm9wcz4oKHsgdGhlbWUsIHNwYWNlLCB2U3BhY2UgfSkgPT4gKHtcbiAgLi4ubXEoe1xuICAgIG1hcmdpblRvcDogW3ZTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgbWFyZ2luTGVmdDogW3NwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG4gIFwiJjplbXB0eVwiOiB7XG4gICAgbWFyZ2luVG9wOiAwLFxuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBJbmxpbmUoe1xuICBjaGlsZHJlbixcbiAgYWxpZ25JdGVtcyxcbiAgdkFsaWduSXRlbXMsXG4gIHNwYWNlLFxuICB2U3BhY2UgPSBzcGFjZSxcbiAgbm9XcmFwLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IElubGluZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8SW5saW5lQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtc31cbiAgICAgIHZBbGlnbkl0ZW1zPXt2QWxpZ25JdGVtc31cbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgbm9XcmFwPXtub1dyYXB9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PlxuICAgICAgICAgIGNoaWxkICYmIChcbiAgICAgICAgICAgIDxJbmxpbmVJdGVtIHNwYWNlPXtzcGFjZX0gdlNwYWNlPXt2U3BhY2V9PlxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8L0lubGluZUl0ZW0+XG4gICAgICAgICAgKVxuICAgICAgKX1cbiAgICA8L0lubGluZUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuSW5saW5lLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+function Inline(_ref5) {
+  let {
+    children,
+    alignItems,
+    vAlignItems,
+    space,
+    vSpace = space,
+    noWrap,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref5;
+  return /*#__PURE__*/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 && /*#__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\ntype 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};\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};\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          spaceBetween: \"space-between\",\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}: InlineProps): React.ReactElement {\n  return (\n    <InlineContainer\n      data-e2e-test-id={dataE2eTestId}\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","spaceBetween","justifyContent","left","right","marginLeft","variables","size","spacing","marginTop","display","flexDirection","flexWrap","InlineItem","_ref4","Inline","_ref5","children","dataE2eTestId","React","createElement","Children","flattenChildren","child"],"mappings":"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"}

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

@@ -0,0 +1,71 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { informDeprecation } from '../../shared/informDeprecation.js';
+
+const defaultProps = {
+  variant: "secondary",
+  as: "a"
+};
+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 = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
+  target: "eadqxyf0"
+} : {
+  target: "eadqxyf0",
+  label: "StyledLink"
+})(_ref => {
+  let {
+    theme,
+    weight,
+    variant,
+    size
+  } = _ref;
+  return {
+    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
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUIiLCJmaWxlIjoiTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9kZWZhdWx0LXByb3BzLW1hdGNoLXByb3AtdHlwZXMgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgTGlua1ZhcmlhdGlvbnMsXG4gIExpbmtUZXh0U2l6ZSxcbiAgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcyxcbiAgQXNQcm9wLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7IGluZm9ybURlcHJlY2F0aW9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9pbmZvcm1EZXByZWNhdGlvblwiO1xuXG50eXBlIExpbmtQcm9wcyA9IHtcbiAgc2l6ZT86IExpbmtUZXh0U2l6ZTtcbiAgd2VpZ2h0PzogXCJub3JtYWxcIiB8IFwiYm9sZFwiIHwgXCJpbmhlcml0XCI7XG4gIHZhcmlhbnQ/OiBMaW5rVmFyaWF0aW9ucztcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPExpbmtQcm9wcz4gJiBBc1Byb3A8XCJhXCI+ID0ge1xuICB2YXJpYW50OiBcInNlY29uZGFyeVwiLFxuICBhczogXCJhXCIsXG59O1xuXG5jb25zdCBoYW5kbGVIb3ZlciA9ICh0aGVtZTogVGhlbWUsIHZhcmlhbnQ6IExpbmtWYXJpYXRpb25zKSA9PiB7XG4gIHN3aXRjaCAodmFyaWFudCkge1xuICAgIGNhc2UgXCJwcmltYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGluay5wcmltYXJ5SG92ZXI7XG4gICAgY2FzZSBcInRlcnRpYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGluay50ZXJ0aWFyeUhvdmVyO1xuICAgIGNhc2UgXCJzZWNvbmRhcnlcIjpcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lmxpbmsuc2Vjb25kYXJ5SG92ZXI7XG4gIH1cbn07XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYTxQYXJ0aWFsPExpbmtQcm9wcz4+KFxuICAoeyB0aGVtZSwgd2VpZ2h0LCB2YXJpYW50LCBzaXplIH0pID0+ICh7XG4gICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGlua1t2YXJpYW50XSxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiBoYW5kbGVIb3Zlcih0aGVtZSwgdmFyaWFudCksXG4gICAgfSxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5saW5rW3NpemVdLFxuICAgIFwiZm9udC13ZWlnaHRcIjogU3RyaW5nKHRoZW1lLnZhcmlhYmxlcy53ZWlnaHRbd2VpZ2h0XSksXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5saW5rW3NpemVdLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGluazxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImFcIj4oe1xuICBjaGlsZHJlbixcbiAgc2l6ZSxcbiAgd2VpZ2h0LFxuICB2YXJpYW50LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4ucmVzdFxufTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wczxDLCBMaW5rUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKHZhcmlhbnQgPT09IChcImxpZ2h0LXByaW1hcnlcIiBhcyBMaW5rVmFyaWF0aW9ucykpIHtcbiAgICBpbmZvcm1EZXByZWNhdGlvbihcbiAgICAgIHZhcmlhbnQsXG4gICAgICBcImxpZ2h0LXByaW1hcnlcIixcbiAgICAgIFwiTGluayBjb21wb25lbnRcIixcbiAgICAgIFwiUGxlYXNlIGNvbnNpZGVyIHVzaW5nIFN1YlRoZW1lUHJvdmlkZXIuIFxcbiBEZWxldGUgYWxsIG1lbnRpb25zIG9mIGxpZ2h0LXByaW1hcnkgaW4gRFMgYWZ0ZXIuXCJcbiAgICApO1xuICB9XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZExpbmtcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkTGluaz5cbiAgKTtcbn1cblxuTGluay5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+function Link(_ref2) {
+  let {
+    children,
+    size,
+    weight,
+    variant,
+    "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,
+    variant: variant,
+    size: size,
+    weight: weight
+  }, rest), children);
+}
+Link.defaultProps = defaultProps;
+
+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 } from \"@emotion/react\";\nimport {\n  LinkVariations,\n  LinkTextSize,\n  PolymorphicComponentProps,\n  AsProp,\n} from \"../../types\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\n\ntype LinkProps = {\n  size?: LinkTextSize;\n  weight?: \"normal\" | \"bold\" | \"inherit\";\n  variant?: LinkVariations;\n  onClick?: () => void;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<LinkProps> & AsProp<\"a\"> = {\n  variant: \"secondary\",\n  as: \"a\",\n};\n\nconst handleHover = (theme: Theme, variant: LinkVariations) => {\n  switch (variant) {\n    case \"primary\":\n      return theme.values.color.text.link.primaryHover;\n    case \"tertiary\":\n      return theme.values.color.text.link.tertiaryHover;\n    case \"secondary\":\n    default:\n      return theme.values.color.text.link.secondaryHover;\n  }\n};\n\nconst StyledLink = styled.a<Partial<LinkProps>>(\n  ({ theme, weight, variant, size }) => ({\n    textDecoration: \"underline\",\n    cursor: \"pointer\",\n    color: theme.values.color.text.link[variant],\n    background: \"none\",\n    border: \"none\",\n    padding: 0,\n    \"&:hover\": {\n      color: handleHover(theme, variant),\n    },\n    fontSize: theme.variables.size.font.link[size],\n    \"font-weight\": String(theme.variables.weight[weight]),\n    lineHeight: theme.variables.size.lineHeight.link[size],\n    fontFamily: theme.variables.fontFamily.lato,\n  })\n);\n\nexport function Link<C extends React.ElementType = \"a\">({\n  children,\n  size,\n  weight,\n  variant,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: PolymorphicComponentProps<C, LinkProps>): React.ReactElement {\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      variant={variant}\n      size={size}\n      weight={weight}\n      {...rest}\n    >\n      {children}\n    </StyledLink>\n  );\n}\n\nLink.defaultProps = defaultProps;\n"],"names":["defaultProps","variant","as","handleHover","theme","values","color","text","link","primaryHover","tertiaryHover","secondaryHover","StyledLink","_styled","process","env","NODE_ENV","target","label","_ref","weight","size","textDecoration","cursor","background","border","padding","fontSize","variables","font","String","lineHeight","fontFamily","lato","Link","_ref2","children","dataE2eTestId","rest","informDeprecation","React","createElement","_extends"],"mappings":";;;;;AAsBA,MAAMA,YAA8C,GAAG;AACrDC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,EAAE,EAAE,GAAA;AACN,CAAC,CAAA;AAED,MAAMC,WAAW,GAAGA,CAACC,KAAY,EAAEH,OAAuB,KAAK;AAC7D,EAAA,QAAQA,OAAO;AACb,IAAA,KAAK,SAAS;MACZ,OAAOG,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACC,YAAY,CAAA;AAClD,IAAA,KAAK,UAAU;MACb,OAAOL,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACE,aAAa,CAAA;AACnD,IAAA,KAAK,WAAW,CAAA;AAChB,IAAA;MACE,OAAON,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACG,cAAc,CAAA;AAAC,GAAA;AAEzD,CAAC,CAAA;AAED,MAAMC,UAAU,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,YAAA;AAAA,CAAA,CAAA,CACjBC,IAAA,IAAA;EAAA,IAAC;IAAEf,KAAK;IAAEgB,MAAM;IAAEnB,OAAO;AAAEoB,IAAAA,IAAAA;AAAK,GAAC,GAAAF,IAAA,CAAA;EAAA,OAAM;AACrCG,IAAAA,cAAc,EAAE,WAAW;AAC3BC,IAAAA,MAAM,EAAE,SAAS;AACjBjB,IAAAA,KAAK,EAAEF,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACP,OAAO,CAAC;AAC5CuB,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE;AACTpB,MAAAA,KAAK,EAAEH,WAAW,CAACC,KAAK,EAAEH,OAAO,CAAA;KAClC;AACD0B,IAAAA,QAAQ,EAAEvB,KAAK,CAACwB,SAAS,CAACP,IAAI,CAACQ,IAAI,CAACrB,IAAI,CAACa,IAAI,CAAC;IAC9C,aAAa,EAAES,MAAM,CAAC1B,KAAK,CAACwB,SAAS,CAACR,MAAM,CAACA,MAAM,CAAC,CAAC;AACrDW,IAAAA,UAAU,EAAE3B,KAAK,CAACwB,SAAS,CAACP,IAAI,CAACU,UAAU,CAACvB,IAAI,CAACa,IAAI,CAAC;AACtDW,IAAAA,UAAU,EAAE5B,KAAK,CAACwB,SAAS,CAACI,UAAU,CAACC,IAAAA;GACxC,CAAA;AAAA,CAAC,EAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,i0GAAA,CAAA,CAAA;AAEM,SAASkB,IAAIA,CAAAC,KAAA,EAO4C;EAAA,IAPR;IACtDC,QAAQ;IACRf,IAAI;IACJD,MAAM;IACNnB,OAAO;AACP,IAAA,kBAAkB,EAAEoC,aAAa;IACjC,GAAGC,IAAAA;AACoC,GAAC,GAAAH,KAAA,CAAA;EACxC,IAAIlC,OAAO,KAAM,eAAkC,EAAE;IACnDsC,iBAAiB,CACftC,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,8FAA8F,CAC/F,CAAA;AACH,GAAA;AACA,EAAA,oBACEuC,KAAA,CAAAC,aAAA,CAAC7B,UAAU,EAAA8B,QAAA,CAAA;AACT,IAAA,kBAAA,EAAkBL,aAAc;AAChCpC,IAAAA,OAAO,EAAEA,OAAQ;AACjBoB,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,MAAM,EAAEA,MAAAA;GACJkB,EAAAA,IAAI,CAEPF,EAAAA,QAAQ,CACE,CAAA;AAEjB,CAAA;AAEAF,IAAI,CAAClC,YAAY,GAAGA,YAAY;;;;"}

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

@@ -0,0 +1,37 @@
+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.logo.base
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiJMb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGxvZ28gZnJvbSBcIi4uLy4uLy4uL2J1aWxkLXRva2Vucy9hc3NldHMvbG9nby5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIExvZ29Qcm9wcyA9IHtcbiAgaHJlZjogc3RyaW5nO1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIHJvbGU/OiBzdHJpbmc7XG4gIFwiZGF0YS10ZXN0aWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZExvZ29FbGVtZW50ID0gc3R5bGVkLmEoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5sb2dvLmJhc2UsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBMb2dvKHtcbiAgaHJlZixcbiAgYXJpYUxhYmVsID0gXCJNYWluXCIsXG4gIHJvbGUgPSBcIm5hdmlnYXRpb25cIixcbiAgXCJkYXRhLXRlc3RpZFwiOiBkYXRhVGVzdElkLFxufTogTG9nb1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTG9nb0VsZW1lbnRcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICByb2xlPXtyb2xlfVxuICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3tcbiAgICAgICAgX19odG1sOiBsb2dvW1wiYW1ib3NzLWxvZ29cIl0sXG4gICAgICB9fVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */");
+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
+  });
+}
+
+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.logo.base,\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    />\n  );\n}\n"],"names":["StyledLogoElement","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","values","logo","base","Logo","_ref2","href","ariaLabel","role","dataTestId","React","createElement","dangerouslySetInnerHTML","__html"],"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,IAAAA;GAChC,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yrCAAA,CAAA,CAAA;AAEI,SAASS,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,CAACpB,iBAAiB,EAAA;AAChBe,IAAAA,IAAI,EAAEA,IAAK;AACX,IAAA,YAAA,EAAYC,SAAU;AACtBC,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,uBAAuB,EAAE;MACvBC,MAAM,EAAEX,IAAI,CAAC,aAAa,CAAA;KAC1B;IACF,aAAaO,EAAAA,UAAAA;GACb,CAAA,CAAA;AAEN;;;;"}

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

@@ -0,0 +1,118 @@
+import _styled from '@emotion/styled/base';
+import React, { useState } from 'react';
+import { Icon } from '../Icon/Icon.js';
+
+const StyledMediaContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e18zu6wq2"
+} : {
+  target: "e18zu6wq2",
+  label: "StyledMediaContainer"
+})(_ref => {
+  let {
+    squareByWidth
+  } = _ref;
+  return {
+    position: "relative",
+    backgroundColor: " transparent",
+    overflow: "hidden",
+    border: "none",
+    width: "100%",
+    borderRadius: "inherit",
+    ...(squareByWidth && {
+      paddingTop: "100%"
+    }),
+    ...(!squareByWidth && {
+      height: "100%"
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNxdWFyZUJ5V2lkdGggfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAuLi4oc3F1YXJlQnlXaWR0aCAmJiB7IHBhZGRpbmdUb3A6IFwiMTAwJVwiIH0pLFxuICAgIC4uLighc3F1YXJlQnlXaWR0aCAmJiB7IGhlaWdodDogXCIxMDAlXCIgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVkaWFJdGVtKHtcbiAgc3JjLFxuICB0aXRsZSxcbiAgc3F1YXJlQnlXaWR0aCxcbiAgZml0LFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9PlxuICAgICAgeyFzcmNFcnJvciA/IChcbiAgICAgICAgPFN0eWxlZE1lZGlhIHNyYz17c3JjfSB0aXRsZT17dGl0bGV9IGFsdD17dGl0bGV9IGZpdD17Zml0fSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZENvbnRhaW5lciB0aXRsZT1cIkVycm9yIG5vdCBmb3VuZFwiPlxuICAgICAgICAgIDxJY29uIG5hbWU9XCJpbWFnZS1icm9rZW5cIiB2YXJpYW50PVwidGVydGlhcnlcIiAvPlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRNZWRpYUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFJdGVtLmRlZmF1bHRQcm9wcyA9IHtcbiAgbWVkaWFDb3ZlcjogdHJ1ZSxcbiAgc3F1YXJlQnlXaWR0aDogZmFsc2UsXG4gIGZpdDogXCJjb3ZlclwiLFxufTtcbiJdfQ== */");
+const StyledMedia = /*#__PURE__*/_styled("img", process.env.NODE_ENV === "production" ? {
+  target: "e18zu6wq1"
+} : {
+  target: "e18zu6wq1",
+  label: "StyledMedia"
+})(_ref2 => {
+  let {
+    theme,
+    fit
+  } = _ref2;
+  return {
+    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
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJvQiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNxdWFyZUJ5V2lkdGggfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAuLi4oc3F1YXJlQnlXaWR0aCAmJiB7IHBhZGRpbmdUb3A6IFwiMTAwJVwiIH0pLFxuICAgIC4uLighc3F1YXJlQnlXaWR0aCAmJiB7IGhlaWdodDogXCIxMDAlXCIgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVkaWFJdGVtKHtcbiAgc3JjLFxuICB0aXRsZSxcbiAgc3F1YXJlQnlXaWR0aCxcbiAgZml0LFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9PlxuICAgICAgeyFzcmNFcnJvciA/IChcbiAgICAgICAgPFN0eWxlZE1lZGlhIHNyYz17c3JjfSB0aXRsZT17dGl0bGV9IGFsdD17dGl0bGV9IGZpdD17Zml0fSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZENvbnRhaW5lciB0aXRsZT1cIkVycm9yIG5vdCBmb3VuZFwiPlxuICAgICAgICAgIDxJY29uIG5hbWU9XCJpbWFnZS1icm9rZW5cIiB2YXJpYW50PVwidGVydGlhcnlcIiAvPlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRNZWRpYUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFJdGVtLmRlZmF1bHRQcm9wcyA9IHtcbiAgbWVkaWFDb3ZlcjogdHJ1ZSxcbiAgc3F1YXJlQnlXaWR0aDogZmFsc2UsXG4gIGZpdDogXCJjb3ZlclwiLFxufTtcbiJdfQ== */");
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e18zu6wq0"
+} : {
+  target: "e18zu6wq0",
+  label: "StyledContainer"
+})(_ref3 => {
+  let {
+    theme,
+    squareByWidth
+  } = _ref3;
+  return {
+    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%"
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEN3QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNxdWFyZUJ5V2lkdGggfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAuLi4oc3F1YXJlQnlXaWR0aCAmJiB7IHBhZGRpbmdUb3A6IFwiMTAwJVwiIH0pLFxuICAgIC4uLighc3F1YXJlQnlXaWR0aCAmJiB7IGhlaWdodDogXCIxMDAlXCIgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVkaWFJdGVtKHtcbiAgc3JjLFxuICB0aXRsZSxcbiAgc3F1YXJlQnlXaWR0aCxcbiAgZml0LFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9PlxuICAgICAgeyFzcmNFcnJvciA/IChcbiAgICAgICAgPFN0eWxlZE1lZGlhIHNyYz17c3JjfSB0aXRsZT17dGl0bGV9IGFsdD17dGl0bGV9IGZpdD17Zml0fSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZENvbnRhaW5lciB0aXRsZT1cIkVycm9yIG5vdCBmb3VuZFwiPlxuICAgICAgICAgIDxJY29uIG5hbWU9XCJpbWFnZS1icm9rZW5cIiB2YXJpYW50PVwidGVydGlhcnlcIiAvPlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRNZWRpYUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFJdGVtLmRlZmF1bHRQcm9wcyA9IHtcbiAgbWVkaWFDb3ZlcjogdHJ1ZSxcbiAgc3F1YXJlQnlXaWR0aDogZmFsc2UsXG4gIGZpdDogXCJjb3ZlclwiLFxufTtcbiJdfQ== */");
+function MediaItem(_ref4) {
+  let {
+    src,
+    title,
+    squareByWidth,
+    fit
+  } = _ref4;
+  const [srcError, setSrcError] = useState(false);
+  const image = new Image();
+  image.src = src;
+  image.onerror = () => {
+    if (!srcError) {
+      setSrcError(true);
+    }
+  };
+  return /*#__PURE__*/React.createElement(StyledMediaContainer, {
+    squareByWidth: squareByWidth
+  }, !srcError ? /*#__PURE__*/React.createElement(StyledMedia, {
+    src: src,
+    title: title,
+    alt: title,
+    fit: fit
+  }) : /*#__PURE__*/React.createElement(StyledContainer, {
+    title: "Error not found"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "image-broken",
+    variant: "tertiary"
+  })));
+}
+MediaItem.defaultProps = {
+  mediaCover: true,
+  squareByWidth: false,
+  fit: "cover"
+};
+
+export { MediaItem };
+//# sourceMappingURL=MediaItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaItem.js","sources":["../../../../../src/components/MediaItem/MediaItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"../Icon/Icon\";\n\nexport type MediaItemProps = {\n  src: string;\n  title: string;\n  /** Sets the height of the media to equal the width value making a square <br/>\n   */\n  squareByWidth?: boolean;\n  /** Specify fit of the media background. <br/>\n   * \"contain\" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>\n   * \"cover\" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.\n   */\n  fit: \"cover\" | \"contain\";\n};\n\nconst StyledMediaContainer = styled.div<Partial<MediaItemProps>>(\n  ({ squareByWidth }) => ({\n    position: \"relative\",\n    backgroundColor: \" transparent\",\n    overflow: \"hidden\",\n    border: \"none\",\n    width: \"100%\",\n    borderRadius: \"inherit\",\n    ...(squareByWidth && { paddingTop: \"100%\" }),\n    ...(!squareByWidth && { height: \"100%\" }),\n  })\n);\n\nconst StyledMedia = styled.img<Partial<MediaItemProps>>(({ theme, fit }) => ({\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  display: \"block\",\n  width: \"100%\",\n  height: \"100%\",\n  backgroundPosition: \"center\",\n  objectFit: fit,\n  backgroundRepeat: \"no-repeat\",\n  cursor: \"pointer\",\n  \":global(.isDarkmodeActive) &\": {\n    backgroundColor: theme.values.color.background.layer_1,\n  },\n}));\n\nconst StyledContainer = styled.div<Partial<MediaItemProps>>(\n  ({ theme, squareByWidth }) => ({\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: \"100%\",\n    backgroundColor: theme.values.color.background.button.secondary.hover,\n    ...(squareByWidth && { paddingTop: \"100%\" }),\n    ...(!squareByWidth && { height: \"100%\" }),\n  })\n);\n\nexport function MediaItem({\n  src,\n  title,\n  squareByWidth,\n  fit,\n}: MediaItemProps): React.ReactElement {\n  const [srcError, setSrcError] = useState(false);\n\n  const image = new Image();\n  image.src = src;\n  image.onerror = () => {\n    if (!srcError) {\n      setSrcError(true);\n    }\n  };\n\n  return (\n    <StyledMediaContainer squareByWidth={squareByWidth}>\n      {!srcError ? (\n        <StyledMedia src={src} title={title} alt={title} fit={fit} />\n      ) : (\n        <StyledContainer title=\"Error not found\">\n          <Icon name=\"image-broken\" variant=\"tertiary\" />\n        </StyledContainer>\n      )}\n    </StyledMediaContainer>\n  );\n}\n\nMediaItem.defaultProps = {\n  mediaCover: true,\n  squareByWidth: false,\n  fit: \"cover\",\n};\n"],"names":["StyledMediaContainer","_styled","process","env","NODE_ENV","target","label","_ref","squareByWidth","position","backgroundColor","overflow","border","width","borderRadius","paddingTop","height","StyledMedia","_ref2","theme","fit","top","left","display","backgroundPosition","objectFit","backgroundRepeat","cursor","values","color","background","layer_1","StyledContainer","_ref3","alignItems","justifyContent","button","secondary","hover","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name","variant","defaultProps","mediaCover"],"mappings":"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"}