@amboss/design-system 1.21.3 → 1.22.0

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

@@ -1,6 +1,6 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _styled from '@emotion/styled/base';
-import React from 'react';
+import React, { useCallback } from 'react';
 import { Icon } from '../Icon/Icon.js';
 import { Inline } from '../Inline/Inline.js';
 
@@ -26,10 +26,10 @@ const StyledPictogramButton = /*#__PURE__*/_styled("button", process.env.NODE_EN
     display: "inline-block",
     textTransform: "none",
     textDecoration: "none",
-    borderRadius: theme.variables.size.borderRadius.button.m,
+    borderRadius: theme.variables.size.borderRadius.xs,
     fontFamily: theme.variables.fontFamily.lato,
     fontSize: theme.variables.size.font.s,
-    lineHeight: theme.variables.size.lineHeight.button.m,
+    lineHeight: theme.variables.size.lineHeight.xs,
     fontWeight: theme.variables.weight.bold,
     padding: theme.variables.size.spacing.xxs,
     cursor: "pointer",
@@ -88,7 +88,7 @@ const StyledPictogramButton = /*#__PURE__*/_styled("button", process.env.NODE_EN
       padding: theme.variables.size.spacing.xs
     })
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRQaWN0b2dyYW1CdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8UGljdG9ncmFtQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIHNpemUsIHNxdWFyZUNvcm5lcnMgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuYnV0dG9uLmRpc2FibGVkLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJwcmltYXJ5XCIgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5vbkFjY2VudC5kZWZhdWx0LFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGlzYWJsZWQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRpc2FibGVkLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBwYWRkaW5nOiBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cywgMTApIC0gMSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgXCI6aG92ZXJcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICB9LFxuICAgICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oc3F1YXJlQ29ybmVycyAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiMFwiLFxuICAgIH0pLFxuICAgIC4uLigoc2l6ZSA9PT0gXCJzXCIgfHwgc2l6ZSA9PT0gXCJtXCIpICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBQaWN0b2dyYW1CdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG4gIC8qKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGhhcyBzcXVhcmUgY29ybmVycy4gKi9cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIC8qKiBTaXplICovXG4gIHNpemU/OiBcInhzXCIgfCBcInNcIiB8IFwibVwiO1xufSAmIE9taXQ8XG4gIEJ1dHRvblByb3BzLFxuICB8IFwic2l6ZVwiXG4gIHwgXCJsZWZ0SWNvblwiXG4gIHwgXCJyaWdodEljb25cIlxuICB8IFwiZnVsbFdpZHRoXCJcbiAgfCBcImRlc3RydWN0aXZlXCJcbiAgfCBcInByaXZhdGVQcm9wc1wiXG4gIHwgXCJsb2FkaW5nXCJcbj47XG5cbnR5cGUgUGljdG9ncmFtQnV0dG9uQ29tcG9uZW50ID0gPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUGljdG9ncmFtQnV0dG9uUHJvcHM+XG4pID0+IFJlYWN0LlJlYWN0RWxlbWVudCB8IG51bGw7XG5cbmV4cG9ydCBjb25zdCBQaWN0b2dyYW1CdXR0b246IFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgICB7XG4gICAgICBhcmlhQXR0cmlidXRlcyxcbiAgICAgIHR5cGUgPSBcImJ1dHRvblwiLFxuICAgICAgc2l6ZSA9IFwieHNcIixcbiAgICAgIHZhcmlhbnQgPSBcInRlcnRpYXJ5XCIsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBvbkJsdXIsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIGFzLFxuICAgICAgaWNvbixcbiAgICAgIHNxdWFyZUNvcm5lcnMgPSBmYWxzZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBQaWN0b2dyYW1CdXR0b25Qcm9wcz4sXG4gICAgcmVmPzogUG9seW1vcnBoaWNSZWY8Qz5cbiAgKSA9PiB7XG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2soZTogUmVhY3QuTW91c2VFdmVudCkge1xuICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH1cbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfVxuICAgIGNvbnN0IGljb25TaXplID0gc2l6ZSA9PT0gXCJtXCIgPyBcIm1cIiA6IFwic1wiO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRQaWN0b2dyYW1CdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQaWN0b2dyYW1CdXR0b25cIlxuICAgICAgICBhcz17YXN9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9e2ljb25TaXplfVxuICAgICAgICAgICAgbmFtZT17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17aWNvbn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkUGljdG9ncmFtQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWYsIFBvbHltb3JwaGljUmVmIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZFBpY3RvZ3JhbUJ1dHRvbiA9IHN0eWxlZC5idXR0b248UGFydGlhbDxQaWN0b2dyYW1CdXR0b25Qcm9wcz4+KFxuICAoeyB0aGVtZSwgdmFyaWFudCwgc2l6ZSwgc3F1YXJlQ29ybmVycyB9KSA9PiAoe1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImW2Rpc2FibGVkXSwgJjpkaXNhYmxlZFwiOiB7XG4gICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5idXR0b24uZGlzYWJsZWQsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC4uLih2YXJpYW50ID09PSBcInByaW1hcnlcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuYWN0aXZlLFxuICAgICAgfSxcbiAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5vbkFjY2VudC5kaXNhYmxlZCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGlzYWJsZWQsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInNlY29uZGFyeVwiICYmIHtcbiAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLCAxMCkgLSAxLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwidGVydGlhcnlcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgICBcIjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgICBcIjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLihzcXVhcmVDb3JuZXJzICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogXCIwXCIsXG4gICAgfSksXG4gICAgLi4uKChzaXplID09PSBcInNcIiB8fCBzaXplID09PSBcIm1cIikgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIFBpY3RvZ3JhbUJ1dHRvblByb3BzID0ge1xuICAvKiogVGhlIGNlbnRlcmVkIGljb24gdG8gYmUgZGlzcGxheWVkLiAqL1xuICBpY29uOiBJY29uTmFtZTtcbiAgLyoqIElmIHRydWUsIHRoZSBidXR0b24gaGFzIHNxdWFyZSBjb3JuZXJzLiAqL1xuICBzcXVhcmVDb3JuZXJzPzogYm9vbGVhbjtcbiAgLyoqIFNpemUgKi9cbiAgc2l6ZT86IFwieHNcIiB8IFwic1wiIHwgXCJtXCI7XG59ICYgT21pdDxcbiAgQnV0dG9uUHJvcHMsXG4gIHwgXCJzaXplXCJcbiAgfCBcImxlZnRJY29uXCJcbiAgfCBcInJpZ2h0SWNvblwiXG4gIHwgXCJmdWxsV2lkdGhcIlxuICB8IFwiZGVzdHJ1Y3RpdmVcIlxuICB8IFwicHJpdmF0ZVByb3BzXCJcbiAgfCBcImxvYWRpbmdcIlxuPjtcblxudHlwZSBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBQaWN0b2dyYW1CdXR0b25Qcm9wcz5cbikgPT4gUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcblxuZXhwb3J0IGNvbnN0IFBpY3RvZ3JhbUJ1dHRvbjogUGljdG9ncmFtQnV0dG9uQ29tcG9uZW50ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICAgIHtcbiAgICAgIGFyaWFBdHRyaWJ1dGVzLFxuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICBzaXplID0gXCJ4c1wiLFxuICAgICAgdmFyaWFudCA9IFwidGVydGlhcnlcIixcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uQmx1cixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgYXMsXG4gICAgICBpY29uLFxuICAgICAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPixcbiAgICByZWY/OiBQb2x5bW9ycGhpY1JlZjxDPlxuICApID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgb25DbGljayhlKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtkaXNhYmxlZCwgb25DbGlja11cbiAgICApO1xuICAgIGNvbnN0IGljb25TaXplID0gc2l6ZSA9PT0gXCJtXCIgPyBcIm1cIiA6IFwic1wiO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRQaWN0b2dyYW1CdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQaWN0b2dyYW1CdXR0b25cIlxuICAgICAgICBhcz17YXN9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9e2ljb25TaXplfVxuICAgICAgICAgICAgbmFtZT17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17aWNvbn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkUGljdG9ncmFtQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
 const PictogramButton = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     ariaAttributes,
@@ -105,14 +105,14 @@ const PictogramButton = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     squareCorners = false,
     ...rest
   } = _ref2;
-  function handleClick(e) {
+  const handleClick = useCallback(e => {
     if (disabled) {
       e.preventDefault();
     }
     if (onClick) {
       onClick(e);
     }
-  }
+  }, [disabled, onClick]);
   const iconSize = size === "m" ? "m" : "s";
   return /*#__PURE__*/React.createElement(StyledPictogramButton, _extends({
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"PictogramButton.js","sources":["../../../../../src/components/PictogramButton/PictogramButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from \"../../types\";\n\nconst StyledPictogramButton = styled.button<Partial<PictogramButtonProps>>(\n  ({ theme, variant, size, squareCorners }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      MozAppearance: \"none\",\n      WebkitAppearance: \"none\",\n    },\n    border: 0,\n    display: \"inline-block\",\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.s,\n    lineHeight: theme.variables.size.lineHeight.button.m,\n    fontWeight: theme.variables.weight.bold,\n    padding: theme.variables.size.spacing.xxs,\n    cursor: \"pointer\",\n    \"&[disabled], &:disabled\": {\n      opacity: theme.variables.opacity.button.disabled,\n      pointerEvents: \"none\",\n    },\n    ...(variant === \"primary\" && {\n      backgroundColor: theme.values.color.background.accent.default,\n      color: theme.values.color.text.onAccent.default,\n      \"&:hover\": {\n        backgroundColor: theme.values.color.background.accent.hover,\n      },\n      \"&:active\": {\n        backgroundColor: theme.values.color.background.accent.active,\n      },\n      \"&:disabled\": {\n        color: theme.values.color.text.onAccent.disabled,\n        backgroundColor: theme.values.color.background.accent.disabled,\n      },\n    }),\n    ...(variant === \"secondary\" && {\n      border: \"1px solid\",\n      backgroundColor: theme.values.color.background.transparent.default,\n      borderColor: theme.values.color.border.primary.default,\n      color: theme.values.color.text.secondary.default,\n      padding: parseInt(theme.variables.size.spacing.xxs, 10) - 1,\n      \"&:hover\": {\n        borderColor: theme.values.color.border.primary.default,\n        backgroundColor: theme.values.color.background.transparent.hover,\n      },\n      \"&:active\": {\n        borderColor: theme.values.color.border.primary.active,\n      },\n    }),\n    ...(variant === \"tertiary\" && {\n      backgroundColor: theme.values.color.background.transparent.default,\n      color: theme.values.color.text.secondary.default,\n      \":hover\": {\n        color: theme.values.color.text.secondary.default,\n        backgroundColor: theme.values.color.background.transparent.hover,\n      },\n      \":active\": {\n        color: theme.values.color.text.primary.default,\n        backgroundColor: theme.values.color.background.transparent.active,\n      },\n      \":disabled\": {\n        backgroundColor: theme.values.color.background.transparent.default,\n        borderColor: theme.values.color.border.secondary.default,\n      },\n    }),\n    ...(squareCorners && {\n      borderRadius: \"0\",\n    }),\n    ...((size === \"s\" || size === \"m\") && {\n      padding: theme.variables.size.spacing.xs,\n    }),\n  })\n);\n\nexport type PictogramButtonProps = {\n  /** The centered icon to be displayed. */\n  icon: IconName;\n  /** If true, the button has square corners. */\n  squareCorners?: boolean;\n  /** Size */\n  size?: \"xs\" | \"s\" | \"m\";\n} & Omit<\n  ButtonProps,\n  | \"size\"\n  | \"leftIcon\"\n  | \"rightIcon\"\n  | \"fullWidth\"\n  | \"destructive\"\n  | \"privateProps\"\n  | \"loading\"\n>;\n\ntype PictogramButtonComponent = <C extends React.ElementType = \"button\">(\n  props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>\n) => React.ReactElement | null;\n\nexport const PictogramButton: PictogramButtonComponent = React.forwardRef(\n  <C extends React.ElementType = \"button\">(\n    {\n      ariaAttributes,\n      type = \"button\",\n      size = \"xs\",\n      variant = \"tertiary\",\n      disabled = false,\n      onClick,\n      onFocus,\n      onBlur,\n      \"data-e2e-test-id\": dataE2eTestId,\n      as,\n      icon,\n      squareCorners = false,\n      ...rest\n    }: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    function handleClick(e: React.MouseEvent) {\n      if (disabled) {\n        e.preventDefault();\n      }\n      if (onClick) {\n        onClick(e);\n      }\n    }\n    const iconSize = size === \"m\" ? \"m\" : \"s\";\n\n    return (\n      <StyledPictogramButton\n        ref={ref}\n        data-e2e-test-id={dataE2eTestId}\n        data-ds-id=\"PictogramButton\"\n        as={as}\n        disabled={disabled}\n        type={as && as !== \"button\" ? undefined : type}\n        variant={variant}\n        size={size}\n        squareCorners={squareCorners}\n        onClick={handleClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        {...ariaAttributes}\n        {...rest}\n      >\n        <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n          <Icon\n            size={iconSize}\n            name={icon}\n            data-testid={icon}\n            data-e2e-test-id={icon}\n          />\n        </Inline>\n      </StyledPictogramButton>\n    );\n  }\n);\n"],"names":["StyledPictogramButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","size","squareCorners","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","variables","button","m","fontFamily","lato","fontSize","font","s","lineHeight","fontWeight","weight","bold","padding","spacing","xxs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","accent","default","text","onAccent","hover","active","transparent","borderColor","primary","secondary","parseInt","xs","PictogramButton","React","forwardRef","_ref2","ref","ariaAttributes","type","onClick","onFocus","onBlur","dataE2eTestId","as","icon","rest","handleClick","e","preventDefault","iconSize","createElement","_extends","undefined","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}
+{"version":3,"file":"PictogramButton.js","sources":["../../../../../src/components/PictogramButton/PictogramButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from \"../../types\";\n\nconst StyledPictogramButton = styled.button<Partial<PictogramButtonProps>>(\n  ({ theme, variant, size, squareCorners }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      MozAppearance: \"none\",\n      WebkitAppearance: \"none\",\n    },\n    border: 0,\n    display: \"inline-block\",\n    textTransform: \"none\",\n    textDecoration: \"none\",\n    borderRadius: theme.variables.size.borderRadius.xs,\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.s,\n    lineHeight: theme.variables.size.lineHeight.xs,\n    fontWeight: theme.variables.weight.bold,\n    padding: theme.variables.size.spacing.xxs,\n    cursor: \"pointer\",\n    \"&[disabled], &:disabled\": {\n      opacity: theme.variables.opacity.button.disabled,\n      pointerEvents: \"none\",\n    },\n    ...(variant === \"primary\" && {\n      backgroundColor: theme.values.color.background.accent.default,\n      color: theme.values.color.text.onAccent.default,\n      \"&:hover\": {\n        backgroundColor: theme.values.color.background.accent.hover,\n      },\n      \"&:active\": {\n        backgroundColor: theme.values.color.background.accent.active,\n      },\n      \"&:disabled\": {\n        color: theme.values.color.text.onAccent.disabled,\n        backgroundColor: theme.values.color.background.accent.disabled,\n      },\n    }),\n    ...(variant === \"secondary\" && {\n      border: \"1px solid\",\n      backgroundColor: theme.values.color.background.transparent.default,\n      borderColor: theme.values.color.border.primary.default,\n      color: theme.values.color.text.secondary.default,\n      padding: parseInt(theme.variables.size.spacing.xxs, 10) - 1,\n      \"&:hover\": {\n        borderColor: theme.values.color.border.primary.default,\n        backgroundColor: theme.values.color.background.transparent.hover,\n      },\n      \"&:active\": {\n        borderColor: theme.values.color.border.primary.active,\n      },\n    }),\n    ...(variant === \"tertiary\" && {\n      backgroundColor: theme.values.color.background.transparent.default,\n      color: theme.values.color.text.secondary.default,\n      \":hover\": {\n        color: theme.values.color.text.secondary.default,\n        backgroundColor: theme.values.color.background.transparent.hover,\n      },\n      \":active\": {\n        color: theme.values.color.text.primary.default,\n        backgroundColor: theme.values.color.background.transparent.active,\n      },\n      \":disabled\": {\n        backgroundColor: theme.values.color.background.transparent.default,\n        borderColor: theme.values.color.border.secondary.default,\n      },\n    }),\n    ...(squareCorners && {\n      borderRadius: \"0\",\n    }),\n    ...((size === \"s\" || size === \"m\") && {\n      padding: theme.variables.size.spacing.xs,\n    }),\n  })\n);\n\nexport type PictogramButtonProps = {\n  /** The centered icon to be displayed. */\n  icon: IconName;\n  /** If true, the button has square corners. */\n  squareCorners?: boolean;\n  /** Size */\n  size?: \"xs\" | \"s\" | \"m\";\n} & Omit<\n  ButtonProps,\n  | \"size\"\n  | \"leftIcon\"\n  | \"rightIcon\"\n  | \"fullWidth\"\n  | \"destructive\"\n  | \"privateProps\"\n  | \"loading\"\n>;\n\ntype PictogramButtonComponent = <C extends React.ElementType = \"button\">(\n  props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>\n) => React.ReactElement | null;\n\nexport const PictogramButton: PictogramButtonComponent = React.forwardRef(\n  <C extends React.ElementType = \"button\">(\n    {\n      ariaAttributes,\n      type = \"button\",\n      size = \"xs\",\n      variant = \"tertiary\",\n      disabled = false,\n      onClick,\n      onFocus,\n      onBlur,\n      \"data-e2e-test-id\": dataE2eTestId,\n      as,\n      icon,\n      squareCorners = false,\n      ...rest\n    }: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const handleClick = useCallback(\n      (e: React.MouseEvent) => {\n        if (disabled) {\n          e.preventDefault();\n        }\n        if (onClick) {\n          onClick(e);\n        }\n      },\n      [disabled, onClick]\n    );\n    const iconSize = size === \"m\" ? \"m\" : \"s\";\n\n    return (\n      <StyledPictogramButton\n        ref={ref}\n        data-e2e-test-id={dataE2eTestId}\n        data-ds-id=\"PictogramButton\"\n        as={as}\n        disabled={disabled}\n        type={as && as !== \"button\" ? undefined : type}\n        variant={variant}\n        size={size}\n        squareCorners={squareCorners}\n        onClick={handleClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        {...ariaAttributes}\n        {...rest}\n      >\n        <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n          <Icon\n            size={iconSize}\n            name={icon}\n            data-testid={icon}\n            data-e2e-test-id={icon}\n          />\n        </Inline>\n      </StyledPictogramButton>\n    );\n  }\n);\n"],"names":["StyledPictogramButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","size","squareCorners","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","variables","xs","fontFamily","lato","fontSize","font","s","lineHeight","fontWeight","weight","bold","padding","spacing","xxs","cursor","opacity","button","disabled","pointerEvents","backgroundColor","values","color","background","accent","default","text","onAccent","hover","active","transparent","borderColor","primary","secondary","parseInt","PictogramButton","React","forwardRef","_ref2","ref","ariaAttributes","type","onClick","onFocus","onBlur","dataE2eTestId","as","icon","rest","handleClick","useCallback","e","preventDefault","iconSize","createElement","_extends","undefined","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}

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

@@ -6,7 +6,4 @@ export type RoundButtonProps = Omit<ButtonProps, "destructive" | "loading" | "le
     /** The centered icon to be displayed. */
     icon: IconName;
 };
-export declare function RoundButton<C extends React.ElementType = "button">({ ariaAttributes, onClick, onFocus, onBlur, type, disabled, as, icon, "data-e2e-test-id": dataE2eTestId, ...rest }: RoundButtonProps & AsProp<C>): React.ReactElement;
-export declare namespace RoundButton {
-    var defaultProps: Partial<RoundButtonProps> & AsProp<"button">;
-}
+export declare function RoundButton<C extends React.ElementType = "button">({ ariaAttributes, onClick, onFocus, onBlur, type, disabled, variant, as, icon, "data-e2e-test-id": dataE2eTestId, ...rest }: RoundButtonProps & AsProp<C>): React.ReactElement;

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

@@ -1,6 +1,6 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _styled from '@emotion/styled/base';
-import React from 'react';
+import React, { useCallback } from 'react';
 import { Icon } from '../Icon/Icon.js';
 import { Inline } from '../Inline/Inline.js';
 
@@ -27,7 +27,7 @@ const StyledRoundButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV ==
     borderRadius: "100%",
     fontFamily: theme.variables.fontFamily.lato,
     fontSize: theme.variables.size.font.s,
-    lineHeight: theme.variables.size.lineHeight.button.m,
+    lineHeight: theme.variables.size.lineHeight.xs,
     fontWeight: theme.variables.weight.bold,
     padding: theme.variables.size.spacing.xs,
     cursor: "pointer",
@@ -79,41 +79,37 @@ const StyledRoundButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV ==
       }
     })
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJvdW5kQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiUm91bmRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uTmFtZSwgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBBc1Byb3AgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkUm91bmRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4+KFxuICAoeyB0aGVtZSwgdmFyaWFudCB9KSA9PiAoe1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjEwMCVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuYnV0dG9uLmRpc2FibGVkLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJwcmltYXJ5XCIgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5vbkFjY2VudC5kZWZhdWx0LFxuICAgICAgXCI6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgICBcIjphY3RpdmVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5hY3RpdmUsXG4gICAgICB9LFxuICAgICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGlzYWJsZWQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRpc2FibGVkLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiOmFjdGl2ZVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgfSxcbiAgICAgIFwiOmRpc2FibGVkXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBSb3VuZEJ1dHRvblByb3BzID0gT21pdDxcbiAgQnV0dG9uUHJvcHMsXG4gIHwgXCJkZXN0cnVjdGl2ZVwiXG4gIHwgXCJsb2FkaW5nXCJcbiAgfCBcImxlZnRJY29uXCJcbiAgfCBcInJpZ2h0SWNvblwiXG4gIHwgXCJmdWxsV2lkdGhcIlxuICB8IFwicHJpdmF0ZVByb3BzXCJcbiAgfCBcInNpemVcIlxuPiAmIHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4gJiBBc1Byb3A8XCJidXR0b25cIj4gPSB7XG4gIHR5cGU6IFwiYnV0dG9uXCIsXG4gIHZhcmlhbnQ6IFwidGVydGlhcnlcIixcbiAgZGlzYWJsZWQ6IGZhbHNlLFxuICBhczogXCJidXR0b25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBSb3VuZEJ1dHRvbjxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPih7XG4gIGFyaWFBdHRyaWJ1dGVzLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIHR5cGUsXG4gIGRpc2FibGVkLFxuICBhcyxcbiAgaWNvbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFJvdW5kQnV0dG9uUHJvcHMgJiBBc1Byb3A8Qz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRSb3VuZEJ1dHRvblxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJSb3VuZEJ1dHRvblwiXG4gICAgICBhcz17YXN9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICB0eXBlPXthcyA9PT0gXCJhXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgb25DbGljayhlKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgbmFtZT17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17aWNvbn1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRSb3VuZEJ1dHRvbj5cbiAgKTtcbn1cblJvdW5kQnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
-const defaultProps = {
-  type: "button",
-  variant: "tertiary",
-  disabled: false,
-  as: "button",
-  "data-e2e-test-id": undefined
-};
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJvdW5kQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiUm91bmRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IEFzUHJvcCB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRSb3VuZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248UGFydGlhbDxSb3VuZEJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCB2YXJpYW50IH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGJvcmRlcjogMCxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImW2Rpc2FibGVkXSwgJjpkaXNhYmxlZFwiOiB7XG4gICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5idXR0b24uZGlzYWJsZWQsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC4uLih2YXJpYW50ID09PSBcInByaW1hcnlcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiOmFjdGl2ZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgICBcIjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5vbkFjY2VudC5kaXNhYmxlZCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGlzYWJsZWQsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInNlY29uZGFyeVwiICYmIHtcbiAgICAgIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgcGFkZGluZzogcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cywgMTApIC0gMixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgXCI6aG92ZXJcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICB9LFxuICAgICAgXCI6ZGlzYWJsZWRcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIFJvdW5kQnV0dG9uUHJvcHMgPSBPbWl0PFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcImRlc3RydWN0aXZlXCJcbiAgfCBcImxvYWRpbmdcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwic2l6ZVwiXG4+ICYge1xuICAvKiogVGhlIGNlbnRlcmVkIGljb24gdG8gYmUgZGlzcGxheWVkLiAqL1xuICBpY29uOiBJY29uTmFtZTtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBSb3VuZEJ1dHRvbjxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPih7XG4gIGFyaWFBdHRyaWJ1dGVzLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIHR5cGUgPSBcImJ1dHRvblwiLFxuICBkaXNhYmxlZCxcbiAgdmFyaWFudCA9IFwidGVydGlhcnlcIixcbiAgYXMsXG4gIGljb24sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBSb3VuZEJ1dHRvblByb3BzICYgQXNQcm9wPEM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH1cbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbZGlzYWJsZWQsIG9uQ2xpY2tdXG4gICk7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFJvdW5kQnV0dG9uXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlJvdW5kQnV0dG9uXCJcbiAgICAgIGFzPXthc31cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICB0eXBlPXthcyA9PT0gXCJhXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2ljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkUm91bmRCdXR0b24+XG4gICk7XG59XG4iXX0= */");
 function RoundButton(_ref2) {
   let {
     ariaAttributes,
     onClick,
     onFocus,
     onBlur,
-    type,
+    type = "button",
     disabled,
+    variant = "tertiary",
     as,
     icon,
     "data-e2e-test-id": dataE2eTestId,
     ...rest
   } = _ref2;
+  const handleClick = useCallback(e => {
+    if (disabled) {
+      e.preventDefault();
+    }
+    if (onClick) {
+      onClick(e);
+    }
+  }, [disabled, onClick]);
   return /*#__PURE__*/React.createElement(StyledRoundButton, _extends({
     "data-e2e-test-id": dataE2eTestId,
     "data-ds-id": "RoundButton",
     as: as,
+    variant: variant,
     disabled: disabled,
     type: as === "a" ? undefined : type,
-    onClick: e => {
-      if (disabled) {
-        e.preventDefault();
-      }
-      if (onClick) {
-        onClick(e);
-      }
-    },
+    onClick: handleClick,
     onFocus: onFocus,
     onBlur: onBlur
   }, ariaAttributes, rest), /*#__PURE__*/React.createElement(Inline, {
@@ -128,7 +124,6 @@ function RoundButton(_ref2) {
     "data-e2e-test-id": icon
   })));
 }
-RoundButton.defaultProps = defaultProps;
 
 export { RoundButton };
 //# sourceMappingURL=RoundButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RoundButton.js","sources":["../../../../../src/components/RoundButton/RoundButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { AsProp } from \"../../types\";\n\nconst StyledRoundButton = styled.button<Partial<RoundButtonProps>>(\n  ({ theme, variant }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      MozAppearance: \"none\",\n      WebkitAppearance: \"none\",\n    },\n    border: 0,\n    display: \"inline-block\",\n    textTransform: \"none\",\n    textDecoration: \"none\",\n    borderRadius: \"100%\",\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.s,\n    lineHeight: theme.variables.size.lineHeight.button.m,\n    fontWeight: theme.variables.weight.bold,\n    padding: theme.variables.size.spacing.xs,\n    cursor: \"pointer\",\n    \"&[disabled], &:disabled\": {\n      opacity: theme.variables.opacity.button.disabled,\n      pointerEvents: \"none\",\n    },\n    ...(variant === \"primary\" && {\n      backgroundColor: theme.values.color.background.accent.default,\n      color: theme.values.color.text.onAccent.default,\n      \":hover\": {\n        backgroundColor: theme.values.color.background.accent.hover,\n      },\n      \":active\": {\n        backgroundColor: theme.values.color.background.accent.active,\n      },\n      \":disabled\": {\n        color: theme.values.color.text.onAccent.disabled,\n        backgroundColor: theme.values.color.background.accent.disabled,\n      },\n    }),\n    ...(variant === \"secondary\" && {\n      border: \"2px solid\",\n      color: theme.values.color.text.secondary.default,\n      backgroundColor: theme.values.color.background.transparent.default,\n      borderColor: theme.values.color.border.secondary.default,\n      padding: parseInt(theme.variables.size.spacing.xs, 10) - 2,\n      \"&:hover\": {\n        borderColor: theme.values.color.border.primary.default,\n      },\n      \"&:active\": {\n        borderColor: theme.values.color.border.primary.active,\n      },\n    }),\n    ...(variant === \"tertiary\" && {\n      color: theme.values.color.text.secondary.default,\n      backgroundColor: theme.values.color.background.transparent.default,\n      \":hover\": {\n        color: theme.values.color.text.secondary.default,\n        backgroundColor: theme.values.color.background.transparent.hover,\n      },\n      \":active\": {\n        color: theme.values.color.text.primary.default,\n        backgroundColor: theme.values.color.background.transparent.active,\n      },\n      \":disabled\": {\n        backgroundColor: theme.values.color.background.transparent.default,\n        borderColor: theme.values.color.border.secondary.default,\n      },\n    }),\n  })\n);\n\nexport type RoundButtonProps = Omit<\n  ButtonProps,\n  | \"destructive\"\n  | \"loading\"\n  | \"leftIcon\"\n  | \"rightIcon\"\n  | \"fullWidth\"\n  | \"privateProps\"\n  | \"size\"\n> & {\n  /** The centered icon to be displayed. */\n  icon: IconName;\n};\n\nconst defaultProps: Partial<RoundButtonProps> & AsProp<\"button\"> = {\n  type: \"button\",\n  variant: \"tertiary\",\n  disabled: false,\n  as: \"button\",\n  \"data-e2e-test-id\": undefined,\n};\n\nexport function RoundButton<C extends React.ElementType = \"button\">({\n  ariaAttributes,\n  onClick,\n  onFocus,\n  onBlur,\n  type,\n  disabled,\n  as,\n  icon,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: RoundButtonProps & AsProp<C>): React.ReactElement {\n  return (\n    <StyledRoundButton\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"RoundButton\"\n      as={as}\n      disabled={disabled}\n      type={as === \"a\" ? undefined : type}\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      {...ariaAttributes}\n      {...rest}\n    >\n      <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n        {icon && (\n          <Icon\n            size=\"s\"\n            name={icon}\n            data-testid={icon}\n            data-e2e-test-id={icon}\n          />\n        )}\n      </Inline>\n    </StyledRoundButton>\n  );\n}\nRoundButton.defaultProps = defaultProps;\n"],"names":["StyledRoundButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","fontFamily","variables","lato","fontSize","size","font","s","lineHeight","button","m","fontWeight","weight","bold","padding","spacing","xs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","accent","default","text","onAccent","hover","active","secondary","transparent","borderColor","parseInt","primary","defaultProps","type","as","undefined","RoundButton","_ref2","ariaAttributes","onClick","onFocus","onBlur","icon","dataE2eTestId","rest","React","createElement","_extends","e","preventDefault","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}
+{"version":3,"file":"RoundButton.js","sources":["../../../../../src/components/RoundButton/RoundButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { AsProp } from \"../../types\";\n\nconst StyledRoundButton = styled.button<Partial<RoundButtonProps>>(\n  ({ theme, variant }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      MozAppearance: \"none\",\n      WebkitAppearance: \"none\",\n    },\n    border: 0,\n    display: \"inline-block\",\n    textTransform: \"none\",\n    textDecoration: \"none\",\n    borderRadius: \"100%\",\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.s,\n    lineHeight: theme.variables.size.lineHeight.xs,\n    fontWeight: theme.variables.weight.bold,\n    padding: theme.variables.size.spacing.xs,\n    cursor: \"pointer\",\n    \"&[disabled], &:disabled\": {\n      opacity: theme.variables.opacity.button.disabled,\n      pointerEvents: \"none\",\n    },\n    ...(variant === \"primary\" && {\n      backgroundColor: theme.values.color.background.accent.default,\n      color: theme.values.color.text.onAccent.default,\n      \":hover\": {\n        backgroundColor: theme.values.color.background.accent.hover,\n      },\n      \":active\": {\n        backgroundColor: theme.values.color.background.accent.active,\n      },\n      \":disabled\": {\n        color: theme.values.color.text.onAccent.disabled,\n        backgroundColor: theme.values.color.background.accent.disabled,\n      },\n    }),\n    ...(variant === \"secondary\" && {\n      border: \"2px solid\",\n      color: theme.values.color.text.secondary.default,\n      backgroundColor: theme.values.color.background.transparent.default,\n      borderColor: theme.values.color.border.secondary.default,\n      padding: parseInt(theme.variables.size.spacing.xs, 10) - 2,\n      \"&:hover\": {\n        borderColor: theme.values.color.border.primary.default,\n      },\n      \"&:active\": {\n        borderColor: theme.values.color.border.primary.active,\n      },\n    }),\n    ...(variant === \"tertiary\" && {\n      color: theme.values.color.text.secondary.default,\n      backgroundColor: theme.values.color.background.transparent.default,\n      \":hover\": {\n        color: theme.values.color.text.secondary.default,\n        backgroundColor: theme.values.color.background.transparent.hover,\n      },\n      \":active\": {\n        color: theme.values.color.text.primary.default,\n        backgroundColor: theme.values.color.background.transparent.active,\n      },\n      \":disabled\": {\n        backgroundColor: theme.values.color.background.transparent.default,\n        borderColor: theme.values.color.border.secondary.default,\n      },\n    }),\n  })\n);\n\nexport type RoundButtonProps = Omit<\n  ButtonProps,\n  | \"destructive\"\n  | \"loading\"\n  | \"leftIcon\"\n  | \"rightIcon\"\n  | \"fullWidth\"\n  | \"privateProps\"\n  | \"size\"\n> & {\n  /** The centered icon to be displayed. */\n  icon: IconName;\n};\n\nexport function RoundButton<C extends React.ElementType = \"button\">({\n  ariaAttributes,\n  onClick,\n  onFocus,\n  onBlur,\n  type = \"button\",\n  disabled,\n  variant = \"tertiary\",\n  as,\n  icon,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: RoundButtonProps & AsProp<C>): React.ReactElement {\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (disabled) {\n        e.preventDefault();\n      }\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [disabled, onClick]\n  );\n  return (\n    <StyledRoundButton\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"RoundButton\"\n      as={as}\n      variant={variant}\n      disabled={disabled}\n      type={as === \"a\" ? undefined : type}\n      onClick={handleClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      {...ariaAttributes}\n      {...rest}\n    >\n      <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n        {icon && (\n          <Icon\n            size=\"s\"\n            name={icon}\n            data-testid={icon}\n            data-e2e-test-id={icon}\n          />\n        )}\n      </Inline>\n    </StyledRoundButton>\n  );\n}\n"],"names":["StyledRoundButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","fontFamily","variables","lato","fontSize","size","font","s","lineHeight","xs","fontWeight","weight","bold","padding","spacing","cursor","opacity","button","disabled","pointerEvents","backgroundColor","values","color","background","accent","default","text","onAccent","hover","active","secondary","transparent","borderColor","parseInt","primary","RoundButton","_ref2","ariaAttributes","onClick","onFocus","onBlur","type","as","icon","dataE2eTestId","rest","handleClick","useCallback","e","preventDefault","React","createElement","_extends","undefined","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}

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

@@ -40,11 +40,11 @@ const StyledSegmentedProgressBar = /*#__PURE__*/_styled("div", process.env.NODE_
     width: "100%",
     display: "flex",
     flexDirection: "row",
-    borderRadius: squareCorners ? 0 : theme.variables.size.borderRadius.progressBar,
+    borderRadius: squareCorners ? 0 : theme.variables.size.borderRadius.xs,
     overflow: "hidden",
     height: weight === "thin" ? theme.variables.size.spacing.xxs : theme.variables.size.spacing.xs
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRW1DIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IG1vbm9jaHJvbWVDb2xvciA9IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lO1xuICBzd2l0Y2ggKHN0eWxlKSB7XG4gICAgY2FzZSBcInN1Y2Nlc3NcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLndhcm5pbmc7XG4gICAgY2FzZSBcImFsZXJ0XCI6XG4gICAgICByZXR1cm4gbW9ub2Nocm9tZVxuICAgICAgICA/IG1vbm9jaHJvbWVDb2xvclxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5hbGVydDtcbiAgICBjYXNlIFwiaW5Qcm9ncmVzc1wiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5pblByb2dyZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdDtcbiAgfVxufTtcblxuY29uc3QgU3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHM+XG4+KCh7IHRoZW1lLCBzcXVhcmVDb3JuZXJzLCB3ZWlnaHQgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgYm9yZGVyUmFkaXVzOiBzcXVhcmVDb3JuZXJzXG4gICAgPyAwXG4gICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucHJvZ3Jlc3NCYXIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBoZWlnaHQ6XG4gICAgd2VpZ2h0ID09PSBcInRoaW5cIlxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZWdtZW50ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFNlZ21lbnRQcm9wcz4+KFxuICAoeyB0aGVtZSwgc3R5bGVWYXJpYW50LCBwZXJjZW50YWdlLCBtb25vY2hyb21lIH0pID0+ICh7XG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih0aGVtZSwgc3R5bGVWYXJpYW50LCBtb25vY2hyb21lKSxcbiAgICB3aWR0aDogYCR7cGVyY2VudGFnZX0lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRQcm9ncmVzc0Jhcih7XG4gIG1heFZhbHVlLFxuICB2YWx1ZXMsXG4gIHdlaWdodCxcbiAgc3F1YXJlQ29ybmVycyxcbiAgcHJpdmF0ZVByb3BzOiB7IG1vbm9jaHJvbWUgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzYW5pdGl6ZWRNYXhWYWx1ZSwgc2FuaXRpemVkVmFsdWVzIH0gPSBzYW5pdGl6ZUlucHV0VmFsdWVzKFxuICAgIG1heFZhbHVlLFxuICAgIHZhbHVlc1xuICApO1xuXG4gIGNvbnN0IHBlcmNlbnRhZ2VzOiB7XG4gICAgcGVyY2VudGFnZTogbnVtYmVyO1xuICAgIHN0eWxlOiBTdHlsZVZhcmlhbnQ7XG4gIH1bXSA9IGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMoc2FuaXRpemVkTWF4VmFsdWUsIHNhbml0aXplZFZhbHVlcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiU2VnbWVudGVkUHJvZ3Jlc3NCYXJcIlxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgID5cbiAgICAgIHtwZXJjZW50YWdlcy5tYXAoKHsgcGVyY2VudGFnZSwgc3R5bGUgfSkgPT4gKFxuICAgICAgICA8U3R5bGVkU2VnbWVudFxuICAgICAgICAgIGtleT17c3R5bGV9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17c3R5bGUgYXMgc3RyaW5nfVxuICAgICAgICAgIHN0eWxlVmFyaWFudD17c3R5bGV9XG4gICAgICAgICAgbW9ub2Nocm9tZT17bW9ub2Nocm9tZX1cbiAgICAgICAgICBwZXJjZW50YWdlPXtwZXJjZW50YWdlfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0Jhcj5cbiAgKTtcbn1cblxuU2VnbWVudGVkUHJvZ3Jlc3NCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRW1DIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IG1vbm9jaHJvbWVDb2xvciA9IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lO1xuICBzd2l0Y2ggKHN0eWxlKSB7XG4gICAgY2FzZSBcInN1Y2Nlc3NcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLndhcm5pbmc7XG4gICAgY2FzZSBcImFsZXJ0XCI6XG4gICAgICByZXR1cm4gbW9ub2Nocm9tZVxuICAgICAgICA/IG1vbm9jaHJvbWVDb2xvclxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5hbGVydDtcbiAgICBjYXNlIFwiaW5Qcm9ncmVzc1wiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5pblByb2dyZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdDtcbiAgfVxufTtcblxuY29uc3QgU3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHM+XG4+KCh7IHRoZW1lLCBzcXVhcmVDb3JuZXJzLCB3ZWlnaHQgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgYm9yZGVyUmFkaXVzOiBzcXVhcmVDb3JuZXJzID8gMCA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIGhlaWdodDpcbiAgICB3ZWlnaHQgPT09IFwidGhpblwiXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzXG4gICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG59KSk7XG5cbmNvbnN0IFN0eWxlZFNlZ21lbnQgPSBzdHlsZWQuZGl2PFBhcnRpYWw8U2VnbWVudFByb3BzPj4oXG4gICh7IHRoZW1lLCBzdHlsZVZhcmlhbnQsIHBlcmNlbnRhZ2UsIG1vbm9jaHJvbWUgfSkgPT4gKHtcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHRoZW1lLCBzdHlsZVZhcmlhbnQsIG1vbm9jaHJvbWUpLFxuICAgIHdpZHRoOiBgJHtwZXJjZW50YWdlfSVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlZ21lbnRlZFByb2dyZXNzQmFyKHtcbiAgbWF4VmFsdWUsXG4gIHZhbHVlcyxcbiAgd2VpZ2h0LFxuICBzcXVhcmVDb3JuZXJzLFxuICBwcml2YXRlUHJvcHM6IHsgbW9ub2Nocm9tZSB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IHNhbml0aXplZE1heFZhbHVlLCBzYW5pdGl6ZWRWYWx1ZXMgfSA9IHNhbml0aXplSW5wdXRWYWx1ZXMoXG4gICAgbWF4VmFsdWUsXG4gICAgdmFsdWVzXG4gICk7XG5cbiAgY29uc3QgcGVyY2VudGFnZXM6IHtcbiAgICBwZXJjZW50YWdlOiBudW1iZXI7XG4gICAgc3R5bGU6IFN0eWxlVmFyaWFudDtcbiAgfVtdID0gZ2V0UGVyY2VudGFnZXNGb3JWYXJpYW50cyhzYW5pdGl6ZWRNYXhWYWx1ZSwgc2FuaXRpemVkVmFsdWVzKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0JhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJTZWdtZW50ZWRQcm9ncmVzc0JhclwiXG4gICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgICAgd2VpZ2h0PXt3ZWlnaHR9XG4gICAgPlxuICAgICAge3BlcmNlbnRhZ2VzLm1hcCgoeyBwZXJjZW50YWdlLCBzdHlsZSB9KSA9PiAoXG4gICAgICAgIDxTdHlsZWRTZWdtZW50XG4gICAgICAgICAga2V5PXtzdHlsZX1cbiAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtzdHlsZSBhcyBzdHJpbmd9XG4gICAgICAgICAgc3R5bGVWYXJpYW50PXtzdHlsZX1cbiAgICAgICAgICBtb25vY2hyb21lPXttb25vY2hyb21lfVxuICAgICAgICAgIHBlcmNlbnRhZ2U9e3BlcmNlbnRhZ2V9XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNlZ21lbnRlZFByb2dyZXNzQmFyPlxuICApO1xufVxuXG5TZWdtZW50ZWRQcm9ncmVzc0Jhci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
 const StyledSegment = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e101pf3g0"
 } : {
@@ -62,7 +62,7 @@ const StyledSegment = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "prod
     backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),
     width: `${percentage}%`
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRnNCIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IG1vbm9jaHJvbWVDb2xvciA9IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lO1xuICBzd2l0Y2ggKHN0eWxlKSB7XG4gICAgY2FzZSBcInN1Y2Nlc3NcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLndhcm5pbmc7XG4gICAgY2FzZSBcImFsZXJ0XCI6XG4gICAgICByZXR1cm4gbW9ub2Nocm9tZVxuICAgICAgICA/IG1vbm9jaHJvbWVDb2xvclxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5hbGVydDtcbiAgICBjYXNlIFwiaW5Qcm9ncmVzc1wiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5pblByb2dyZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdDtcbiAgfVxufTtcblxuY29uc3QgU3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHM+XG4+KCh7IHRoZW1lLCBzcXVhcmVDb3JuZXJzLCB3ZWlnaHQgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgYm9yZGVyUmFkaXVzOiBzcXVhcmVDb3JuZXJzXG4gICAgPyAwXG4gICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucHJvZ3Jlc3NCYXIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBoZWlnaHQ6XG4gICAgd2VpZ2h0ID09PSBcInRoaW5cIlxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZWdtZW50ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFNlZ21lbnRQcm9wcz4+KFxuICAoeyB0aGVtZSwgc3R5bGVWYXJpYW50LCBwZXJjZW50YWdlLCBtb25vY2hyb21lIH0pID0+ICh7XG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih0aGVtZSwgc3R5bGVWYXJpYW50LCBtb25vY2hyb21lKSxcbiAgICB3aWR0aDogYCR7cGVyY2VudGFnZX0lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRQcm9ncmVzc0Jhcih7XG4gIG1heFZhbHVlLFxuICB2YWx1ZXMsXG4gIHdlaWdodCxcbiAgc3F1YXJlQ29ybmVycyxcbiAgcHJpdmF0ZVByb3BzOiB7IG1vbm9jaHJvbWUgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzYW5pdGl6ZWRNYXhWYWx1ZSwgc2FuaXRpemVkVmFsdWVzIH0gPSBzYW5pdGl6ZUlucHV0VmFsdWVzKFxuICAgIG1heFZhbHVlLFxuICAgIHZhbHVlc1xuICApO1xuXG4gIGNvbnN0IHBlcmNlbnRhZ2VzOiB7XG4gICAgcGVyY2VudGFnZTogbnVtYmVyO1xuICAgIHN0eWxlOiBTdHlsZVZhcmlhbnQ7XG4gIH1bXSA9IGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMoc2FuaXRpemVkTWF4VmFsdWUsIHNhbml0aXplZFZhbHVlcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiU2VnbWVudGVkUHJvZ3Jlc3NCYXJcIlxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgID5cbiAgICAgIHtwZXJjZW50YWdlcy5tYXAoKHsgcGVyY2VudGFnZSwgc3R5bGUgfSkgPT4gKFxuICAgICAgICA8U3R5bGVkU2VnbWVudFxuICAgICAgICAgIGtleT17c3R5bGV9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17c3R5bGUgYXMgc3RyaW5nfVxuICAgICAgICAgIHN0eWxlVmFyaWFudD17c3R5bGV9XG4gICAgICAgICAgbW9ub2Nocm9tZT17bW9ub2Nocm9tZX1cbiAgICAgICAgICBwZXJjZW50YWdlPXtwZXJjZW50YWdlfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0Jhcj5cbiAgKTtcbn1cblxuU2VnbWVudGVkUHJvZ3Jlc3NCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RnNCIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IG1vbm9jaHJvbWVDb2xvciA9IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lO1xuICBzd2l0Y2ggKHN0eWxlKSB7XG4gICAgY2FzZSBcInN1Y2Nlc3NcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLndhcm5pbmc7XG4gICAgY2FzZSBcImFsZXJ0XCI6XG4gICAgICByZXR1cm4gbW9ub2Nocm9tZVxuICAgICAgICA/IG1vbm9jaHJvbWVDb2xvclxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5hbGVydDtcbiAgICBjYXNlIFwiaW5Qcm9ncmVzc1wiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5pblByb2dyZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdDtcbiAgfVxufTtcblxuY29uc3QgU3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHM+XG4+KCh7IHRoZW1lLCBzcXVhcmVDb3JuZXJzLCB3ZWlnaHQgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgYm9yZGVyUmFkaXVzOiBzcXVhcmVDb3JuZXJzID8gMCA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIGhlaWdodDpcbiAgICB3ZWlnaHQgPT09IFwidGhpblwiXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzXG4gICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG59KSk7XG5cbmNvbnN0IFN0eWxlZFNlZ21lbnQgPSBzdHlsZWQuZGl2PFBhcnRpYWw8U2VnbWVudFByb3BzPj4oXG4gICh7IHRoZW1lLCBzdHlsZVZhcmlhbnQsIHBlcmNlbnRhZ2UsIG1vbm9jaHJvbWUgfSkgPT4gKHtcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHRoZW1lLCBzdHlsZVZhcmlhbnQsIG1vbm9jaHJvbWUpLFxuICAgIHdpZHRoOiBgJHtwZXJjZW50YWdlfSVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlZ21lbnRlZFByb2dyZXNzQmFyKHtcbiAgbWF4VmFsdWUsXG4gIHZhbHVlcyxcbiAgd2VpZ2h0LFxuICBzcXVhcmVDb3JuZXJzLFxuICBwcml2YXRlUHJvcHM6IHsgbW9ub2Nocm9tZSB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IHNhbml0aXplZE1heFZhbHVlLCBzYW5pdGl6ZWRWYWx1ZXMgfSA9IHNhbml0aXplSW5wdXRWYWx1ZXMoXG4gICAgbWF4VmFsdWUsXG4gICAgdmFsdWVzXG4gICk7XG5cbiAgY29uc3QgcGVyY2VudGFnZXM6IHtcbiAgICBwZXJjZW50YWdlOiBudW1iZXI7XG4gICAgc3R5bGU6IFN0eWxlVmFyaWFudDtcbiAgfVtdID0gZ2V0UGVyY2VudGFnZXNGb3JWYXJpYW50cyhzYW5pdGl6ZWRNYXhWYWx1ZSwgc2FuaXRpemVkVmFsdWVzKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0JhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJTZWdtZW50ZWRQcm9ncmVzc0JhclwiXG4gICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgICAgd2VpZ2h0PXt3ZWlnaHR9XG4gICAgPlxuICAgICAge3BlcmNlbnRhZ2VzLm1hcCgoeyBwZXJjZW50YWdlLCBzdHlsZSB9KSA9PiAoXG4gICAgICAgIDxTdHlsZWRTZWdtZW50XG4gICAgICAgICAga2V5PXtzdHlsZX1cbiAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtzdHlsZSBhcyBzdHJpbmd9XG4gICAgICAgICAgc3R5bGVWYXJpYW50PXtzdHlsZX1cbiAgICAgICAgICBtb25vY2hyb21lPXttb25vY2hyb21lfVxuICAgICAgICAgIHBlcmNlbnRhZ2U9e3BlcmNlbnRhZ2V9XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNlZ21lbnRlZFByb2dyZXNzQmFyPlxuICApO1xufVxuXG5TZWdtZW50ZWRQcm9ncmVzc0Jhci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
 function SegmentedProgressBar(_ref3) {
   let {
     maxValue,

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedProgressBar.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n// eslint-disable-next-line import/no-cycle\nimport {\n  getPercentagesForVariants,\n  sanitizeInputValues,\n} from \"./SegmentedProgressBarUtil\";\n\nexport type ValuesVariant = \"success\" | \"warning\" | \"alert\";\n\nexport type StyleVariant = ValuesVariant | \"inProgress\";\n\nexport type Value = number;\n\nexport type ProgressBarWeight = \"thin\" | \"fat\";\n\nexport type SegmentedProgressBarProps = {\n  /** The value for 100% progress. Consumer does not need to do percentage calculation.\n   * Just pass this number and some values. The progress bar does all percentag calculations */\n  maxValue: number;\n  /** The values already progressed. Possible ValuesVariants are used to display progress in a different color.\n   * Variants are:\n   * success => green;\n   * warning => yellow;\n   * alert => red */\n  values: Partial<Record<ValuesVariant, Value>>;\n  squareCorners?: boolean;\n  weight?: ProgressBarWeight;\n  privateProps?: SegmentedProgressBarPrivateProps;\n  \"data-e2e-test-id\"?: string;\n};\n\ntype SegmentedProgressBarPrivateProps = {\n  monochrome?: boolean;\n};\n\ntype SegmentProps = {\n  styleVariant: StyleVariant;\n  percentage: number;\n  monochrome: boolean;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<SegmentedProgressBarProps> = {\n  \"data-e2e-test-id\": undefined,\n  weight: \"fat\",\n  squareCorners: false,\n  privateProps: {\n    monochrome: false,\n  },\n};\n\nconst getBackgroundColor = (\n  theme: Theme,\n  style: StyleVariant,\n  monochrome: boolean\n) => {\n  const monochromeColor = theme.values.color.segmentedProgressBar.monochrome;\n  switch (style) {\n    case \"success\":\n      return monochrome\n        ? monochromeColor\n        : theme.values.color.segmentedProgressBar.success;\n    case \"warning\":\n      return monochrome\n        ? monochromeColor\n        : theme.values.color.segmentedProgressBar.warning;\n    case \"alert\":\n      return monochrome\n        ? monochromeColor\n        : theme.values.color.segmentedProgressBar.alert;\n    case \"inProgress\":\n      return theme.values.color.segmentedProgressBar.inProgress;\n    default:\n      return theme.values.color.border.secondary.default;\n  }\n};\n\nconst StyledSegmentedProgressBar = styled.div<\n  Partial<SegmentedProgressBarProps>\n>(({ theme, squareCorners, weight }) => ({\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  borderRadius: squareCorners\n    ? 0\n    : theme.variables.size.borderRadius.progressBar,\n  overflow: \"hidden\",\n  height:\n    weight === \"thin\"\n      ? theme.variables.size.spacing.xxs\n      : theme.variables.size.spacing.xs,\n}));\n\nconst StyledSegment = styled.div<Partial<SegmentProps>>(\n  ({ theme, styleVariant, percentage, monochrome }) => ({\n    height: \"100%\",\n    backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),\n    width: `${percentage}%`,\n  })\n);\n\nexport function SegmentedProgressBar({\n  maxValue,\n  values,\n  weight,\n  squareCorners,\n  privateProps: { monochrome },\n  \"data-e2e-test-id\": dataE2eTestId,\n}: SegmentedProgressBarProps): React.ReactElement {\n  const { sanitizedMaxValue, sanitizedValues } = sanitizeInputValues(\n    maxValue,\n    values\n  );\n\n  const percentages: {\n    percentage: number;\n    style: StyleVariant;\n  }[] = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);\n\n  return (\n    <StyledSegmentedProgressBar\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"SegmentedProgressBar\"\n      squareCorners={squareCorners}\n      weight={weight}\n    >\n      {percentages.map(({ percentage, style }) => (\n        <StyledSegment\n          key={style}\n          data-e2e-test-id={style as string}\n          styleVariant={style}\n          monochrome={monochrome}\n          percentage={percentage}\n        />\n      ))}\n    </StyledSegmentedProgressBar>\n  );\n}\n\nSegmentedProgressBar.defaultProps = defaultProps;\n"],"names":["defaultProps","undefined","weight","squareCorners","privateProps","monochrome","getBackgroundColor","theme","style","monochromeColor","values","color","segmentedProgressBar","success","warning","alert","inProgress","border","secondary","default","StyledSegmentedProgressBar","_styled","process","env","NODE_ENV","target","label","_ref","width","display","flexDirection","borderRadius","variables","size","progressBar","overflow","height","spacing","xxs","xs","StyledSegment","_ref2","styleVariant","percentage","backgroundColor","SegmentedProgressBar","_ref3","maxValue","dataE2eTestId","sanitizedMaxValue","sanitizedValues","sanitizeInputValues","percentages","getPercentagesForVariants","React","createElement","map","_ref4","key"],"mappings":"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"}
+{"version":3,"file":"SegmentedProgressBar.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n// eslint-disable-next-line import/no-cycle\nimport {\n  getPercentagesForVariants,\n  sanitizeInputValues,\n} from \"./SegmentedProgressBarUtil\";\n\nexport type ValuesVariant = \"success\" | \"warning\" | \"alert\";\n\nexport type StyleVariant = ValuesVariant | \"inProgress\";\n\nexport type Value = number;\n\nexport type ProgressBarWeight = \"thin\" | \"fat\";\n\nexport type SegmentedProgressBarProps = {\n  /** The value for 100% progress. Consumer does not need to do percentage calculation.\n   * Just pass this number and some values. The progress bar does all percentag calculations */\n  maxValue: number;\n  /** The values already progressed. Possible ValuesVariants are used to display progress in a different color.\n   * Variants are:\n   * success => green;\n   * warning => yellow;\n   * alert => red */\n  values: Partial<Record<ValuesVariant, Value>>;\n  squareCorners?: boolean;\n  weight?: ProgressBarWeight;\n  privateProps?: SegmentedProgressBarPrivateProps;\n  \"data-e2e-test-id\"?: string;\n};\n\ntype SegmentedProgressBarPrivateProps = {\n  monochrome?: boolean;\n};\n\ntype SegmentProps = {\n  styleVariant: StyleVariant;\n  percentage: number;\n  monochrome: boolean;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<SegmentedProgressBarProps> = {\n  \"data-e2e-test-id\": undefined,\n  weight: \"fat\",\n  squareCorners: false,\n  privateProps: {\n    monochrome: false,\n  },\n};\n\nconst getBackgroundColor = (\n  theme: Theme,\n  style: StyleVariant,\n  monochrome: boolean\n) => {\n  const monochromeColor = theme.values.color.segmentedProgressBar.monochrome;\n  switch (style) {\n    case \"success\":\n      return monochrome\n        ? monochromeColor\n        : theme.values.color.segmentedProgressBar.success;\n    case \"warning\":\n      return monochrome\n        ? monochromeColor\n        : theme.values.color.segmentedProgressBar.warning;\n    case \"alert\":\n      return monochrome\n        ? monochromeColor\n        : theme.values.color.segmentedProgressBar.alert;\n    case \"inProgress\":\n      return theme.values.color.segmentedProgressBar.inProgress;\n    default:\n      return theme.values.color.border.secondary.default;\n  }\n};\n\nconst StyledSegmentedProgressBar = styled.div<\n  Partial<SegmentedProgressBarProps>\n>(({ theme, squareCorners, weight }) => ({\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  borderRadius: squareCorners ? 0 : theme.variables.size.borderRadius.xs,\n  overflow: \"hidden\",\n  height:\n    weight === \"thin\"\n      ? theme.variables.size.spacing.xxs\n      : theme.variables.size.spacing.xs,\n}));\n\nconst StyledSegment = styled.div<Partial<SegmentProps>>(\n  ({ theme, styleVariant, percentage, monochrome }) => ({\n    height: \"100%\",\n    backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),\n    width: `${percentage}%`,\n  })\n);\n\nexport function SegmentedProgressBar({\n  maxValue,\n  values,\n  weight,\n  squareCorners,\n  privateProps: { monochrome },\n  \"data-e2e-test-id\": dataE2eTestId,\n}: SegmentedProgressBarProps): React.ReactElement {\n  const { sanitizedMaxValue, sanitizedValues } = sanitizeInputValues(\n    maxValue,\n    values\n  );\n\n  const percentages: {\n    percentage: number;\n    style: StyleVariant;\n  }[] = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);\n\n  return (\n    <StyledSegmentedProgressBar\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"SegmentedProgressBar\"\n      squareCorners={squareCorners}\n      weight={weight}\n    >\n      {percentages.map(({ percentage, style }) => (\n        <StyledSegment\n          key={style}\n          data-e2e-test-id={style as string}\n          styleVariant={style}\n          monochrome={monochrome}\n          percentage={percentage}\n        />\n      ))}\n    </StyledSegmentedProgressBar>\n  );\n}\n\nSegmentedProgressBar.defaultProps = defaultProps;\n"],"names":["defaultProps","undefined","weight","squareCorners","privateProps","monochrome","getBackgroundColor","theme","style","monochromeColor","values","color","segmentedProgressBar","success","warning","alert","inProgress","border","secondary","default","StyledSegmentedProgressBar","_styled","process","env","NODE_ENV","target","label","_ref","width","display","flexDirection","borderRadius","variables","size","xs","overflow","height","spacing","xxs","StyledSegment","_ref2","styleVariant","percentage","backgroundColor","SegmentedProgressBar","_ref3","maxValue","dataE2eTestId","sanitizedMaxValue","sanitizedValues","sanitizeInputValues","percentages","getPercentagesForVariants","React","createElement","map","_ref4","key"],"mappings":"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"}

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

@@ -11,5 +11,6 @@ export type SheetProps = {
     dismissOnOutsideClick?: boolean;
     disableInitialFocus?: boolean;
     disableReturnFocusToTrigger?: boolean;
+    onClickOutsideDeactivates?: (evt: MouseEvent) => boolean;
 };
-export declare function Sheet({ id, children, isVisible, onClose, onUnmount, portalContainer, dismissOnOutsideClick, disableInitialFocus, disableReturnFocusToTrigger, "data-e2e-test-id": dataE2eTestId, }: SheetProps): React.ReactElement;
+export declare function Sheet({ id, children, isVisible, onClose, onUnmount, portalContainer, dismissOnOutsideClick, disableInitialFocus, disableReturnFocusToTrigger, onClickOutsideDeactivates, "data-e2e-test-id": dataE2eTestId, }: SheetProps): React.ReactElement;