npm - @amboss/design-system - Versions diffs - 1.7.0 → 1.7.2--canary-ts1 - Mend

@amboss/design-system 1.7.0 → 1.7.2--canary-ts1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (206) hide show

package/build/src/components/Button/Button.js ADDED Viewed

@@ -0,0 +1,242 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { keyframes } from '@emotion/react';
+import { Inline } from '../Inline/Inline.js';
+import { Icon } from '../Icon/Icon.js';
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const StyledButton = _styled("button", process.env.NODE_ENV === "production" ? {
+  target: "ezxnbkm3"
+} : {
+  target: "ezxnbkm3",
+  label: "StyledButton"
+})(_ref => {
+  let {
+    theme,
+    fullWidth,
+    size,
+    squareCorners,
+    variant
+  } = _ref;
+  return {
+    "&[type='button']": {
+      appearance: "none",
+      MozAppearance: "none",
+      WebkitAppearance: "none"
+    },
+    display: "inline-block",
+    border: 0,
+    margin: 0,
+    color: theme.values.color.text.button[variant].base,
+    backgroundColor: theme.values.color.background.button[variant].base,
+    textTransform: "none",
+    textDecoration: "none",
+    borderRadius: theme.variables.size.borderRadius.button.m,
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.button.m,
+    lineHeight: theme.variables.size.lineHeight.button.m,
+    fontWeight: theme.variables.weight.bold,
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: theme.values.color.background.button[variant].hover,
+      color: theme.values.color.text.button[variant].hover
+    },
+    "&:active": {
+      backgroundColor: theme.values.color.background.button[variant].active,
+      color: theme.values.color.text.button[variant].active
+    },
+    "&:disabled": {
+      backgroundColor: theme.values.color.background.button[variant].disabled,
+      color: theme.values.color.text.button[variant].disabled
+    },
+    ...(size === "s" && {
+      padding: `${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`
+    }),
+    ...(size === "m" && {
+      padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`
+    }),
+    ...(size === "l" && {
+      padding: `${theme.variables.size.spacing.m} ${theme.variables.size.spacing.xl}`
+    }),
+    ...(variant === "secondary" && {
+      border: "1px solid",
+      borderColor: theme.values.color.border.button.secondary.base,
+      ":hover": {
+        borderColor: theme.values.color.border.button.secondary.hover
+      },
+      ":active": {
+        borderColor: theme.values.color.border.button.secondary.active
+      },
+      ":disabled": {
+        borderColor: theme.values.color.border.button.secondary.disabled
+      },
+      ...(size === "s" && {
+        padding: `${parseInt(theme.variables.size.spacing.xs, 10) - 1}px ${parseInt(theme.variables.size.spacing.m, 10) - 1}px`
+      }),
+      ...(size === "m" && {
+        padding: `${parseInt(theme.variables.size.spacing.s, 10) - 1}px ${parseInt(theme.variables.size.spacing.l, 10) - 1}px`
+      }),
+      ...(size === "l" && {
+        padding: `${parseInt(theme.variables.size.spacing.m, 10) - 1}px ${parseInt(theme.variables.size.spacing.xl, 10) - 1}px`
+      })
+    }),
+    ...(variant === "tertiary" && {
+      fontSize: theme.variables.size.font.header.xxs,
+      lineHeight: theme.variables.size.lineHeight.header.xxs,
+      letterSpacing: 0.5,
+      textTransform: "uppercase",
+      ...(size === "s" && {
+        padding: theme.variables.size.spacing.xs
+      }),
+      ...(size === "m" && {
+        padding: theme.variables.size.spacing.s
+      }),
+      ...(size === "l" && {
+        padding: theme.variables.size.spacing.m
+      })
+    }),
+    ...(fullWidth && {
+      width: "100%"
+    }),
+    ...(squareCorners && typeof squareCorners === "boolean" ? {
+      borderRadius: 0
+    } : squareCorners && typeof squareCorners !== "boolean" && {
+      ...squareCorners.reduce((prev, actual) => ({
+        ...prev,
+        [`border${actual}Radius`]: 0
+      }), {})
+    }),
+    "&[disabled], &:disabled": {
+      pointerEvents: "none"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXFCIiwiZmlsZSI6IkJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQge1xuICBCYXNlVmFyaWF0aW9ucyxcbiAgQnV0dG9uU2l6ZSxcbiAgSG9yaXpvbnRhbEFsaWdubWVudCxcbiAgVGV4dFZhcmlhdGlvbnMsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFxuICBQYXJ0aWFsPEJ1dHRvblByb3BzPiAmIFBhcnRpYWw8QnV0dG9uUHJpdmF0ZVByb3BzPlxuPigoeyB0aGVtZSwgZnVsbFdpZHRoLCBzaXplLCBzcXVhcmVDb3JuZXJzLCB2YXJpYW50IH0pID0+ICh7XG4gIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gIH0sXG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIGJvcmRlcjogMCxcbiAgbWFyZ2luOiAwLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmJhc2UsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmJhc2UsXG4gIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5idXR0b24ubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b25bdmFyaWFudF0uaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmFjdGl2ZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmFjdGl2ZSxcbiAgfSxcbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5kaXNhYmxlZCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmRpc2FibGVkLFxuICB9LFxuICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gIH0pLFxuICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9YCxcbiAgfSksXG4gIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGx9YCxcbiAgfSksXG4gIC4uLih2YXJpYW50ID09PSBcInNlY29uZGFyeVwiICYmIHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgfSxcbiAgICBcIjphY3RpdmVcIjoge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgfSxcbiAgICBcIjpkaXNhYmxlZFwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmRpc2FibGVkLFxuICAgIH0sXG4gICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgIHBhZGRpbmc6IGAke3BhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDF9cHggJHtcbiAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSAxXG4gICAgICB9cHhgLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIm1cIiAmJiB7XG4gICAgICBwYWRkaW5nOiBgJHtwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsIDEwKSAtIDF9cHggJHtcbiAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLCAxMCkgLSAxXG4gICAgICB9cHhgLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICBwYWRkaW5nOiBgJHtwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIDF9cHggJHtcbiAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCwgMTApIC0gMVxuICAgICAgfXB4YCxcbiAgICB9KSxcbiAgfSksXG4gIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54eHMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICAgIGxldHRlclNwYWNpbmc6IDAuNSxcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIm1cIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibFwiICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICB9KSxcbiAgfSksXG4gIC4uLihmdWxsV2lkdGggJiYge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgfSksXG4gIC4uLihzcXVhcmVDb3JuZXJzICYmIHR5cGVvZiBzcXVhcmVDb3JuZXJzID09PSBcImJvb2xlYW5cIlxuICAgID8ge1xuICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICB9XG4gICAgOiBzcXVhcmVDb3JuZXJzICYmXG4gICAgICB0eXBlb2Ygc3F1YXJlQ29ybmVycyAhPT0gXCJib29sZWFuXCIgJiYge1xuICAgICAgICAuLi5zcXVhcmVDb3JuZXJzLnJlZHVjZShcbiAgICAgICAgICAocHJldiwgYWN0dWFsOiBzdHJpbmcpID0+ICh7XG4gICAgICAgICAgICAuLi5wcmV2LFxuICAgICAgICAgICAgW2Bib3JkZXIke2FjdHVhbH1SYWRpdXNgXTogMCxcbiAgICAgICAgICB9KSxcbiAgICAgICAgICB7fVxuICAgICAgICApLFxuICAgICAgfSksXG5cbiAgXCImW2Rpc2FibGVkXSwgJjpkaXNhYmxlZFwiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbi8vIG9wdGVkIGluIGZvciB0aGlzIGhhY2t5IHNvbHV0aW9uIGJlY2F1c2UgZW1vdGlvbi5qc1xuLy8gZG9lc24ndCBzdXBwb3J0IHRyYW5zaWVudCBwcm9wcyB5ZXQuIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzIxOTNcbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc6IG51bWJlciB9PihcbiAgKHsgbG9hZGluZyB9KSA9PlxuICAgIGxvYWRpbmcgJiYge1xuICAgICAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9XG4pO1xuXG5jb25zdCBTdHlsZWRMb2FkZXJXcmFwID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogXCIwXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pKTtcblxuY29uc3Qgcm90YXRpb24gPSBrZXlmcmFtZXMoe1xuICBmcm9tOiB7XG4gICAgdHJhbnNmb3JtOiBcInJvdGF0ZSgwZGVnKVwiLFxuICB9LFxuICB0bzoge1xuICAgIHRyYW5zZm9ybTogXCJyb3RhdGUoMzYwZGVnKVwiLFxuICB9LFxufSk7XG5cbmNvbnN0IFN0eWxlZExvYWRlciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgYW5pbWF0aW9uOiBgJHtyb3RhdGlvbn0gMXMgaW5maW5pdGUgbGluZWFyYCxcbn0pKTtcblxudHlwZSBCdXR0b25Qcml2YXRlUHJvcHMgPSB7XG4gIHNxdWFyZUNvcm5lcnM/OlxuICAgIHwgYm9vbGVhblxuICAgIHwgKFwiVG9wTGVmdFwiIHwgXCJUb3BSaWdodFwiIHwgXCJCb3R0b21MZWZ0XCIgfCBcIkJvdHRvbVJpZ2h0XCIpW107XG4gIGFsaWduSXRlbXM/OiBIb3Jpem9udGFsQWxpZ25tZW50O1xuICByaWdodEljb25WYXJpYW50PzogVGV4dFZhcmlhdGlvbnM7XG59O1xuXG5leHBvcnQgdHlwZSBCdXR0b25Qcm9wcyA9IFJlY29yZDxzdHJpbmcsIHVua25vd24+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdmFyaWFudD86IEJhc2VWYXJpYXRpb25zO1xuICBzaXplPzogQnV0dG9uU2l6ZTtcbiAgLyoqIFR5cGUgaXMgaWdub3JlZCBpZiBcImFcIiBpcyBwcm92aWRlZCB0byBcImFzXCIgcHJvcGVydHkuIE5vdGUgdGhhdCB5b3UgY2FuIGV4cGxpY2V0bHkgcGFzcyBudWxsLiAqL1xuICB0eXBlPzogXCJzdWJtaXRcIiB8IFwiYnV0dG9uXCIgfCBcInJlc2V0XCIgfCBudWxsO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBXaGVuIGxvYWRpbmcgaXMgdHJ1ZSwgZGlzYWJsZWQgaXMgc2V0IHRvIHRydWUgYXMgd2VsbC4gKi9cbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgYXM/OiBcImFcIiB8IFwiYnV0dG9uXCIgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICBsZWZ0SWNvbj86IEljb25OYW1lO1xuICByaWdodEljb24/OiBJY29uTmFtZTtcbiAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgcHJpdmF0ZVByb3BzPzogQnV0dG9uUHJpdmF0ZVByb3BzO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEFkZGl0aW9uYWwgYXJpYSBhdHRyaWJ1dGVzLiBbc2VlIGRvY3VtZW50YXRpb25dKGh0dHBzOi8vZ2l0aHViLmNvbS9EZWZpbml0ZWx5VHlwZWQvRGVmaW5pdGVseVR5cGVkL2Jsb2IvMDI1NDljMDgzZTlkNjJiNjA0MDkxZDc3MGM0NTY4ZDQ3MjgyY2RkMC90eXBlcy9yZWFjdC9pbmRleC5kLnRzI0wxNDYxKVxuICAgKi9cbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxCdXR0b25Qcm9wcz4gPSB7XG4gIHR5cGU6IFwiYnV0dG9uXCIsXG4gIHZhcmlhbnQ6IFwicHJpbWFyeVwiLFxuICBzaXplOiBcIm1cIixcbiAgZGlzYWJsZWQ6IGZhbHNlLFxuICBsb2FkaW5nOiBmYWxzZSxcbiAgYXM6IFwiYnV0dG9uXCIsXG4gIGZ1bGxXaWR0aDogZmFsc2UsXG4gIHByaXZhdGVQcm9wczoge1xuICAgIHNxdWFyZUNvcm5lcnM6IGZhbHNlLFxuICB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIEJ1dHRvbih7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBhcmlhQXR0cmlidXRlcyxcbiAgYXMsXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCxcbiAgZnVsbFdpZHRoLFxuICBsZWZ0SWNvbixcbiAgbG9hZGluZyxcbiAgb25CbHVyLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICBwcml2YXRlUHJvcHM6IHsgc3F1YXJlQ29ybmVycywgYWxpZ25JdGVtcywgcmlnaHRJY29uVmFyaWFudCB9LFxuICByaWdodEljb24sXG4gIHNpemUsXG4gIHR5cGUsXG4gIHZhcmlhbnQsXG4gIC4uLnJlc3Rcbn06IEJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvYWRpbmd9XG4gICAgICB0eXBlPXthcyA9PT0gXCJhXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgZnVsbFdpZHRoPXtmdWxsV2lkdGh9XG4gICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgYXJpYS1sYWJlbD17bGVmdEljb24gfHwgcmlnaHRJY29ufVxuICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2xvYWRpbmcgJiYgKFxuICAgICAgICA8U3R5bGVkTG9hZGVyV3JhcD5cbiAgICAgICAgICA8U3R5bGVkTG9hZGVyPlxuICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICBuYW1lPVwibG9hZGVyXCJcbiAgICAgICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJsb2FkZXJcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1N0eWxlZExvYWRlcj5cbiAgICAgICAgPC9TdHlsZWRMb2FkZXJXcmFwPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJbm5lciBsb2FkaW5nPXtsb2FkaW5nID8gMSA6IDB9PlxuICAgICAgICA8SW5saW5lXG4gICAgICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXMgfHwgXCJjZW50ZXJcIn1cbiAgICAgICAgICBzcGFjZT1cInh4c1wiXG4gICAgICAgICAgbm9XcmFwXG4gICAgICAgID5cbiAgICAgICAgICB7bGVmdEljb24gJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtsZWZ0SWNvbn0gLz59XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtyaWdodEljb24gJiYgKFxuICAgICAgICAgICAgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtyaWdodEljb259IHZhcmlhbnQ9e3JpZ2h0SWNvblZhcmlhbnR9IC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZElubmVyPlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufVxuXG5CdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+// opted in for this hacky solution because emotion.js
+// doesn't support transient props yet. https://github.com/emotion-js/emotion/issues/2193
+const StyledInner = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ezxnbkm2"
+} : {
+  target: "ezxnbkm2",
+  label: "StyledInner"
+})(_ref2 => {
+  let {
+    loading
+  } = _ref2;
+  return loading && {
+    color: "transparent"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkhvQiIsImZpbGUiOiJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHtcbiAgQmFzZVZhcmlhdGlvbnMsXG4gIEJ1dHRvblNpemUsXG4gIEhvcml6b250YWxBbGlnbm1lbnQsXG4gIFRleHRWYXJpYXRpb25zLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxcbiAgUGFydGlhbDxCdXR0b25Qcm9wcz4gJiBQYXJ0aWFsPEJ1dHRvblByaXZhdGVQcm9wcz5cbj4oKHsgdGhlbWUsIGZ1bGxXaWR0aCwgc2l6ZSwgc3F1YXJlQ29ybmVycywgdmFyaWFudCB9KSA9PiAoe1xuICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICB9LFxuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBib3JkZXI6IDAsXG4gIG1hcmdpbjogMCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICB9LFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uZGlzYWJsZWQsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5kaXNhYmxlZCxcbiAgfSxcbiAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICB9KSxcbiAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gIH0pLFxuICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfWAsXG4gIH0pLFxuICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBcIjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmhvdmVyLFxuICAgIH0sXG4gICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlLFxuICAgIH0sXG4gICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5kaXNhYmxlZCxcbiAgICB9LFxuICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICBwYWRkaW5nOiBgJHtwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSwgMTApIC0gMVxuICAgICAgfXB4YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCwgMTApIC0gMVxuICAgICAgfXB4YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsIDEwKSAtIDFcbiAgICAgIH1weGAsXG4gICAgfSksXG4gIH0pLFxuICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHhzLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgICBsZXR0ZXJTcGFjaW5nOiAwLjUsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgfSksXG4gIH0pLFxuICAuLi4oZnVsbFdpZHRoICYmIHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0pLFxuICAuLi4oc3F1YXJlQ29ybmVycyAmJiB0eXBlb2Ygc3F1YXJlQ29ybmVycyA9PT0gXCJib29sZWFuXCJcbiAgICA/IHtcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgfVxuICAgIDogc3F1YXJlQ29ybmVycyAmJlxuICAgICAgdHlwZW9mIHNxdWFyZUNvcm5lcnMgIT09IFwiYm9vbGVhblwiICYmIHtcbiAgICAgICAgLi4uc3F1YXJlQ29ybmVycy5yZWR1Y2UoXG4gICAgICAgICAgKHByZXYsIGFjdHVhbDogc3RyaW5nKSA9PiAoe1xuICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgIFtgYm9yZGVyJHthY3R1YWx9UmFkaXVzYF06IDAsXG4gICAgICAgICAgfSksXG4gICAgICAgICAge31cbiAgICAgICAgKSxcbiAgICAgIH0pLFxuXG4gIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG4vLyBvcHRlZCBpbiBmb3IgdGhpcyBoYWNreSBzb2x1dGlvbiBiZWNhdXNlIGVtb3Rpb24uanNcbi8vIGRvZXNuJ3Qgc3VwcG9ydCB0cmFuc2llbnQgcHJvcHMgeWV0LiBodHRwczovL2dpdGh1Yi5jb20vZW1vdGlvbi1qcy9lbW90aW9uL2lzc3Vlcy8yMTkzXG5jb25zdCBTdHlsZWRJbm5lciA9IHN0eWxlZC5kaXY8eyBsb2FkaW5nOiBudW1iZXIgfT4oXG4gICh7IGxvYWRpbmcgfSkgPT5cbiAgICBsb2FkaW5nICYmIHtcbiAgICAgIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgfVxuKTtcblxuY29uc3QgU3R5bGVkTG9hZGVyV3JhcCA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IFwiMFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KSk7XG5cbmNvbnN0IHJvdGF0aW9uID0ga2V5ZnJhbWVzKHtcbiAgZnJvbToge1xuICAgIHRyYW5zZm9ybTogXCJyb3RhdGUoMGRlZylcIixcbiAgfSxcbiAgdG86IHtcbiAgICB0cmFuc2Zvcm06IFwicm90YXRlKDM2MGRlZylcIixcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRMb2FkZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGFuaW1hdGlvbjogYCR7cm90YXRpb259IDFzIGluZmluaXRlIGxpbmVhcmAsXG59KSk7XG5cbnR5cGUgQnV0dG9uUHJpdmF0ZVByb3BzID0ge1xuICBzcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xuICBhbGlnbkl0ZW1zPzogSG9yaXpvbnRhbEFsaWdubWVudDtcbiAgcmlnaHRJY29uVmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xufTtcblxuZXhwb3J0IHR5cGUgQnV0dG9uUHJvcHMgPSBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIHZhcmlhbnQ/OiBCYXNlVmFyaWF0aW9ucztcbiAgc2l6ZT86IEJ1dHRvblNpemU7XG4gIC8qKiBUeXBlIGlzIGlnbm9yZWQgaWYgXCJhXCIgaXMgcHJvdmlkZWQgdG8gXCJhc1wiIHByb3BlcnR5LiBOb3RlIHRoYXQgeW91IGNhbiBleHBsaWNldGx5IHBhc3MgbnVsbC4gKi9cbiAgdHlwZT86IFwic3VibWl0XCIgfCBcImJ1dHRvblwiIHwgXCJyZXNldFwiIHwgbnVsbDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogV2hlbiBsb2FkaW5nIGlzIHRydWUsIGRpc2FibGVkIGlzIHNldCB0byB0cnVlIGFzIHdlbGwuICovXG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuQ29tcG9uZW50VHlwZTtcbiAgbGVmdEljb24/OiBJY29uTmFtZTtcbiAgcmlnaHRJY29uPzogSWNvbk5hbWU7XG4gIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gIHByaXZhdGVQcm9wcz86IEJ1dHRvblByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRpdGlvbmFsIGFyaWEgYXR0cmlidXRlcy4gW3NlZSBkb2N1bWVudGF0aW9uXShodHRwczovL2dpdGh1Yi5jb20vRGVmaW5pdGVseVR5cGVkL0RlZmluaXRlbHlUeXBlZC9ibG9iLzAyNTQ5YzA4M2U5ZDYyYjYwNDA5MWQ3NzBjNDU2OGQ0NzI4MmNkZDAvdHlwZXMvcmVhY3QvaW5kZXguZC50cyNMMTQ2MSlcbiAgICovXG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8QnV0dG9uUHJvcHM+ID0ge1xuICB0eXBlOiBcImJ1dHRvblwiLFxuICB2YXJpYW50OiBcInByaW1hcnlcIixcbiAgc2l6ZTogXCJtXCIsXG4gIGRpc2FibGVkOiBmYWxzZSxcbiAgbG9hZGluZzogZmFsc2UsXG4gIGFzOiBcImJ1dHRvblwiLFxuICBmdWxsV2lkdGg6IGZhbHNlLFxuICBwcml2YXRlUHJvcHM6IHtcbiAgICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b24oe1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgYXJpYUF0dHJpYnV0ZXMsXG4gIGFzLFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQsXG4gIGZ1bGxXaWR0aCxcbiAgbGVmdEljb24sXG4gIGxvYWRpbmcsXG4gIG9uQmx1cixcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgcHJpdmF0ZVByb3BzOiB7IHNxdWFyZUNvcm5lcnMsIGFsaWduSXRlbXMsIHJpZ2h0SWNvblZhcmlhbnQgfSxcbiAgcmlnaHRJY29uLFxuICBzaXplLFxuICB0eXBlLFxuICB2YXJpYW50LFxuICAuLi5yZXN0XG59OiBCdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGFzPXthc31cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBsb2FkaW5nfVxuICAgICAgdHlwZT17YXMgPT09IFwiYVwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgIGZ1bGxXaWR0aD17ZnVsbFdpZHRofVxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgb25DbGljayhlKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIGFyaWEtbGFiZWw9e2xlZnRJY29uIHx8IHJpZ2h0SWNvbn1cbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtsb2FkaW5nICYmIChcbiAgICAgICAgPFN0eWxlZExvYWRlcldyYXA+XG4gICAgICAgICAgPFN0eWxlZExvYWRlcj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgbmFtZT1cImxvYWRlclwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibG9hZGVyXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRMb2FkZXI+XG4gICAgICAgIDwvU3R5bGVkTG9hZGVyV3JhcD5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSW5uZXIgbG9hZGluZz17bG9hZGluZyA/IDEgOiAwfT5cbiAgICAgICAgPElubGluZVxuICAgICAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zIHx8IFwiY2VudGVyXCJ9XG4gICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgIG5vV3JhcFxuICAgICAgICA+XG4gICAgICAgICAge2xlZnRJY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17bGVmdEljb259IC8+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICB7cmlnaHRJY29uICYmIChcbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17cmlnaHRJY29ufSB2YXJpYW50PXtyaWdodEljb25WYXJpYW50fSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn1cblxuQnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+const StyledLoaderWrap = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ezxnbkm1"
+} : {
+  target: "ezxnbkm1",
+  label: "StyledLoaderWrap"
+})(() => ({
+  position: "relative",
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: "0",
+  display: "flex",
+  justifyContent: "center"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0l5QiIsImZpbGUiOiJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHtcbiAgQmFzZVZhcmlhdGlvbnMsXG4gIEJ1dHRvblNpemUsXG4gIEhvcml6b250YWxBbGlnbm1lbnQsXG4gIFRleHRWYXJpYXRpb25zLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxcbiAgUGFydGlhbDxCdXR0b25Qcm9wcz4gJiBQYXJ0aWFsPEJ1dHRvblByaXZhdGVQcm9wcz5cbj4oKHsgdGhlbWUsIGZ1bGxXaWR0aCwgc2l6ZSwgc3F1YXJlQ29ybmVycywgdmFyaWFudCB9KSA9PiAoe1xuICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICB9LFxuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBib3JkZXI6IDAsXG4gIG1hcmdpbjogMCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICB9LFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uZGlzYWJsZWQsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5kaXNhYmxlZCxcbiAgfSxcbiAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICB9KSxcbiAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gIH0pLFxuICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfWAsXG4gIH0pLFxuICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBcIjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmhvdmVyLFxuICAgIH0sXG4gICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlLFxuICAgIH0sXG4gICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5kaXNhYmxlZCxcbiAgICB9LFxuICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICBwYWRkaW5nOiBgJHtwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSwgMTApIC0gMVxuICAgICAgfXB4YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCwgMTApIC0gMVxuICAgICAgfXB4YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsIDEwKSAtIDFcbiAgICAgIH1weGAsXG4gICAgfSksXG4gIH0pLFxuICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHhzLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgICBsZXR0ZXJTcGFjaW5nOiAwLjUsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgfSksXG4gIH0pLFxuICAuLi4oZnVsbFdpZHRoICYmIHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0pLFxuICAuLi4oc3F1YXJlQ29ybmVycyAmJiB0eXBlb2Ygc3F1YXJlQ29ybmVycyA9PT0gXCJib29sZWFuXCJcbiAgICA/IHtcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgfVxuICAgIDogc3F1YXJlQ29ybmVycyAmJlxuICAgICAgdHlwZW9mIHNxdWFyZUNvcm5lcnMgIT09IFwiYm9vbGVhblwiICYmIHtcbiAgICAgICAgLi4uc3F1YXJlQ29ybmVycy5yZWR1Y2UoXG4gICAgICAgICAgKHByZXYsIGFjdHVhbDogc3RyaW5nKSA9PiAoe1xuICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgIFtgYm9yZGVyJHthY3R1YWx9UmFkaXVzYF06IDAsXG4gICAgICAgICAgfSksXG4gICAgICAgICAge31cbiAgICAgICAgKSxcbiAgICAgIH0pLFxuXG4gIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG4vLyBvcHRlZCBpbiBmb3IgdGhpcyBoYWNreSBzb2x1dGlvbiBiZWNhdXNlIGVtb3Rpb24uanNcbi8vIGRvZXNuJ3Qgc3VwcG9ydCB0cmFuc2llbnQgcHJvcHMgeWV0LiBodHRwczovL2dpdGh1Yi5jb20vZW1vdGlvbi1qcy9lbW90aW9uL2lzc3Vlcy8yMTkzXG5jb25zdCBTdHlsZWRJbm5lciA9IHN0eWxlZC5kaXY8eyBsb2FkaW5nOiBudW1iZXIgfT4oXG4gICh7IGxvYWRpbmcgfSkgPT5cbiAgICBsb2FkaW5nICYmIHtcbiAgICAgIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgfVxuKTtcblxuY29uc3QgU3R5bGVkTG9hZGVyV3JhcCA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IFwiMFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KSk7XG5cbmNvbnN0IHJvdGF0aW9uID0ga2V5ZnJhbWVzKHtcbiAgZnJvbToge1xuICAgIHRyYW5zZm9ybTogXCJyb3RhdGUoMGRlZylcIixcbiAgfSxcbiAgdG86IHtcbiAgICB0cmFuc2Zvcm06IFwicm90YXRlKDM2MGRlZylcIixcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRMb2FkZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGFuaW1hdGlvbjogYCR7cm90YXRpb259IDFzIGluZmluaXRlIGxpbmVhcmAsXG59KSk7XG5cbnR5cGUgQnV0dG9uUHJpdmF0ZVByb3BzID0ge1xuICBzcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xuICBhbGlnbkl0ZW1zPzogSG9yaXpvbnRhbEFsaWdubWVudDtcbiAgcmlnaHRJY29uVmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xufTtcblxuZXhwb3J0IHR5cGUgQnV0dG9uUHJvcHMgPSBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIHZhcmlhbnQ/OiBCYXNlVmFyaWF0aW9ucztcbiAgc2l6ZT86IEJ1dHRvblNpemU7XG4gIC8qKiBUeXBlIGlzIGlnbm9yZWQgaWYgXCJhXCIgaXMgcHJvdmlkZWQgdG8gXCJhc1wiIHByb3BlcnR5LiBOb3RlIHRoYXQgeW91IGNhbiBleHBsaWNldGx5IHBhc3MgbnVsbC4gKi9cbiAgdHlwZT86IFwic3VibWl0XCIgfCBcImJ1dHRvblwiIHwgXCJyZXNldFwiIHwgbnVsbDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogV2hlbiBsb2FkaW5nIGlzIHRydWUsIGRpc2FibGVkIGlzIHNldCB0byB0cnVlIGFzIHdlbGwuICovXG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuQ29tcG9uZW50VHlwZTtcbiAgbGVmdEljb24/OiBJY29uTmFtZTtcbiAgcmlnaHRJY29uPzogSWNvbk5hbWU7XG4gIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gIHByaXZhdGVQcm9wcz86IEJ1dHRvblByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRpdGlvbmFsIGFyaWEgYXR0cmlidXRlcy4gW3NlZSBkb2N1bWVudGF0aW9uXShodHRwczovL2dpdGh1Yi5jb20vRGVmaW5pdGVseVR5cGVkL0RlZmluaXRlbHlUeXBlZC9ibG9iLzAyNTQ5YzA4M2U5ZDYyYjYwNDA5MWQ3NzBjNDU2OGQ0NzI4MmNkZDAvdHlwZXMvcmVhY3QvaW5kZXguZC50cyNMMTQ2MSlcbiAgICovXG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8QnV0dG9uUHJvcHM+ID0ge1xuICB0eXBlOiBcImJ1dHRvblwiLFxuICB2YXJpYW50OiBcInByaW1hcnlcIixcbiAgc2l6ZTogXCJtXCIsXG4gIGRpc2FibGVkOiBmYWxzZSxcbiAgbG9hZGluZzogZmFsc2UsXG4gIGFzOiBcImJ1dHRvblwiLFxuICBmdWxsV2lkdGg6IGZhbHNlLFxuICBwcml2YXRlUHJvcHM6IHtcbiAgICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b24oe1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgYXJpYUF0dHJpYnV0ZXMsXG4gIGFzLFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQsXG4gIGZ1bGxXaWR0aCxcbiAgbGVmdEljb24sXG4gIGxvYWRpbmcsXG4gIG9uQmx1cixcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgcHJpdmF0ZVByb3BzOiB7IHNxdWFyZUNvcm5lcnMsIGFsaWduSXRlbXMsIHJpZ2h0SWNvblZhcmlhbnQgfSxcbiAgcmlnaHRJY29uLFxuICBzaXplLFxuICB0eXBlLFxuICB2YXJpYW50LFxuICAuLi5yZXN0XG59OiBCdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGFzPXthc31cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBsb2FkaW5nfVxuICAgICAgdHlwZT17YXMgPT09IFwiYVwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgIGZ1bGxXaWR0aD17ZnVsbFdpZHRofVxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgb25DbGljayhlKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIGFyaWEtbGFiZWw9e2xlZnRJY29uIHx8IHJpZ2h0SWNvbn1cbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtsb2FkaW5nICYmIChcbiAgICAgICAgPFN0eWxlZExvYWRlcldyYXA+XG4gICAgICAgICAgPFN0eWxlZExvYWRlcj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgbmFtZT1cImxvYWRlclwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibG9hZGVyXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRMb2FkZXI+XG4gICAgICAgIDwvU3R5bGVkTG9hZGVyV3JhcD5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSW5uZXIgbG9hZGluZz17bG9hZGluZyA/IDEgOiAwfT5cbiAgICAgICAgPElubGluZVxuICAgICAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zIHx8IFwiY2VudGVyXCJ9XG4gICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgIG5vV3JhcFxuICAgICAgICA+XG4gICAgICAgICAge2xlZnRJY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17bGVmdEljb259IC8+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICB7cmlnaHRJY29uICYmIChcbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17cmlnaHRJY29ufSB2YXJpYW50PXtyaWdodEljb25WYXJpYW50fSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn1cblxuQnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+const rotation = keyframes({
+  from: {
+    transform: "rotate(0deg)"
+  },
+  to: {
+    transform: "rotate(360deg)"
+  }
+});
+const StyledLoader = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ezxnbkm0"
+} : {
+  target: "ezxnbkm0",
+  label: "StyledLoader"
+})(() => ({
+  position: "absolute",
+  animation: `${rotation} 1s infinite linear`
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUpxQiIsImZpbGUiOiJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHtcbiAgQmFzZVZhcmlhdGlvbnMsXG4gIEJ1dHRvblNpemUsXG4gIEhvcml6b250YWxBbGlnbm1lbnQsXG4gIFRleHRWYXJpYXRpb25zLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxcbiAgUGFydGlhbDxCdXR0b25Qcm9wcz4gJiBQYXJ0aWFsPEJ1dHRvblByaXZhdGVQcm9wcz5cbj4oKHsgdGhlbWUsIGZ1bGxXaWR0aCwgc2l6ZSwgc3F1YXJlQ29ybmVycywgdmFyaWFudCB9KSA9PiAoe1xuICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICB9LFxuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBib3JkZXI6IDAsXG4gIG1hcmdpbjogMCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICB9LFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uZGlzYWJsZWQsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5kaXNhYmxlZCxcbiAgfSxcbiAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICB9KSxcbiAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gIH0pLFxuICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfWAsXG4gIH0pLFxuICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBcIjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmhvdmVyLFxuICAgIH0sXG4gICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlLFxuICAgIH0sXG4gICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5kaXNhYmxlZCxcbiAgICB9LFxuICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICBwYWRkaW5nOiBgJHtwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSwgMTApIC0gMVxuICAgICAgfXB4YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCwgMTApIC0gMVxuICAgICAgfXB4YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsIDEwKSAtIDFcbiAgICAgIH1weGAsXG4gICAgfSksXG4gIH0pLFxuICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHhzLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgICBsZXR0ZXJTcGFjaW5nOiAwLjUsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgfSksXG4gIH0pLFxuICAuLi4oZnVsbFdpZHRoICYmIHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0pLFxuICAuLi4oc3F1YXJlQ29ybmVycyAmJiB0eXBlb2Ygc3F1YXJlQ29ybmVycyA9PT0gXCJib29sZWFuXCJcbiAgICA/IHtcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgfVxuICAgIDogc3F1YXJlQ29ybmVycyAmJlxuICAgICAgdHlwZW9mIHNxdWFyZUNvcm5lcnMgIT09IFwiYm9vbGVhblwiICYmIHtcbiAgICAgICAgLi4uc3F1YXJlQ29ybmVycy5yZWR1Y2UoXG4gICAgICAgICAgKHByZXYsIGFjdHVhbDogc3RyaW5nKSA9PiAoe1xuICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgIFtgYm9yZGVyJHthY3R1YWx9UmFkaXVzYF06IDAsXG4gICAgICAgICAgfSksXG4gICAgICAgICAge31cbiAgICAgICAgKSxcbiAgICAgIH0pLFxuXG4gIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG4vLyBvcHRlZCBpbiBmb3IgdGhpcyBoYWNreSBzb2x1dGlvbiBiZWNhdXNlIGVtb3Rpb24uanNcbi8vIGRvZXNuJ3Qgc3VwcG9ydCB0cmFuc2llbnQgcHJvcHMgeWV0LiBodHRwczovL2dpdGh1Yi5jb20vZW1vdGlvbi1qcy9lbW90aW9uL2lzc3Vlcy8yMTkzXG5jb25zdCBTdHlsZWRJbm5lciA9IHN0eWxlZC5kaXY8eyBsb2FkaW5nOiBudW1iZXIgfT4oXG4gICh7IGxvYWRpbmcgfSkgPT5cbiAgICBsb2FkaW5nICYmIHtcbiAgICAgIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgfVxuKTtcblxuY29uc3QgU3R5bGVkTG9hZGVyV3JhcCA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IFwiMFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KSk7XG5cbmNvbnN0IHJvdGF0aW9uID0ga2V5ZnJhbWVzKHtcbiAgZnJvbToge1xuICAgIHRyYW5zZm9ybTogXCJyb3RhdGUoMGRlZylcIixcbiAgfSxcbiAgdG86IHtcbiAgICB0cmFuc2Zvcm06IFwicm90YXRlKDM2MGRlZylcIixcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRMb2FkZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGFuaW1hdGlvbjogYCR7cm90YXRpb259IDFzIGluZmluaXRlIGxpbmVhcmAsXG59KSk7XG5cbnR5cGUgQnV0dG9uUHJpdmF0ZVByb3BzID0ge1xuICBzcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xuICBhbGlnbkl0ZW1zPzogSG9yaXpvbnRhbEFsaWdubWVudDtcbiAgcmlnaHRJY29uVmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xufTtcblxuZXhwb3J0IHR5cGUgQnV0dG9uUHJvcHMgPSBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIHZhcmlhbnQ/OiBCYXNlVmFyaWF0aW9ucztcbiAgc2l6ZT86IEJ1dHRvblNpemU7XG4gIC8qKiBUeXBlIGlzIGlnbm9yZWQgaWYgXCJhXCIgaXMgcHJvdmlkZWQgdG8gXCJhc1wiIHByb3BlcnR5LiBOb3RlIHRoYXQgeW91IGNhbiBleHBsaWNldGx5IHBhc3MgbnVsbC4gKi9cbiAgdHlwZT86IFwic3VibWl0XCIgfCBcImJ1dHRvblwiIHwgXCJyZXNldFwiIHwgbnVsbDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogV2hlbiBsb2FkaW5nIGlzIHRydWUsIGRpc2FibGVkIGlzIHNldCB0byB0cnVlIGFzIHdlbGwuICovXG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuQ29tcG9uZW50VHlwZTtcbiAgbGVmdEljb24/OiBJY29uTmFtZTtcbiAgcmlnaHRJY29uPzogSWNvbk5hbWU7XG4gIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gIHByaXZhdGVQcm9wcz86IEJ1dHRvblByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRpdGlvbmFsIGFyaWEgYXR0cmlidXRlcy4gW3NlZSBkb2N1bWVudGF0aW9uXShodHRwczovL2dpdGh1Yi5jb20vRGVmaW5pdGVseVR5cGVkL0RlZmluaXRlbHlUeXBlZC9ibG9iLzAyNTQ5YzA4M2U5ZDYyYjYwNDA5MWQ3NzBjNDU2OGQ0NzI4MmNkZDAvdHlwZXMvcmVhY3QvaW5kZXguZC50cyNMMTQ2MSlcbiAgICovXG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8QnV0dG9uUHJvcHM+ID0ge1xuICB0eXBlOiBcImJ1dHRvblwiLFxuICB2YXJpYW50OiBcInByaW1hcnlcIixcbiAgc2l6ZTogXCJtXCIsXG4gIGRpc2FibGVkOiBmYWxzZSxcbiAgbG9hZGluZzogZmFsc2UsXG4gIGFzOiBcImJ1dHRvblwiLFxuICBmdWxsV2lkdGg6IGZhbHNlLFxuICBwcml2YXRlUHJvcHM6IHtcbiAgICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b24oe1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgYXJpYUF0dHJpYnV0ZXMsXG4gIGFzLFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQsXG4gIGZ1bGxXaWR0aCxcbiAgbGVmdEljb24sXG4gIGxvYWRpbmcsXG4gIG9uQmx1cixcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgcHJpdmF0ZVByb3BzOiB7IHNxdWFyZUNvcm5lcnMsIGFsaWduSXRlbXMsIHJpZ2h0SWNvblZhcmlhbnQgfSxcbiAgcmlnaHRJY29uLFxuICBzaXplLFxuICB0eXBlLFxuICB2YXJpYW50LFxuICAuLi5yZXN0XG59OiBCdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGFzPXthc31cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBsb2FkaW5nfVxuICAgICAgdHlwZT17YXMgPT09IFwiYVwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgIGZ1bGxXaWR0aD17ZnVsbFdpZHRofVxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgb25DbGljayhlKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIGFyaWEtbGFiZWw9e2xlZnRJY29uIHx8IHJpZ2h0SWNvbn1cbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtsb2FkaW5nICYmIChcbiAgICAgICAgPFN0eWxlZExvYWRlcldyYXA+XG4gICAgICAgICAgPFN0eWxlZExvYWRlcj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgbmFtZT1cImxvYWRlclwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibG9hZGVyXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRMb2FkZXI+XG4gICAgICAgIDwvU3R5bGVkTG9hZGVyV3JhcD5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSW5uZXIgbG9hZGluZz17bG9hZGluZyA/IDEgOiAwfT5cbiAgICAgICAgPElubGluZVxuICAgICAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zIHx8IFwiY2VudGVyXCJ9XG4gICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgIG5vV3JhcFxuICAgICAgICA+XG4gICAgICAgICAge2xlZnRJY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17bGVmdEljb259IC8+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICB7cmlnaHRJY29uICYmIChcbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17cmlnaHRJY29ufSB2YXJpYW50PXtyaWdodEljb25WYXJpYW50fSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn1cblxuQnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+const defaultProps = {
+  type: "button",
+  variant: "primary",
+  size: "m",
+  disabled: false,
+  loading: false,
+  as: "button",
+  fullWidth: false,
+  privateProps: {
+    squareCorners: false
+  },
+  "data-e2e-test-id": undefined
+};
+function Button(_ref3) {
+  let {
+    "data-e2e-test-id": dataE2eTestId,
+    ariaAttributes,
+    as,
+    children,
+    disabled,
+    fullWidth,
+    leftIcon,
+    loading,
+    onBlur,
+    onClick,
+    onFocus,
+    privateProps: {
+      squareCorners,
+      alignItems,
+      rightIconVariant
+    },
+    rightIcon,
+    size,
+    type,
+    variant,
+    ...rest
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(StyledButton, _extends({
+    "data-e2e-test-id": dataE2eTestId,
+    as: as,
+    disabled: disabled || loading,
+    type: as === "a" ? undefined : type,
+    fullWidth: fullWidth,
+    squareCorners: squareCorners,
+    variant: variant,
+    size: size,
+    onClick: e => {
+      if (disabled) {
+        e.preventDefault();
+      }
+      if (onClick) {
+        onClick(e);
+      }
+    },
+    onFocus: onFocus,
+    onBlur: onBlur,
+    "aria-label": leftIcon || rightIcon
+  }, ariaAttributes, rest), loading && /*#__PURE__*/React.createElement(StyledLoaderWrap, null, /*#__PURE__*/React.createElement(StyledLoader, null, /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: "loader",
+    variant: variant,
+    "data-testid": "loader"
+  }))), /*#__PURE__*/React.createElement(StyledInner, {
+    loading: loading ? 1 : 0
+  }, /*#__PURE__*/React.createElement(Inline, {
+    vAlignItems: "center",
+    alignItems: alignItems || "center",
+    space: "xxs",
+    noWrap: true
+  }, leftIcon && /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: leftIcon
+  }), children, rightIcon && /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: rightIcon,
+    variant: rightIconVariant
+  }))));
+}
+Button.defaultProps = defaultProps;
+export { Button };
+//# sourceMappingURL=Button.js.map

package/build/src/components/Button/Button.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { AriaAttributes } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { keyframes } from \"@emotion/react\";\nimport { Inline } from \"../Inline/Inline\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport {\n BaseVariations,\n ButtonSize,\n HorizontalAlignment,\n TextVariations,\n} from \"../../types\";\n\nconst StyledButton = styled.button<\n Partial<ButtonProps> & Partial<ButtonPrivateProps>\n>(({ theme, fullWidth, size, squareCorners, variant }) => ({\n \"&[type='button']\": {\n appearance: \"none\",\n MozAppearance: \"none\",\n WebkitAppearance: \"none\",\n },\n display: \"inline-block\",\n border: 0,\n margin: 0,\n color: theme.values.color.text.button[variant].base,\n backgroundColor: theme.values.color.background.button[variant].base,\n textTransform: \"none\",\n textDecoration: \"none\",\n borderRadius: theme.variables.size.borderRadius.button.m,\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.button.m,\n lineHeight: theme.variables.size.lineHeight.button.m,\n fontWeight: theme.variables.weight.bold,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button[variant].hover,\n color: theme.values.color.text.button[variant].hover,\n },\n \"&:active\": {\n backgroundColor: theme.values.color.background.button[variant].active,\n color: theme.values.color.text.button[variant].active,\n },\n \"&:disabled\": {\n backgroundColor: theme.values.color.background.button[variant].disabled,\n color: theme.values.color.text.button[variant].disabled,\n },\n ...(size === \"s\" && {\n padding: `${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,\n }),\n ...(size === \"m\" && {\n padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,\n }),\n ...(size === \"l\" && {\n padding: `${theme.variables.size.spacing.m} ${theme.variables.size.spacing.xl}`,\n }),\n ...(variant === \"secondary\" && {\n border: \"1px solid\",\n borderColor: theme.values.color.border.button.secondary.base,\n \":hover\": {\n borderColor: theme.values.color.border.button.secondary.hover,\n },\n \":active\": {\n borderColor: theme.values.color.border.button.secondary.active,\n },\n \":disabled\": {\n borderColor: theme.values.color.border.button.secondary.disabled,\n },\n ...(size === \"s\" && {\n padding: `${parseInt(theme.variables.size.spacing.xs, 10) - 1}px ${\n parseInt(theme.variables.size.spacing.m, 10) - 1\n }px`,\n }),\n ...(size === \"m\" && {\n padding: `${parseInt(theme.variables.size.spacing.s, 10) - 1}px ${\n parseInt(theme.variables.size.spacing.l, 10) - 1\n }px`,\n }),\n ...(size === \"l\" && {\n padding: `${parseInt(theme.variables.size.spacing.m, 10) - 1}px ${\n parseInt(theme.variables.size.spacing.xl, 10) - 1\n }px`,\n }),\n }),\n ...(variant === \"tertiary\" && {\n fontSize: theme.variables.size.font.header.xxs,\n lineHeight: theme.variables.size.lineHeight.header.xxs,\n letterSpacing: 0.5,\n textTransform: \"uppercase\",\n ...(size === \"s\" && {\n padding: theme.variables.size.spacing.xs,\n }),\n ...(size === \"m\" && {\n padding: theme.variables.size.spacing.s,\n }),\n ...(size === \"l\" && {\n padding: theme.variables.size.spacing.m,\n }),\n }),\n ...(fullWidth && {\n width: \"100%\",\n }),\n ...(squareCorners && typeof squareCorners === \"boolean\"\n ? {\n borderRadius: 0,\n }\n : squareCorners &&\n typeof squareCorners !== \"boolean\" && {\n ...squareCorners.reduce(\n (prev, actual: string) => ({\n ...prev,\n [`border${actual}Radius`]: 0,\n }),\n {}\n ),\n }),\n\n \"&[disabled], &:disabled\": {\n pointerEvents: \"none\",\n },\n}));\n\n// opted in for this hacky solution because emotion.js\n// doesn't support transient props yet. https://github.com/emotion-js/emotion/issues/2193\nconst StyledInner = styled.div<{ loading: number }>(\n ({ loading }) =>\n loading && {\n color: \"transparent\",\n }\n);\n\nconst StyledLoaderWrap = styled.div(() => ({\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n top: 0,\n left: \"0\",\n display: \"flex\",\n justifyContent: \"center\",\n}));\n\nconst rotation = keyframes({\n from: {\n transform: \"rotate(0deg)\",\n },\n to: {\n transform: \"rotate(360deg)\",\n },\n});\n\nconst StyledLoader = styled.div(() => ({\n position: \"absolute\",\n animation: `${rotation} 1s infinite linear`,\n}));\n\ntype ButtonPrivateProps = {\n squareCorners?:\n | boolean\n | (\"TopLeft\" | \"TopRight\" | \"BottomLeft\" | \"BottomRight\")[];\n alignItems?: HorizontalAlignment;\n rightIconVariant?: TextVariations;\n};\n\nexport type ButtonProps = Record<string, unknown> & {\n children?: React.ReactNode;\n variant?: BaseVariations;\n size?: ButtonSize;\n /** Type is ignored if \"a\" is provided to \"as\" property. Note that you can explicetly pass null. */\n type?: \"submit\" | \"button\" | \"reset\" | null;\n disabled?: boolean;\n /** When loading is true, disabled is set to true as well. */\n loading?: boolean;\n onClick?: (e: React.MouseEvent) => void;\n onFocus?: (e: React.FocusEvent) => void;\n onBlur?: (e: React.FocusEvent) => void;\n as?: \"a\" | \"button\" | React.ComponentType;\n leftIcon?: IconName;\n rightIcon?: IconName;\n fullWidth?: boolean;\n privateProps?: ButtonPrivateProps;\n \"data-e2e-test-id\"?: string;\n /** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)\n */\n ariaAttributes?: AriaAttributes;\n};\n\nconst defaultProps: Partial<ButtonProps> = {\n type: \"button\",\n variant: \"primary\",\n size: \"m\",\n disabled: false,\n loading: false,\n as: \"button\",\n fullWidth: false,\n privateProps: {\n squareCorners: false,\n },\n \"data-e2e-test-id\": undefined,\n};\n\nexport function Button({\n \"data-e2e-test-id\": dataE2eTestId,\n ariaAttributes,\n as,\n children,\n disabled,\n fullWidth,\n leftIcon,\n loading,\n onBlur,\n onClick,\n onFocus,\n privateProps: { squareCorners, alignItems, rightIconVariant },\n rightIcon,\n size,\n type,\n variant,\n ...rest\n}: ButtonProps): React.ReactElement {\n return (\n <StyledButton\n data-e2e-test-id={dataE2eTestId}\n as={as}\n disabled={disabled || loading}\n type={as === \"a\" ? undefined : type}\n fullWidth={fullWidth}\n squareCorners={squareCorners}\n variant={variant}\n size={size}\n onClick={(e: React.MouseEvent) => {\n if (disabled) {\n e.preventDefault();\n }\n if (onClick) {\n onClick(e);\n }\n }}\n onFocus={onFocus}\n onBlur={onBlur}\n aria-label={leftIcon || rightIcon}\n {...ariaAttributes}\n {...rest}\n >\n {loading && (\n <StyledLoaderWrap>\n <StyledLoader>\n <Icon\n size=\"s\"\n name=\"loader\"\n variant={variant}\n data-testid=\"loader\"\n />\n </StyledLoader>\n </StyledLoaderWrap>\n )}\n <StyledInner loading={loading ? 1 : 0}>\n <Inline\n vAlignItems=\"center\"\n alignItems={alignItems || \"center\"}\n space=\"xxs\"\n noWrap\n >\n {leftIcon && <Icon size=\"s\" name={leftIcon} />}\n {children}\n {rightIcon && (\n <Icon size=\"s\" name={rightIcon} variant={rightIconVariant} />\n )}\n </Inline>\n </StyledInner>\n </StyledButton>\n );\n}\n\nButton.defaultProps = defaultProps;\n"],"names":["StyledButton","theme","fullWidth","size","squareCorners","variant","appearance","MozAppearance","WebkitAppearance","display","border","margin","color","values","text","button","base","backgroundColor","background","textTransform","textDecoration","borderRadius","variables","m","fontFamily","lato","fontSize","font","lineHeight","fontWeight","weight","bold","cursor","hover","active","disabled","padding","spacing","xs","s","l","xl","borderColor","secondary","parseInt","header","xxs","letterSpacing","width","reduce","prev","actual","pointerEvents","StyledInner","loading","StyledLoaderWrap","position","height","top","left","justifyContent","rotation","keyframes","from","transform","to","StyledLoader","animation","defaultProps","type","as","privateProps","undefined","Button","dataE2eTestId","ariaAttributes","children","leftIcon","onBlur","onClick","onFocus","alignItems","rightIconVariant","rightIcon","rest","e","preventDefault"],"mappings":"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"}

package/build/src/components/Callout/Callout.js ADDED Viewed

@@ -0,0 +1,80 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Icon } from '../Icon/Icon.js';
+import { Inline } from '../Inline/Inline.js';
+import { Stack } from '../Stack/Stack.js';
+import { Text } from '../Typography/Text/Text.js';
+const defaultProps = {
+  icon: "info",
+  type: "info",
+  "data-e2e-test-id": undefined
+};
+const StyledContainer = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eforzmc0"
+} : {
+  target: "eforzmc0",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme,
+    type
+  } = _ref;
+  return {
+    display: "flex",
+    color: theme.values.color.text.callout[type],
+    backgroundColor: theme.values.color.background.callout[type],
+    borderRadius: theme.variables.size.borderRadius.button.m,
+    padding: theme.variables.size.spacing.m,
+    lineHeight: theme.variables.size.lineHeight.callout.s,
+    width: "100%",
+    ...{
+      "a,button,p": {
+        color: theme.values.color.text.callout[type],
+        "&:hover": {
+          color: theme.values.color.text.callout[type]
+        },
+        "& button": {
+          fontWeight: "inherit",
+          fontSize: "inherit",
+          lineHeight: "inherit"
+        }
+      },
+      svg: {
+        color: theme.values.color.icon.callout[type]
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0IiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5jYWxsb3V0W3R5cGVdLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmNhbGxvdXQucyxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgLi4ue1xuICAgICAgXCJhLGJ1dHRvbixwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBidXR0b25cIjoge1xuICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICAgICAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBzdmc6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmNhbGxvdXRbdHlwZV0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ2FsbG91dCh7XG4gIHRleHQsXG4gIGRlc2NyaXB0aW9uLFxuICB0eXBlLFxuICBpY29uLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IENhbGxvdXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSB0eXBlPXt0eXBlfT5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJ0b3BcIiBzcGFjZT1cInhzXCIgbm9XcmFwPlxuICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSB2YXJpYW50PVwiaW5oZXJpdFwiIHNpemU9XCJzXCIgLz5cbiAgICAgICAgPFN0YWNrIHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFRleHQgd2VpZ2h0PVwiYm9sZFwiIHNpemU9XCJzXCI+XG4gICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxUZXh0IHNpemU9XCJzXCI+e2Rlc2NyaXB0aW9ufTwvVGV4dD59XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L0lubGluZT5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuQ2FsbG91dC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+function Callout(_ref2) {
+  let {
+    text,
+    description,
+    type,
+    icon,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    type: type
+  }, /*#__PURE__*/React.createElement(Inline, {
+    vAlignItems: "top",
+    space: "xs",
+    noWrap: true
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    variant: "inherit",
+    size: "s"
+  }), /*#__PURE__*/React.createElement(Stack, {
+    space: "xxs"
+  }, /*#__PURE__*/React.createElement(Text, {
+    weight: "bold",
+    size: "s"
+  }, text), description && /*#__PURE__*/React.createElement(Text, {
+    size: "s"
+  }, description))));
+}
+Callout.defaultProps = defaultProps;
+export { Callout };
+//# sourceMappingURL=Callout.js.map

package/build/src/components/Callout/Callout.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Callout.js","sources":["../../../../src/components/Callout/Callout.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { Stack } from \"../Stack/Stack\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { CalloutVariations } from \"../../types\";\n\nexport type CalloutProps = {\n type?: CalloutVariations;\n icon?: IconName;\n \"data-e2e-test-id\"?: string;\n text: string | ReactElement;\n description?: string | ReactElement;\n};\n\nconst defaultProps: Partial<CalloutProps> = {\n icon: \"info\",\n type: \"info\",\n \"data-e2e-test-id\": undefined,\n};\n\nconst StyledContainer = styled.div<Partial<CalloutProps>>(\n ({ theme, type }) => ({\n display: \"flex\",\n color: theme.values.color.text.callout[type],\n backgroundColor: theme.values.color.background.callout[type],\n borderRadius: theme.variables.size.borderRadius.button.m,\n padding: theme.variables.size.spacing.m,\n lineHeight: theme.variables.size.lineHeight.callout.s,\n width: \"100%\",\n ...{\n \"a,button,p\": {\n color: theme.values.color.text.callout[type],\n \"&:hover\": {\n color: theme.values.color.text.callout[type],\n },\n \"& button\": {\n fontWeight: \"inherit\",\n fontSize: \"inherit\",\n lineHeight: \"inherit\",\n },\n },\n svg: {\n color: theme.values.color.icon.callout[type],\n },\n },\n })\n);\n\nexport function Callout({\n text,\n description,\n type,\n icon,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CalloutProps): React.ReactElement {\n return (\n <StyledContainer data-e2e-test-id={dataE2eTestId} type={type}>\n <Inline vAlignItems=\"top\" space=\"xs\" noWrap>\n <Icon name={icon} variant=\"inherit\" size=\"s\" />\n <Stack space=\"xxs\">\n <Text weight=\"bold\" size=\"s\">\n {text}\n </Text>\n {description && <Text size=\"s\">{description}</Text>}\n </Stack>\n </Inline>\n </StyledContainer>\n );\n}\n\nCallout.defaultProps = defaultProps;\n"],"names":["defaultProps","icon","type","undefined","StyledContainer","theme","display","color","values","text","callout","backgroundColor","background","borderRadius","variables","size","button","m","padding","spacing","lineHeight","s","width","fontWeight","fontSize","svg","Callout","description","dataE2eTestId"],"mappings":"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"}

package/build/src/components/Card/Card.js ADDED Viewed

@@ -0,0 +1,62 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { CardHeader } from './CardHeader/CardHeader.js';
+import { informDeprecation } from '../../shared/informDeprecation.js';
+const StyledContainer = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "exy0zmd0"
+} : {
+  target: "exy0zmd0",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme,
+    overflow,
+    squareCorners
+  } = _ref;
+  return {
+    ...(squareCorners ? {
+      borderRadius: 0
+    } : {
+      borderRadius: theme.variables.size.borderRadius.card.m,
+      "& > *:last-child": {
+        borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,
+        borderBottomRightRadius: theme.variables.size.borderRadius.card.m
+      },
+      "& > *:first-child": {
+        borderTopLeftRadius: theme.variables.size.borderRadius.card.m,
+        borderTopRightRadius: theme.variables.size.borderRadius.card.m
+      }
+    }),
+    boxShadow: theme.variables.shadow.card.a,
+    backgroundColor: theme.values.color.background.layer_2,
+    overflow
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCd0IiLCJmaWxlIjoiQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmRIZWFkZXIgfSBmcm9tIFwiLi9DYXJkSGVhZGVyL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IGluZm9ybURlcHJlY2F0aW9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9pbmZvcm1EZXByZWNhdGlvblwiO1xuaW1wb3J0IHsgRHJvcGRvd25NZW51UHJvcHMgfSBmcm9tIFwiLi4vRHJvcGRvd25NZW51L0Ryb3Bkb3duTWVudVwiO1xuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIC8qKiBTcGVjaWZ5IHRpdGxlIGRpc3BsYXllZCBpbiBIZWFkZXIgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqIEBkZXByZWNhdGVkIFN1YnRpdGxlIGlzIG5vdyBkZXByZWNhdGVkICovXG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiBAZGVwcmVjYXRlZCBidXR0b24gcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgZHJvcGRvd24gcHJvcC4gKi9cbiAgYnV0dG9uPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIGRyb3Bkb3duPzogT21pdDxEcm9wZG93bk1lbnVQcm9wcywgXCJpY29uTmFtZVwiIHwgXCJzaXplXCI+O1xuXG4gIG92ZXJmbG93PzogXCJhdXRvXCIgfCBcImhpZGRlblwiIHwgXCJ2aXNpYmxlXCI7XG5cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FyZFByb3BzPj4oXG4gICh7IHRoZW1lLCBvdmVyZmxvdywgc3F1YXJlQ29ybmVycyB9KSA9PiAoe1xuICAgIC4uLihzcXVhcmVDb3JuZXJzXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH1cbiAgICAgIDoge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICBcIiYgPiAqOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgXCImID4gKjpmaXJzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gICAgb3ZlcmZsb3csXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZCh7XG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgYnV0dG9uLFxuICBkcm9wZG93bixcbiAgY2hpbGRyZW4sXG4gIG92ZXJmbG93ID0gXCJoaWRkZW5cIixcbiAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IENhcmRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGluZm9ybURlcHJlY2F0aW9uKFxuICAgIHN1YnRpdGxlLFxuICAgIHN1YnRpdGxlLFxuICAgIFwiQ2FyZFwiLFxuICAgIFwiU3VidGl0bGUgaXMgbm93IGEgZGVwcmljYXRlZCBwcm9wLCBwbGVhc2UgZGlzY3VzcyBhIHdvcmthcm91bmQgd2l0aCBhbnkgb2YgVVggZGVzaWduZXJzXCJcbiAgKTtcblxuICBpbmZvcm1EZXByZWNhdGlvbihcbiAgICBidXR0b24sXG4gICAgYnV0dG9uLFxuICAgIFwiQ2FyZFwiLFxuICAgIFwiQnV0dG9uIGlzIGRlcHJlY2F0ZWQsIHBsZWFzZSB1c2UgZHJvcGRvd24gcHJvcGVydHkgaW5zdGVhZFwiXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgb3ZlcmZsb3c9e292ZXJmbG93fVxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICA+XG4gICAgICB7KGJ1dHRvbiB8fCBkcm9wZG93biB8fCBzdWJ0aXRsZSB8fCB0aXRsZSkgJiYgKFxuICAgICAgICA8Q2FyZEhlYWRlclxuICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICBzdWJ0aXRsZT17c3VidGl0bGV9XG4gICAgICAgICAgYnV0dG9uPXtidXR0b259XG4gICAgICAgICAgZHJvcGRvd249e2Ryb3Bkb3dufVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
+function Card(_ref2) {
+  let {
+    title,
+    subtitle,
+    button,
+    dropdown,
+    children,
+    overflow = "hidden",
+    squareCorners = false,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  informDeprecation(subtitle, subtitle, "Card", "Subtitle is now a depricated prop, please discuss a workaround with any of UX designers");
+  informDeprecation(button, button, "Card", "Button is deprecated, please use dropdown property instead");
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    overflow: overflow,
+    squareCorners: squareCorners
+  }, (button || dropdown || subtitle || title) && /*#__PURE__*/React.createElement(CardHeader, {
+    title: title,
+    subtitle: subtitle,
+    button: button,
+    dropdown: dropdown
+  }), children);
+}
+export { Card };
+//# sourceMappingURL=Card.js.map

package/build/src/components/Card/Card.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CardHeader } from \"./CardHeader/CardHeader\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\nimport { DropdownMenuProps } from \"../DropdownMenu/DropdownMenu\";\n\nexport type CardProps = {\n /** Specify title displayed in Header */\n title?: string;\n\n /** @deprecated Subtitle is now deprecated */\n subtitle?: string;\n\n /** @deprecated button property is deprecated now. Please use dropdown prop. */\n button?: React.ReactElement;\n\n dropdown?: Omit<DropdownMenuProps, \"iconName\" | \"size\">;\n\n overflow?: \"auto\" | \"hidden\" | \"visible\";\n\n squareCorners?: boolean;\n\n children?: React.ReactNode;\n\n \"data-e2e-test-id\"?: string;\n};\n\nconst StyledContainer = styled.div<Partial<CardProps>>(\n ({ theme, overflow, squareCorners }) => ({\n ...(squareCorners\n ? {\n borderRadius: 0,\n }\n : {\n borderRadius: theme.variables.size.borderRadius.card.m,\n \"& > *:last-child\": {\n borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,\n borderBottomRightRadius: theme.variables.size.borderRadius.card.m,\n },\n \"& > *:first-child\": {\n borderTopLeftRadius: theme.variables.size.borderRadius.card.m,\n borderTopRightRadius: theme.variables.size.borderRadius.card.m,\n },\n }),\n boxShadow: theme.variables.shadow.card.a,\n backgroundColor: theme.values.color.background.layer_2,\n overflow,\n })\n);\n\nexport function Card({\n title,\n subtitle,\n button,\n dropdown,\n children,\n overflow = \"hidden\",\n squareCorners = false,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CardProps): React.ReactElement {\n informDeprecation(\n subtitle,\n subtitle,\n \"Card\",\n \"Subtitle is now a depricated prop, please discuss a workaround with any of UX designers\"\n );\n\n informDeprecation(\n button,\n button,\n \"Card\",\n \"Button is deprecated, please use dropdown property instead\"\n );\n\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n overflow={overflow}\n squareCorners={squareCorners}\n >\n {(button || dropdown || subtitle || title) && (\n <CardHeader\n title={title}\n subtitle={subtitle}\n button={button}\n dropdown={dropdown}\n />\n )}\n {children}\n </StyledContainer>\n );\n}\n"],"names":["StyledContainer","theme","overflow","squareCorners","borderRadius","variables","size","card","m","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","boxShadow","shadow","a","backgroundColor","values","color","background","layer_2","Card","title","subtitle","button","dropdown","children","dataE2eTestId","informDeprecation"],"mappings":";;;;;AA2BA,MAAMA,eAAe,GAAG,OAAA,CAAA,KAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;AAAA,EAAA,MAAA,EAAA,UAAA;AAAA,EAAA,KAAA,EAAA,iBAAA;AAAA,CACtB,CAAA,CAAA,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;GAAe,GAAA,IAAA,CAAA;EAAA,OAAM;AACvC,IAAA,IAAIA,aAAa,GACb;AACEC,MAAAA,YAAY,EAAE,CAAA;AAChB,KAAC,GACD;MACEA,YAAY,EAAEH,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;AACtD,MAAA,kBAAkB,EAAE;QAClBC,sBAAsB,EAAER,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAChEE,uBAAuB,EAAET,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;OACjE;AACD,MAAA,mBAAmB,EAAE;QACnBG,mBAAmB,EAAEV,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAC7DI,oBAAoB,EAAEX,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;AAC/D,OAAA;AACF,KAAC,CAAC;IACNK,SAAS,EAAEZ,KAAK,CAACI,SAAS,CAACS,MAAM,CAACP,IAAI,CAACQ,CAAC;IACxCC,eAAe,EAAEf,KAAK,CAACgB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO;AACtDlB,IAAAA,QAAAA;GACD,CAAA;AAAA,CAAC,EACH,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q/GAAA,CAAA,CAAA;AAEM,SAASmB,IAAI,CASc,KAAA,EAAA;EAAA,IATb;IACnBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;IACRC,QAAQ;AACRxB,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,aAAa,GAAG,KAAK;AACrB,IAAA,kBAAkB,EAAEwB,aAAAA;GACV,GAAA,KAAA,CAAA;EACVC,iBAAiB,CACfL,QAAQ,EACRA,QAAQ,EACR,MAAM,EACN,yFAAyF,CAC1F,CAAA;EAEDK,iBAAiB,CACfJ,MAAM,EACNA,MAAM,EACN,MAAM,EACN,4DAA4D,CAC7D,CAAA;AAED,EAAA,oBACE,oBAAC,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBG,aAAc;AAChC,IAAA,QAAQ,EAAEzB,QAAS;AACnB,IAAA,aAAa,EAAEC,aAAAA;GAEd,EAAA,CAACqB,MAAM,IAAIC,QAAQ,IAAIF,QAAQ,IAAID,KAAK,kBACvC,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA;AACT,IAAA,KAAK,EAAEA,KAAM;AACb,IAAA,QAAQ,EAAEC,QAAS;AACnB,IAAA,MAAM,EAAEC,MAAO;AACf,IAAA,QAAQ,EAAEC,QAAAA;GAEb,CAAA,EACAC,QAAQ,CACO,CAAA;AAEtB;;;;"}

package/build/src/components/Card/CardBox.js ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Box } from '../Box/Box.js';
+function CardBox(_ref) {
+  let {
+    children,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Box, {
+    "data-e2e-test-id": dataE2eTestId,
+    space: ["m", "l", "l"],
+    vSpace: "m"
+  }, children);
+}
+export { CardBox };
+//# sourceMappingURL=CardBox.js.map

package/build/src/components/Card/CardBox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CardBox.js","sources":["../../../../src/components/Card/CardBox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../Box/Box\";\n\ntype CardBoxProps = {\n children: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function CardBox({\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CardBoxProps): React.ReactElement {\n return (\n <Box data-e2e-test-id={dataE2eTestId} space={[\"m\", \"l\", \"l\"]} vSpace=\"m\">\n {children}\n </Box>\n );\n}\n"],"names":["CardBox","children","dataE2eTestId"],"mappings":";;;AAQO,SAASA,OAAO,CAGc,IAAA,EAAA;EAAA,IAHb;IACtBC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;GACP,GAAA,IAAA,CAAA;AACb,EAAA,oBACE,oBAAC,GAAG,EAAA;AAAC,IAAA,kBAAA,EAAkBA,aAAc;AAAC,IAAA,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;AAAC,IAAA,MAAM,EAAC,GAAA;AAAG,GAAA,EACrED,QAAQ,CACL,CAAA;AAEV;;;;"}

package/build/src/components/Card/CardHeader/CardHeader.js ADDED Viewed

@@ -0,0 +1,52 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Stack } from '../../Stack/Stack.js';
+import { Inline } from '../../Inline/Inline.js';
+import { H5 } from '../../Typography/Header/Header.js';
+import { Text } from '../../Typography/Text/Text.js';
+import { Divider } from '../../Divider/Divider.js';
+import { Box } from '../../Box/Box.js';
+import { DropdownMenu } from '../../DropdownMenu/DropdownMenu.js';
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const StyledHeaderWrap = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1jw7sy60"
+} : {
+  target: "e1jw7sy60",
+  label: "StyledHeaderWrap"
+})({
+  // Compensate small button height with 6px
+  padding: `6px 0`
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN5QiIsImZpbGUiOiJDYXJkSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBINSB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L0hlYWRlci9IZWFkZXJcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tIFwiLi4vLi4vRGl2aWRlci9EaXZpZGVyXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vLi4vQm94L0JveFwiO1xuaW1wb3J0IHtcbiAgRHJvcGRvd25NZW51LFxuICBEcm9wZG93bk1lbnVQcm9wcyxcbn0gZnJvbSBcIi4uLy4uL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnVcIjtcblxuY29uc3QgU3R5bGVkSGVhZGVyV3JhcCA9IHN0eWxlZC5kaXYoe1xuICAvLyBDb21wZW5zYXRlIHNtYWxsIGJ1dHRvbiBoZWlnaHQgd2l0aCA2cHhcbiAgcGFkZGluZzogYDZweCAwYCxcbn0pO1xuXG5leHBvcnQgY2xhc3MgQ2FyZEhlYWRlclByb3BzIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqIEBkZXByZWNhdGVkICogKi9cbiAgc3VidGl0bGU/OiBzdHJpbmc7XG5cbiAgZHJvcGRvd24/OiBPbWl0PERyb3Bkb3duTWVudVByb3BzLCBcImljb25OYW1lXCIgfCBcInNpemVcIj47XG5cbiAgLyoqIEBkZXByZWNhdGVkICogKi9cbiAgYnV0dG9uPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZEhlYWRlcih7XG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgYnV0dG9uLFxuICBkcm9wZG93bixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBDYXJkSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxkaXYgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICA8Qm94IHNwYWNlPXtbXCJtXCIsIFwibFwiLCBcImxcIl19IHZTcGFjZT1cInNcIiByU3BhY2U9XCJzXCI+XG4gICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIHZBbGlnbkl0ZW1zPVwidG9wXCIgbm9XcmFwPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICB7dGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkSGVhZGVyV3JhcD5cbiAgICAgICAgICAgICAgICA8SDU+e3RpdGxlfTwvSDU+XG4gICAgICAgICAgICAgIDwvU3R5bGVkSGVhZGVyV3JhcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7c3VidGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBzaXplPVwieHNcIiBhcz1cInNwYW5cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgICAgICB7c3VidGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICB7YnV0dG9uICYmIDxkaXY+e2J1dHRvbn08L2Rpdj59XG4gICAgICAgICAge2Ryb3Bkb3duICYmIChcbiAgICAgICAgICAgIDxEcm9wZG93bk1lbnUgey4uLmRyb3Bkb3dufSBzaXplPVwic1wiIGljb25OYW1lPVwibW9yZS1ob3Jpem9udGFsXCIgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgICAgPERpdmlkZXIgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");
+function CardHeader(_ref) {
+  let {
+    title,
+    subtitle,
+    button,
+    dropdown,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React.createElement(Box, {
+    space: ["m", "l", "l"],
+    vSpace: "s",
+    rSpace: "s"
+  }, /*#__PURE__*/React.createElement(Inline, {
+    alignItems: "spaceBetween",
+    vAlignItems: "top",
+    noWrap: true
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: "xs"
+  }, title && /*#__PURE__*/React.createElement(StyledHeaderWrap, null, /*#__PURE__*/React.createElement(H5, null, title)), subtitle && /*#__PURE__*/React.createElement(Text, {
+    size: "xs",
+    as: "span",
+    variant: "tertiary"
+  }, subtitle)), button && /*#__PURE__*/React.createElement("div", null, button), dropdown && /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, dropdown, {
+    size: "s",
+    iconName: "more-horizontal"
+  })))), /*#__PURE__*/React.createElement(Divider, null));
+}
+export { CardHeader };
+//# sourceMappingURL=CardHeader.js.map