@amboss/design-system 1.9.1 → 1.9.5

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

@@ -0,0 +1,238 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import isPropValid from '@emotion/is-prop-valid';
+import { keyframes } from '@emotion/react';
+import { Inline } from '../Inline/Inline.js';
+import { Icon } from '../Icon/Icon.js';
+
+const StyledButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: prop => isPropValid(prop),
+  target: "e1vkw3t43"
+} : {
+  shouldForwardProp: prop => isPropValid(prop),
+  target: "e1vkw3t43",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JxQiIsImZpbGUiOiJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQge1xuICBCYXNlVmFyaWF0aW9ucyxcbiAgQnV0dG9uU2l6ZSxcbiAgSG9yaXpvbnRhbEFsaWdubWVudCxcbiAgVGV4dFZhcmlhdGlvbnMsXG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPEJ1dHRvblByb3BzPiAmIFBhcnRpYWw8QnV0dG9uUHJpdmF0ZVByb3BzPj4oXG4gICh7IHRoZW1lLCBmdWxsV2lkdGgsIHNpemUsIHNxdWFyZUNvcm5lcnMsIHZhcmlhbnQgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBib3JkZXI6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmJ1dHRvbi5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uZGlzYWJsZWQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmRpc2FibGVkLFxuICAgIH0sXG4gICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGx9YCxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICB9LFxuICAgICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmRpc2FibGVkLFxuICAgICAgfSxcbiAgICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IGAke3BhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDF9cHggJHtcbiAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIDFcbiAgICAgICAgfXB4YCxcbiAgICAgIH0pLFxuICAgICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLCAxMCkgLSAxXG4gICAgICAgIH1weGAsXG4gICAgICB9KSxcbiAgICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IGAke3BhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSwgMTApIC0gMX1weCAke1xuICAgICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsIDEwKSAtIDFcbiAgICAgICAgfXB4YCxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgICAgIGxldHRlclNwYWNpbmc6IDAuNSxcbiAgICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgfSksXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gICAgICB9KSxcbiAgICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLihmdWxsV2lkdGggJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIH0pLFxuICAgIC4uLihzcXVhcmVDb3JuZXJzICYmIHR5cGVvZiBzcXVhcmVDb3JuZXJzID09PSBcImJvb2xlYW5cIlxuICAgICAgPyB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgICB9XG4gICAgICA6IHNxdWFyZUNvcm5lcnMgJiZcbiAgICAgICAgdHlwZW9mIHNxdWFyZUNvcm5lcnMgIT09IFwiYm9vbGVhblwiICYmIHtcbiAgICAgICAgICAuLi5zcXVhcmVDb3JuZXJzLnJlZHVjZShcbiAgICAgICAgICAgIChwcmV2LCBhY3R1YWw6IHN0cmluZykgPT4gKHtcbiAgICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgICAgW2Bib3JkZXIke2FjdHVhbH1SYWRpdXNgXTogMCxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAge31cbiAgICAgICAgICApLFxuICAgICAgICB9KSxcblxuICAgIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG5cbi8vIG9wdGVkIGluIGZvciB0aGlzIGhhY2t5IHNvbHV0aW9uIGJlY2F1c2UgZW1vdGlvbi5qc1xuLy8gZG9lc24ndCBzdXBwb3J0IHRyYW5zaWVudCBwcm9wcyB5ZXQuIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzIxOTNcbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc6IG51bWJlciB9PihcbiAgKHsgbG9hZGluZyB9KSA9PlxuICAgIGxvYWRpbmcgJiYge1xuICAgICAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9XG4pO1xuXG5jb25zdCBTdHlsZWRMb2FkZXJXcmFwID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogXCIwXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pKTtcblxuY29uc3Qgcm90YXRpb24gPSBrZXlmcmFtZXMoe1xuICBmcm9tOiB7XG4gICAgdHJhbnNmb3JtOiBcInJvdGF0ZSgwZGVnKVwiLFxuICB9LFxuICB0bzoge1xuICAgIHRyYW5zZm9ybTogXCJyb3RhdGUoMzYwZGVnKVwiLFxuICB9LFxufSk7XG5cbmNvbnN0IFN0eWxlZExvYWRlciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgYW5pbWF0aW9uOiBgJHtyb3RhdGlvbn0gMXMgaW5maW5pdGUgbGluZWFyYCxcbn0pKTtcblxudHlwZSBCdXR0b25Qcml2YXRlUHJvcHMgPSB7XG4gIHNxdWFyZUNvcm5lcnM/OlxuICAgIHwgYm9vbGVhblxuICAgIHwgKFwiVG9wTGVmdFwiIHwgXCJUb3BSaWdodFwiIHwgXCJCb3R0b21MZWZ0XCIgfCBcIkJvdHRvbVJpZ2h0XCIpW107XG4gIGFsaWduSXRlbXM/OiBIb3Jpem9udGFsQWxpZ25tZW50O1xuICByaWdodEljb25WYXJpYW50PzogVGV4dFZhcmlhdGlvbnM7XG59O1xuXG5leHBvcnQgdHlwZSBCdXR0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IEJhc2VWYXJpYXRpb25zO1xuICBzaXplPzogQnV0dG9uU2l6ZTtcbiAgLyoqIFR5cGUgaXMgaWdub3JlZCBpZiBcImFcIiBpcyBwcm92aWRlZCB0byBcImFzXCIgcHJvcGVydHkuIE5vdGUgdGhhdCB5b3UgY2FuIGV4cGxpY2V0bHkgcGFzcyBudWxsLiAqL1xuICB0eXBlPzogXCJzdWJtaXRcIiB8IFwiYnV0dG9uXCIgfCBcInJlc2V0XCIgfCBudWxsO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBXaGVuIGxvYWRpbmcgaXMgdHJ1ZSwgZGlzYWJsZWQgaXMgc2V0IHRvIHRydWUgYXMgd2VsbC4gKi9cbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgbGVmdEljb24/OiBJY29uTmFtZTtcbiAgcmlnaHRJY29uPzogSWNvbk5hbWU7XG4gIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gIHByaXZhdGVQcm9wcz86IEJ1dHRvblByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRpdGlvbmFsIGFyaWEgYXR0cmlidXRlcy4gW3NlZSBkb2N1bWVudGF0aW9uXShodHRwczovL2dpdGh1Yi5jb20vRGVmaW5pdGVseVR5cGVkL0RlZmluaXRlbHlUeXBlZC9ibG9iLzAyNTQ5YzA4M2U5ZDYyYjYwNDA5MWQ3NzBjNDU2OGQ0NzI4MmNkZDAvdHlwZXMvcmVhY3QvaW5kZXguZC50cyNMMTQ2MSlcbiAgICovXG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG59O1xuXG50eXBlIEJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBCdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcmlhQXR0cmlidXRlcyxcbiAgICAgIGFzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgZnVsbFdpZHRoID0gZmFsc2UsXG4gICAgICBsZWZ0SWNvbixcbiAgICAgIGxvYWRpbmcgPSBmYWxzZSxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcHJpdmF0ZVByb3BzID0geyBzcXVhcmVDb3JuZXJzOiBmYWxzZSB9LFxuICAgICAgcmlnaHRJY29uLFxuICAgICAgc2l6ZSA9IFwibVwiLFxuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICB2YXJpYW50ID0gXCJwcmltYXJ5XCIsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IHsgc3F1YXJlQ29ybmVycywgYWxpZ25JdGVtcywgcmlnaHRJY29uVmFyaWFudCB9ID0gcHJpdmF0ZVByb3BzO1xuXG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2soZTogUmVhY3QuTW91c2VFdmVudCkge1xuICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH1cbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL3N0eWxlZCNhcy1wcm9wXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvYWRpbmd9XG4gICAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgICAgZnVsbFdpZHRoPXtmdWxsV2lkdGh9XG4gICAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgYXJpYS1sYWJlbD17bGVmdEljb24gfHwgcmlnaHRJY29ufVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7bG9hZGluZyAmJiAoXG4gICAgICAgICAgPFN0eWxlZExvYWRlcldyYXA+XG4gICAgICAgICAgICA8U3R5bGVkTG9hZGVyPlxuICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICBuYW1lPVwibG9hZGVyXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibG9hZGVyXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkTG9hZGVyPlxuICAgICAgICAgIDwvU3R5bGVkTG9hZGVyV3JhcD5cbiAgICAgICAgKX1cbiAgICAgICAgPFN0eWxlZElubmVyIGxvYWRpbmc9e2xvYWRpbmcgPyAxIDogMH0+XG4gICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtcyB8fCBcImNlbnRlclwifVxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xlZnRJY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17bGVmdEljb259IC8+fVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAge3JpZ2h0SWNvbiAmJiAoXG4gICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17cmlnaHRJY29ufSB2YXJpYW50PXtyaWdodEljb25WYXJpYW50fSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+
+// 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 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1vkw3t42"
+} : {
+  target: "e1vkw3t42",
+  label: "StyledInner"
+})(_ref2 => {
+  let {
+    loading
+  } = _ref2;
+  return loading && {
+    color: "transparent"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0lvQiIsImZpbGUiOiJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQge1xuICBCYXNlVmFyaWF0aW9ucyxcbiAgQnV0dG9uU2l6ZSxcbiAgSG9yaXpvbnRhbEFsaWdubWVudCxcbiAgVGV4dFZhcmlhdGlvbnMsXG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPEJ1dHRvblByb3BzPiAmIFBhcnRpYWw8QnV0dG9uUHJpdmF0ZVByb3BzPj4oXG4gICh7IHRoZW1lLCBmdWxsV2lkdGgsIHNpemUsIHNxdWFyZUNvcm5lcnMsIHZhcmlhbnQgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBib3JkZXI6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmJ1dHRvbi5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uZGlzYWJsZWQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmRpc2FibGVkLFxuICAgIH0sXG4gICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGx9YCxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICB9LFxuICAgICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmRpc2FibGVkLFxuICAgICAgfSxcbiAgICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IGAke3BhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDF9cHggJHtcbiAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIDFcbiAgICAgICAgfXB4YCxcbiAgICAgIH0pLFxuICAgICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLCAxMCkgLSAxXG4gICAgICAgIH1weGAsXG4gICAgICB9KSxcbiAgICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IGAke3BhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSwgMTApIC0gMX1weCAke1xuICAgICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsIDEwKSAtIDFcbiAgICAgICAgfXB4YCxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgICAgIGxldHRlclNwYWNpbmc6IDAuNSxcbiAgICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgfSksXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gICAgICB9KSxcbiAgICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLihmdWxsV2lkdGggJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIH0pLFxuICAgIC4uLihzcXVhcmVDb3JuZXJzICYmIHR5cGVvZiBzcXVhcmVDb3JuZXJzID09PSBcImJvb2xlYW5cIlxuICAgICAgPyB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgICB9XG4gICAgICA6IHNxdWFyZUNvcm5lcnMgJiZcbiAgICAgICAgdHlwZW9mIHNxdWFyZUNvcm5lcnMgIT09IFwiYm9vbGVhblwiICYmIHtcbiAgICAgICAgICAuLi5zcXVhcmVDb3JuZXJzLnJlZHVjZShcbiAgICAgICAgICAgIChwcmV2LCBhY3R1YWw6IHN0cmluZykgPT4gKHtcbiAgICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgICAgW2Bib3JkZXIke2FjdHVhbH1SYWRpdXNgXTogMCxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAge31cbiAgICAgICAgICApLFxuICAgICAgICB9KSxcblxuICAgIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG5cbi8vIG9wdGVkIGluIGZvciB0aGlzIGhhY2t5IHNvbHV0aW9uIGJlY2F1c2UgZW1vdGlvbi5qc1xuLy8gZG9lc24ndCBzdXBwb3J0IHRyYW5zaWVudCBwcm9wcyB5ZXQuIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzIxOTNcbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc6IG51bWJlciB9PihcbiAgKHsgbG9hZGluZyB9KSA9PlxuICAgIGxvYWRpbmcgJiYge1xuICAgICAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9XG4pO1xuXG5jb25zdCBTdHlsZWRMb2FkZXJXcmFwID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogXCIwXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pKTtcblxuY29uc3Qgcm90YXRpb24gPSBrZXlmcmFtZXMoe1xuICBmcm9tOiB7XG4gICAgdHJhbnNmb3JtOiBcInJvdGF0ZSgwZGVnKVwiLFxuICB9LFxuICB0bzoge1xuICAgIHRyYW5zZm9ybTogXCJyb3RhdGUoMzYwZGVnKVwiLFxuICB9LFxufSk7XG5cbmNvbnN0IFN0eWxlZExvYWRlciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgYW5pbWF0aW9uOiBgJHtyb3RhdGlvbn0gMXMgaW5maW5pdGUgbGluZWFyYCxcbn0pKTtcblxudHlwZSBCdXR0b25Qcml2YXRlUHJvcHMgPSB7XG4gIHNxdWFyZUNvcm5lcnM/OlxuICAgIHwgYm9vbGVhblxuICAgIHwgKFwiVG9wTGVmdFwiIHwgXCJUb3BSaWdodFwiIHwgXCJCb3R0b21MZWZ0XCIgfCBcIkJvdHRvbVJpZ2h0XCIpW107XG4gIGFsaWduSXRlbXM/OiBIb3Jpem9udGFsQWxpZ25tZW50O1xuICByaWdodEljb25WYXJpYW50PzogVGV4dFZhcmlhdGlvbnM7XG59O1xuXG5leHBvcnQgdHlwZSBCdXR0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IEJhc2VWYXJpYXRpb25zO1xuICBzaXplPzogQnV0dG9uU2l6ZTtcbiAgLyoqIFR5cGUgaXMgaWdub3JlZCBpZiBcImFcIiBpcyBwcm92aWRlZCB0byBcImFzXCIgcHJvcGVydHkuIE5vdGUgdGhhdCB5b3UgY2FuIGV4cGxpY2V0bHkgcGFzcyBudWxsLiAqL1xuICB0eXBlPzogXCJzdWJtaXRcIiB8IFwiYnV0dG9uXCIgfCBcInJlc2V0XCIgfCBudWxsO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBXaGVuIGxvYWRpbmcgaXMgdHJ1ZSwgZGlzYWJsZWQgaXMgc2V0IHRvIHRydWUgYXMgd2VsbC4gKi9cbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgbGVmdEljb24/OiBJY29uTmFtZTtcbiAgcmlnaHRJY29uPzogSWNvbk5hbWU7XG4gIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gIHByaXZhdGVQcm9wcz86IEJ1dHRvblByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRpdGlvbmFsIGFyaWEgYXR0cmlidXRlcy4gW3NlZSBkb2N1bWVudGF0aW9uXShodHRwczovL2dpdGh1Yi5jb20vRGVmaW5pdGVseVR5cGVkL0RlZmluaXRlbHlUeXBlZC9ibG9iLzAyNTQ5YzA4M2U5ZDYyYjYwNDA5MWQ3NzBjNDU2OGQ0NzI4MmNkZDAvdHlwZXMvcmVhY3QvaW5kZXguZC50cyNMMTQ2MSlcbiAgICovXG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG59O1xuXG50eXBlIEJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBCdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcmlhQXR0cmlidXRlcyxcbiAgICAgIGFzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgZnVsbFdpZHRoID0gZmFsc2UsXG4gICAgICBsZWZ0SWNvbixcbiAgICAgIGxvYWRpbmcgPSBmYWxzZSxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcHJpdmF0ZVByb3BzID0geyBzcXVhcmVDb3JuZXJzOiBmYWxzZSB9LFxuICAgICAgcmlnaHRJY29uLFxuICAgICAgc2l6ZSA9IFwibVwiLFxuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICB2YXJpYW50ID0gXCJwcmltYXJ5XCIsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IHsgc3F1YXJlQ29ybmVycywgYWxpZ25JdGVtcywgcmlnaHRJY29uVmFyaWFudCB9ID0gcHJpdmF0ZVByb3BzO1xuXG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2soZTogUmVhY3QuTW91c2VFdmVudCkge1xuICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH1cbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL3N0eWxlZCNhcy1wcm9wXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvYWRpbmd9XG4gICAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgICAgZnVsbFdpZHRoPXtmdWxsV2lkdGh9XG4gICAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgYXJpYS1sYWJlbD17bGVmdEljb24gfHwgcmlnaHRJY29ufVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7bG9hZGluZyAmJiAoXG4gICAgICAgICAgPFN0eWxlZExvYWRlcldyYXA+XG4gICAgICAgICAgICA8U3R5bGVkTG9hZGVyPlxuICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICBuYW1lPVwibG9hZGVyXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibG9hZGVyXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkTG9hZGVyPlxuICAgICAgICAgIDwvU3R5bGVkTG9hZGVyV3JhcD5cbiAgICAgICAgKX1cbiAgICAgICAgPFN0eWxlZElubmVyIGxvYWRpbmc9e2xvYWRpbmcgPyAxIDogMH0+XG4gICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtcyB8fCBcImNlbnRlclwifVxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xlZnRJY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17bGVmdEljb259IC8+fVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAge3JpZ2h0SWNvbiAmJiAoXG4gICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17cmlnaHRJY29ufSB2YXJpYW50PXtyaWdodEljb25WYXJpYW50fSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+const StyledLoaderWrap = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1vkw3t41"
+} : {
+  target: "e1vkw3t41",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUl5QiIsImZpbGUiOiJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQge1xuICBCYXNlVmFyaWF0aW9ucyxcbiAgQnV0dG9uU2l6ZSxcbiAgSG9yaXpvbnRhbEFsaWdubWVudCxcbiAgVGV4dFZhcmlhdGlvbnMsXG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPEJ1dHRvblByb3BzPiAmIFBhcnRpYWw8QnV0dG9uUHJpdmF0ZVByb3BzPj4oXG4gICh7IHRoZW1lLCBmdWxsV2lkdGgsIHNpemUsIHNxdWFyZUNvcm5lcnMsIHZhcmlhbnQgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBib3JkZXI6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmJ1dHRvbi5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uZGlzYWJsZWQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmRpc2FibGVkLFxuICAgIH0sXG4gICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGx9YCxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICB9LFxuICAgICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmRpc2FibGVkLFxuICAgICAgfSxcbiAgICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IGAke3BhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDF9cHggJHtcbiAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIDFcbiAgICAgICAgfXB4YCxcbiAgICAgIH0pLFxuICAgICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLCAxMCkgLSAxXG4gICAgICAgIH1weGAsXG4gICAgICB9KSxcbiAgICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IGAke3BhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSwgMTApIC0gMX1weCAke1xuICAgICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsIDEwKSAtIDFcbiAgICAgICAgfXB4YCxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgICAgIGxldHRlclNwYWNpbmc6IDAuNSxcbiAgICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgfSksXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gICAgICB9KSxcbiAgICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLihmdWxsV2lkdGggJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIH0pLFxuICAgIC4uLihzcXVhcmVDb3JuZXJzICYmIHR5cGVvZiBzcXVhcmVDb3JuZXJzID09PSBcImJvb2xlYW5cIlxuICAgICAgPyB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgICB9XG4gICAgICA6IHNxdWFyZUNvcm5lcnMgJiZcbiAgICAgICAgdHlwZW9mIHNxdWFyZUNvcm5lcnMgIT09IFwiYm9vbGVhblwiICYmIHtcbiAgICAgICAgICAuLi5zcXVhcmVDb3JuZXJzLnJlZHVjZShcbiAgICAgICAgICAgIChwcmV2LCBhY3R1YWw6IHN0cmluZykgPT4gKHtcbiAgICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgICAgW2Bib3JkZXIke2FjdHVhbH1SYWRpdXNgXTogMCxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAge31cbiAgICAgICAgICApLFxuICAgICAgICB9KSxcblxuICAgIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG5cbi8vIG9wdGVkIGluIGZvciB0aGlzIGhhY2t5IHNvbHV0aW9uIGJlY2F1c2UgZW1vdGlvbi5qc1xuLy8gZG9lc24ndCBzdXBwb3J0IHRyYW5zaWVudCBwcm9wcyB5ZXQuIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzIxOTNcbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc6IG51bWJlciB9PihcbiAgKHsgbG9hZGluZyB9KSA9PlxuICAgIGxvYWRpbmcgJiYge1xuICAgICAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9XG4pO1xuXG5jb25zdCBTdHlsZWRMb2FkZXJXcmFwID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogXCIwXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pKTtcblxuY29uc3Qgcm90YXRpb24gPSBrZXlmcmFtZXMoe1xuICBmcm9tOiB7XG4gICAgdHJhbnNmb3JtOiBcInJvdGF0ZSgwZGVnKVwiLFxuICB9LFxuICB0bzoge1xuICAgIHRyYW5zZm9ybTogXCJyb3RhdGUoMzYwZGVnKVwiLFxuICB9LFxufSk7XG5cbmNvbnN0IFN0eWxlZExvYWRlciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgYW5pbWF0aW9uOiBgJHtyb3RhdGlvbn0gMXMgaW5maW5pdGUgbGluZWFyYCxcbn0pKTtcblxudHlwZSBCdXR0b25Qcml2YXRlUHJvcHMgPSB7XG4gIHNxdWFyZUNvcm5lcnM/OlxuICAgIHwgYm9vbGVhblxuICAgIHwgKFwiVG9wTGVmdFwiIHwgXCJUb3BSaWdodFwiIHwgXCJCb3R0b21MZWZ0XCIgfCBcIkJvdHRvbVJpZ2h0XCIpW107XG4gIGFsaWduSXRlbXM/OiBIb3Jpem9udGFsQWxpZ25tZW50O1xuICByaWdodEljb25WYXJpYW50PzogVGV4dFZhcmlhdGlvbnM7XG59O1xuXG5leHBvcnQgdHlwZSBCdXR0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IEJhc2VWYXJpYXRpb25zO1xuICBzaXplPzogQnV0dG9uU2l6ZTtcbiAgLyoqIFR5cGUgaXMgaWdub3JlZCBpZiBcImFcIiBpcyBwcm92aWRlZCB0byBcImFzXCIgcHJvcGVydHkuIE5vdGUgdGhhdCB5b3UgY2FuIGV4cGxpY2V0bHkgcGFzcyBudWxsLiAqL1xuICB0eXBlPzogXCJzdWJtaXRcIiB8IFwiYnV0dG9uXCIgfCBcInJlc2V0XCIgfCBudWxsO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBXaGVuIGxvYWRpbmcgaXMgdHJ1ZSwgZGlzYWJsZWQgaXMgc2V0IHRvIHRydWUgYXMgd2VsbC4gKi9cbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgbGVmdEljb24/OiBJY29uTmFtZTtcbiAgcmlnaHRJY29uPzogSWNvbk5hbWU7XG4gIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gIHByaXZhdGVQcm9wcz86IEJ1dHRvblByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRpdGlvbmFsIGFyaWEgYXR0cmlidXRlcy4gW3NlZSBkb2N1bWVudGF0aW9uXShodHRwczovL2dpdGh1Yi5jb20vRGVmaW5pdGVseVR5cGVkL0RlZmluaXRlbHlUeXBlZC9ibG9iLzAyNTQ5YzA4M2U5ZDYyYjYwNDA5MWQ3NzBjNDU2OGQ0NzI4MmNkZDAvdHlwZXMvcmVhY3QvaW5kZXguZC50cyNMMTQ2MSlcbiAgICovXG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG59O1xuXG50eXBlIEJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBCdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcmlhQXR0cmlidXRlcyxcbiAgICAgIGFzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgZnVsbFdpZHRoID0gZmFsc2UsXG4gICAgICBsZWZ0SWNvbixcbiAgICAgIGxvYWRpbmcgPSBmYWxzZSxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcHJpdmF0ZVByb3BzID0geyBzcXVhcmVDb3JuZXJzOiBmYWxzZSB9LFxuICAgICAgcmlnaHRJY29uLFxuICAgICAgc2l6ZSA9IFwibVwiLFxuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICB2YXJpYW50ID0gXCJwcmltYXJ5XCIsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IHsgc3F1YXJlQ29ybmVycywgYWxpZ25JdGVtcywgcmlnaHRJY29uVmFyaWFudCB9ID0gcHJpdmF0ZVByb3BzO1xuXG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2soZTogUmVhY3QuTW91c2VFdmVudCkge1xuICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH1cbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL3N0eWxlZCNhcy1wcm9wXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvYWRpbmd9XG4gICAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgICAgZnVsbFdpZHRoPXtmdWxsV2lkdGh9XG4gICAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgYXJpYS1sYWJlbD17bGVmdEljb24gfHwgcmlnaHRJY29ufVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7bG9hZGluZyAmJiAoXG4gICAgICAgICAgPFN0eWxlZExvYWRlcldyYXA+XG4gICAgICAgICAgICA8U3R5bGVkTG9hZGVyPlxuICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICBuYW1lPVwibG9hZGVyXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibG9hZGVyXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkTG9hZGVyPlxuICAgICAgICAgIDwvU3R5bGVkTG9hZGVyV3JhcD5cbiAgICAgICAgKX1cbiAgICAgICAgPFN0eWxlZElubmVyIGxvYWRpbmc9e2xvYWRpbmcgPyAxIDogMH0+XG4gICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtcyB8fCBcImNlbnRlclwifVxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xlZnRJY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17bGVmdEljb259IC8+fVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAge3JpZ2h0SWNvbiAmJiAoXG4gICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17cmlnaHRJY29ufSB2YXJpYW50PXtyaWdodEljb25WYXJpYW50fSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+const rotation = keyframes({
+  from: {
+    transform: "rotate(0deg)"
+  },
+  to: {
+    transform: "rotate(360deg)"
+  }
+});
+const StyledLoader = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1vkw3t40"
+} : {
+  target: "e1vkw3t40",
+  label: "StyledLoader"
+})(() => ({
+  position: "absolute",
+  animation: `${rotation} 1s infinite linear`
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEpxQiIsImZpbGUiOiJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQge1xuICBCYXNlVmFyaWF0aW9ucyxcbiAgQnV0dG9uU2l6ZSxcbiAgSG9yaXpvbnRhbEFsaWdubWVudCxcbiAgVGV4dFZhcmlhdGlvbnMsXG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPEJ1dHRvblByb3BzPiAmIFBhcnRpYWw8QnV0dG9uUHJpdmF0ZVByb3BzPj4oXG4gICh7IHRoZW1lLCBmdWxsV2lkdGgsIHNpemUsIHNxdWFyZUNvcm5lcnMsIHZhcmlhbnQgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBib3JkZXI6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvblt2YXJpYW50XS5iYXNlLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmJ1dHRvbi5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uZGlzYWJsZWQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmRpc2FibGVkLFxuICAgIH0sXG4gICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9YCxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGx9YCxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICB9LFxuICAgICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmRpc2FibGVkLFxuICAgICAgfSxcbiAgICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IGAke3BhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDF9cHggJHtcbiAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIDFcbiAgICAgICAgfXB4YCxcbiAgICAgIH0pLFxuICAgICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLCAxMCkgLSAxXG4gICAgICAgIH1weGAsXG4gICAgICB9KSxcbiAgICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IGAke3BhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSwgMTApIC0gMX1weCAke1xuICAgICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsIDEwKSAtIDFcbiAgICAgICAgfXB4YCxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgICAgIGxldHRlclNwYWNpbmc6IDAuNSxcbiAgICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgfSksXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gICAgICB9KSxcbiAgICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLihmdWxsV2lkdGggJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIH0pLFxuICAgIC4uLihzcXVhcmVDb3JuZXJzICYmIHR5cGVvZiBzcXVhcmVDb3JuZXJzID09PSBcImJvb2xlYW5cIlxuICAgICAgPyB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgICB9XG4gICAgICA6IHNxdWFyZUNvcm5lcnMgJiZcbiAgICAgICAgdHlwZW9mIHNxdWFyZUNvcm5lcnMgIT09IFwiYm9vbGVhblwiICYmIHtcbiAgICAgICAgICAuLi5zcXVhcmVDb3JuZXJzLnJlZHVjZShcbiAgICAgICAgICAgIChwcmV2LCBhY3R1YWw6IHN0cmluZykgPT4gKHtcbiAgICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgICAgW2Bib3JkZXIke2FjdHVhbH1SYWRpdXNgXTogMCxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAge31cbiAgICAgICAgICApLFxuICAgICAgICB9KSxcblxuICAgIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG5cbi8vIG9wdGVkIGluIGZvciB0aGlzIGhhY2t5IHNvbHV0aW9uIGJlY2F1c2UgZW1vdGlvbi5qc1xuLy8gZG9lc24ndCBzdXBwb3J0IHRyYW5zaWVudCBwcm9wcyB5ZXQuIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzIxOTNcbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc6IG51bWJlciB9PihcbiAgKHsgbG9hZGluZyB9KSA9PlxuICAgIGxvYWRpbmcgJiYge1xuICAgICAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9XG4pO1xuXG5jb25zdCBTdHlsZWRMb2FkZXJXcmFwID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogXCIwXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pKTtcblxuY29uc3Qgcm90YXRpb24gPSBrZXlmcmFtZXMoe1xuICBmcm9tOiB7XG4gICAgdHJhbnNmb3JtOiBcInJvdGF0ZSgwZGVnKVwiLFxuICB9LFxuICB0bzoge1xuICAgIHRyYW5zZm9ybTogXCJyb3RhdGUoMzYwZGVnKVwiLFxuICB9LFxufSk7XG5cbmNvbnN0IFN0eWxlZExvYWRlciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgYW5pbWF0aW9uOiBgJHtyb3RhdGlvbn0gMXMgaW5maW5pdGUgbGluZWFyYCxcbn0pKTtcblxudHlwZSBCdXR0b25Qcml2YXRlUHJvcHMgPSB7XG4gIHNxdWFyZUNvcm5lcnM/OlxuICAgIHwgYm9vbGVhblxuICAgIHwgKFwiVG9wTGVmdFwiIHwgXCJUb3BSaWdodFwiIHwgXCJCb3R0b21MZWZ0XCIgfCBcIkJvdHRvbVJpZ2h0XCIpW107XG4gIGFsaWduSXRlbXM/OiBIb3Jpem9udGFsQWxpZ25tZW50O1xuICByaWdodEljb25WYXJpYW50PzogVGV4dFZhcmlhdGlvbnM7XG59O1xuXG5leHBvcnQgdHlwZSBCdXR0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IEJhc2VWYXJpYXRpb25zO1xuICBzaXplPzogQnV0dG9uU2l6ZTtcbiAgLyoqIFR5cGUgaXMgaWdub3JlZCBpZiBcImFcIiBpcyBwcm92aWRlZCB0byBcImFzXCIgcHJvcGVydHkuIE5vdGUgdGhhdCB5b3UgY2FuIGV4cGxpY2V0bHkgcGFzcyBudWxsLiAqL1xuICB0eXBlPzogXCJzdWJtaXRcIiB8IFwiYnV0dG9uXCIgfCBcInJlc2V0XCIgfCBudWxsO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBXaGVuIGxvYWRpbmcgaXMgdHJ1ZSwgZGlzYWJsZWQgaXMgc2V0IHRvIHRydWUgYXMgd2VsbC4gKi9cbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgbGVmdEljb24/OiBJY29uTmFtZTtcbiAgcmlnaHRJY29uPzogSWNvbk5hbWU7XG4gIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gIHByaXZhdGVQcm9wcz86IEJ1dHRvblByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRpdGlvbmFsIGFyaWEgYXR0cmlidXRlcy4gW3NlZSBkb2N1bWVudGF0aW9uXShodHRwczovL2dpdGh1Yi5jb20vRGVmaW5pdGVseVR5cGVkL0RlZmluaXRlbHlUeXBlZC9ibG9iLzAyNTQ5YzA4M2U5ZDYyYjYwNDA5MWQ3NzBjNDU2OGQ0NzI4MmNkZDAvdHlwZXMvcmVhY3QvaW5kZXguZC50cyNMMTQ2MSlcbiAgICovXG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG59O1xuXG50eXBlIEJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBCdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcmlhQXR0cmlidXRlcyxcbiAgICAgIGFzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgZnVsbFdpZHRoID0gZmFsc2UsXG4gICAgICBsZWZ0SWNvbixcbiAgICAgIGxvYWRpbmcgPSBmYWxzZSxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcHJpdmF0ZVByb3BzID0geyBzcXVhcmVDb3JuZXJzOiBmYWxzZSB9LFxuICAgICAgcmlnaHRJY29uLFxuICAgICAgc2l6ZSA9IFwibVwiLFxuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICB2YXJpYW50ID0gXCJwcmltYXJ5XCIsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IHsgc3F1YXJlQ29ybmVycywgYWxpZ25JdGVtcywgcmlnaHRJY29uVmFyaWFudCB9ID0gcHJpdmF0ZVByb3BzO1xuXG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2soZTogUmVhY3QuTW91c2VFdmVudCkge1xuICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH1cbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL3N0eWxlZCNhcy1wcm9wXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvYWRpbmd9XG4gICAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgICAgZnVsbFdpZHRoPXtmdWxsV2lkdGh9XG4gICAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgYXJpYS1sYWJlbD17bGVmdEljb24gfHwgcmlnaHRJY29ufVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7bG9hZGluZyAmJiAoXG4gICAgICAgICAgPFN0eWxlZExvYWRlcldyYXA+XG4gICAgICAgICAgICA8U3R5bGVkTG9hZGVyPlxuICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICBuYW1lPVwibG9hZGVyXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibG9hZGVyXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkTG9hZGVyPlxuICAgICAgICAgIDwvU3R5bGVkTG9hZGVyV3JhcD5cbiAgICAgICAgKX1cbiAgICAgICAgPFN0eWxlZElubmVyIGxvYWRpbmc9e2xvYWRpbmcgPyAxIDogMH0+XG4gICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtcyB8fCBcImNlbnRlclwifVxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xlZnRJY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17bGVmdEljb259IC8+fVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAge3JpZ2h0SWNvbiAmJiAoXG4gICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17cmlnaHRJY29ufSB2YXJpYW50PXtyaWdodEljb25WYXJpYW50fSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRJbm5lcj5cbiAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+const Button = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
+  let {
+    "data-e2e-test-id": dataE2eTestId,
+    ariaAttributes,
+    as,
+    children,
+    disabled = false,
+    fullWidth = false,
+    leftIcon,
+    loading = false,
+    onBlur,
+    onClick,
+    onFocus,
+    privateProps = {
+      squareCorners: false
+    },
+    rightIcon,
+    size = "m",
+    type = "button",
+    variant = "primary",
+    ...rest
+  } = _ref3;
+  const {
+    squareCorners,
+    alignItems,
+    rightIconVariant
+  } = privateProps;
+  function handleClick(e) {
+    if (disabled) {
+      e.preventDefault();
+    }
+    if (onClick) {
+      onClick(e);
+    }
+  }
+  return /*#__PURE__*/React.createElement(StyledButton, _extends({
+    ref: ref,
+    "data-e2e-test-id": dataE2eTestId
+    // https://emotion.sh/docs/styled#as-prop
+    ,
+    as: as,
+    disabled: disabled || loading,
+    type: as && as !== "button" ? undefined : type,
+    fullWidth: fullWidth,
+    squareCorners: squareCorners,
+    variant: variant,
+    size: size,
+    onClick: handleClick,
+    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
+  }))));
+});
+
+export { Button };
+//# sourceMappingURL=Button.js.map

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

@@ -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 isPropValid from \"@emotion/is-prop-valid\";\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  PolymorphicRef,\n  PolymorphicComponentPropsWithRef,\n} from \"../../types\";\n\nconst StyledButton = styled(\"button\", {\n  shouldForwardProp: (prop) => isPropValid(prop),\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\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 = {\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  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\ntype ButtonComponent = <C extends React.ElementType = \"button\">(\n  props: PolymorphicComponentPropsWithRef<C, ButtonProps>\n) => React.ReactElement | null;\n\nexport const Button: ButtonComponent = React.forwardRef(\n  <C extends React.ElementType = \"button\">(\n    {\n      \"data-e2e-test-id\": dataE2eTestId,\n      ariaAttributes,\n      as,\n      children,\n      disabled = false,\n      fullWidth = false,\n      leftIcon,\n      loading = false,\n      onBlur,\n      onClick,\n      onFocus,\n      privateProps = { squareCorners: false },\n      rightIcon,\n      size = \"m\",\n      type = \"button\",\n      variant = \"primary\",\n      ...rest\n    }: PolymorphicComponentPropsWithRef<C, ButtonProps>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const { squareCorners, alignItems, rightIconVariant } = privateProps;\n\n    function handleClick(e: React.MouseEvent) {\n      if (disabled) {\n        e.preventDefault();\n      }\n      if (onClick) {\n        onClick(e);\n      }\n    }\n\n    return (\n      <StyledButton\n        ref={ref}\n        data-e2e-test-id={dataE2eTestId}\n        // https://emotion.sh/docs/styled#as-prop\n        as={as}\n        disabled={disabled || loading}\n        type={as && as !== \"button\" ? undefined : type}\n        fullWidth={fullWidth}\n        squareCorners={squareCorners}\n        variant={variant}\n        size={size}\n        onClick={handleClick}\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);\n"],"names":["StyledButton","_styled","process","env","NODE_ENV","shouldForwardProp","prop","isPropValid","target","label","_ref","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","_ref2","loading","StyledLoaderWrap","position","height","top","left","justifyContent","rotation","keyframes","from","transform","to","StyledLoader","animation","Button","React","forwardRef","_ref3","ref","dataE2eTestId","ariaAttributes","as","children","leftIcon","onBlur","onClick","onFocus","privateProps","rightIcon","type","rest","alignItems","rightIconVariant","handleClick","e","preventDefault","createElement","_extends","undefined","Icon","name","Inline","vAlignItems","space","noWrap"],"mappings":"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"}

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

@@ -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 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evdfhap0"
+} : {
+  target: "evdfhap0",
+  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/esm/src/components/Callout/Callout.js.map

@@ -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","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","color","values","text","callout","backgroundColor","background","borderRadius","variables","size","button","m","padding","spacing","lineHeight","s","width","fontWeight","fontSize","svg","Callout","_ref2","description","dataE2eTestId","React","createElement","Inline","vAlignItems","space","noWrap","Icon","name","variant","Stack","Text","weight"],"mappings":"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"}

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

@@ -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 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eieabd00"
+} : {
+  target: "eieabd00",
+  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/esm/src/components/Card/Card.js.map

@@ -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","_styled","process","env","NODE_ENV","target","label","_ref","theme","overflow","squareCorners","borderRadius","variables","size","card","m","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","boxShadow","shadow","a","backgroundColor","values","color","background","layer_2","Card","_ref2","title","subtitle","button","dropdown","children","dataE2eTestId","informDeprecation","React","createElement","CardHeader"],"mappings":";;;;;AA2BA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAH,IAAA,CAAA;EAAA,OAAM;AACvC,IAAA,IAAIG,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,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,q/GAAA,CAAA,CAAA;AAEM,SAASwB,IAAIA,CAAAC,KAAA,EASc;EAAA,IATb;IACnBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;IACRC,QAAQ;AACRzB,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,aAAa,GAAG,KAAK;AACrB,IAAA,kBAAkB,EAAEyB,aAAAA;AACX,GAAC,GAAAN,KAAA,CAAA;EACVO,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,oBACEK,KAAA,CAAAC,aAAA,CAACtC,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBmC,aAAc;AAChC1B,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EAE5B,CAACsB,MAAM,IAAIC,QAAQ,IAAIF,QAAQ,IAAID,KAAK,kBACvCO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAAA;GAEb,CAAA,EACAC,QAAQ,CACO,CAAA;AAEtB;;;;"}

package/build/esm/src/components/Card/CardBox.js

@@ -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/esm/src/components/Card/CardBox.js.map

@@ -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","_ref","children","dataE2eTestId","React","createElement","Box","space","vSpace"],"mappings":";;;AAQO,SAASA,OAAOA,CAAAC,IAAA,EAGc;EAAA,IAHb;IACtBC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACR,GAAC,GAAAF,IAAA,CAAA;AACb,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AAAC,IAAA,kBAAA,EAAkBH,aAAc;AAACI,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;AAACC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,EACrEN,QAAQ,CACL,CAAA;AAEV;;;;"}