@amboss/design-system 1.11.0 → 1.12.1

package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js

@@ -0,0 +1,210 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Text } from '../../Typography/Text/Text.js';
+import breakpoints from '../../../../build-tokens/_breakpoints.json.js';
+
+const StyledInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e1rc9gn63"
+} : {
+  target: "e1rc9gn63",
+  label: "StyledInput"
+})(() => ({
+  opacity: 0,
+  height: 0,
+  width: 0,
+  position: "absolute"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2xPcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cb0IiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbE9wdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQsIFRleHRQcm9wcyB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IGJyZWFrcG9pbnRzIGZyb20gXCIuLi8uLi8uLi8uLi9idWlsZC10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgU2VnbWVudGVkQ29udHJvbE9wdGlvbixcbiAgU2VnbWVudGVkQ29udHJvbFByb3BzLFxufSBmcm9tIFwiLi9TZWdtZW50ZWRDb250cm9sXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb25Qcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xQcm9wcyxcbiAgXCJzaXplXCIgfCBcImRpc2FibGVkXCJcbj4gJlxuICBTZWdtZW50ZWRDb250cm9sT3B0aW9uICYge1xuICAgIGNoZWNrZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gICAgaXNSZXNwb25zaXZlPzogYm9vbGVhbjtcbiAgICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIH07XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFRleHQpKCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRTdWJsYWJlbFByb3BzID0gVGV4dFByb3BzICZcbiAgUGljazxTZWdtZW50ZWRDb250cm9sT3B0aW9uUHJvcHMsIFwiaXNSZXNwb25zaXZlXCI+O1xuXG5jb25zdCBTdHlsZWRTdWJsYWJlbCA9IHN0eWxlZChUZXh0KTxTdHlsZWRTdWJsYWJlbFByb3BzPihcbiAgKHsgdGhlbWUsIGlzUmVzcG9uc2l2ZSB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiIGFzIGNvbnN0LFxuICAgIH07XG5cbiAgICBpZiAoIWlzUmVzcG9uc2l2ZSkge1xuICAgICAgcmV0dXJuIGJhc2VTdHlsZTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgLi4uYmFzZVN0eWxlLFxuICAgICAgLy8gTGF5b3V0IG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICAgICAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxudHlwZSBTdHlsZWRDb250YWluZXJQcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xPcHRpb25Qcm9wcyxcbiAgfCBcInNpemVcIlxuICB8IFwiY2hlY2tlZFwiXG4gIHwgXCJpc1Jlc3BvbnNpdmVcIlxuICB8IFwic3VibGFiZWxcIlxuICB8IFwiZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsXCJcbj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5sYWJlbDxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgICBjaGVja2VkLFxuICAgIGlzUmVzcG9uc2l2ZSxcbiAgICBzdWJsYWJlbCxcbiAgICBkaXNwbGF5QXNPcHRpb25XaXRoU3VibGFiZWwsXG4gIH0pID0+IHtcbiAgICBjb25zdCBib3JkZXJTdHlsZSA9IHtcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlckxlZnRTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuICAgICAgfSxcblxuICAgICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlclJpZ2h0U3R5bGU6IFwic29saWRcIiBhcyBjb25zdCxcbiAgICAgIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGJhc2VTdHlsZSA9IHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uZGVmYXVsdCxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIiBhcyBjb25zdCxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uZGVmYXVsdH1gLFxuICAgICAgYm9yZGVyTGVmdFN0eWxlOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgIGJvcmRlclJpZ2h0U3R5bGU6IFwibm9uZVwiIGFzIGNvbnN0LFxuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIiBhcyBjb25zdCxcblxuICAgICAgLi4uKChzaXplID09PSBcIm1cIiB8fCBzaXplID09PSBcImxcIikgJiYge1xuICAgICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICB9KSxcblxuICAgICAgLi4uKCFjaGVja2VkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWdtZW50ZWRDb250cm9sT3B0aW9uLmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgfSksXG5cbiAgICAgIC4uLihjaGVja2VkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uY2hlY2tlZCxcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5jaGVja2VkLFxuXG4gICAgICAgIC8vIFNldCBzdWNjZWVkaW5nIGRpdmlkZXIgc3R5bGVcbiAgICAgICAgXCImICsgZGl2XCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWdtZW50ZWRDb250cm9sT3B0aW9uLmNoZWNrZWQsXG4gICAgICAgIH0sXG4gICAgICB9KSxcblxuICAgICAgW2Ake1N0eWxlZFN1YmxhYmVsfSwgJHtTdHlsZWRMYWJlbH1gXToge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5kZWZhdWx0LFxuXG4gICAgICAgIC4uLihjaGVja2VkICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5jaGVja2VkLFxuICAgICAgICB9KSxcbiAgICAgIH0sXG5cbiAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gICAgICB9LFxuXG4gICAgICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICAgICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9O1xuXG4gICAgaWYgKCFpc1Jlc3BvbnNpdmUpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLmJhc2VTdHlsZSxcbiAgICAgICAgLi4uYm9yZGVyU3R5bGUsXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG5cbiAgICAgIC8vIExheW91dCB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIC4uLmJvcmRlclN0eWxlLFxuICAgICAgfSxcblxuICAgICAgLy8gTGF5b3V0IG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6XG4gICAgICAgICAgc3VibGFiZWwgfHwgZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsID8gXCJzcGFjZS1iZXR3ZWVuXCIgOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGJvcmRlclRvcFN0eWxlOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgICAgYm9yZGVyQm90dG9tU3R5bGU6IFwibm9uZVwiIGFzIGNvbnN0LFxuICAgICAgICBib3JkZXJMZWZ0U3R5bGU6IFwic29saWRcIiBhcyBjb25zdCxcbiAgICAgICAgYm9yZGVyUmlnaHRTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuXG4gICAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICAgICAgICBib3JkZXJUb3BTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiBcInNvbGlkXCIgYXMgY29uc3QsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRDb250cm9sT3B0aW9uKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIHN1YmxhYmVsLFxuICBzaXplLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBpc1Jlc3BvbnNpdmUgPSBmYWxzZSxcbiAgZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG59OiBTZWdtZW50ZWRDb250cm9sT3B0aW9uUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBsYWJlbFNpemUgPSBzaXplID09PSBcImxcIiA/IFwibVwiIDogXCJzXCI7XG4gIGNvbnN0IHN1YmxhYmVsRWxtID0gc3VibGFiZWwgPyAoXG4gICAgPFN0eWxlZFN1YmxhYmVsIHNpemU9XCJzXCIgaXNSZXNwb25zaXZlPXtpc1Jlc3BvbnNpdmV9PlxuICAgICAge3N1YmxhYmVsfVxuICAgIDwvU3R5bGVkU3VibGFiZWw+XG4gICkgOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICBzdWJsYWJlbD17c3VibGFiZWx9XG4gICAgICBpc1Jlc3BvbnNpdmU9e2lzUmVzcG9uc2l2ZX1cbiAgICAgIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD17ZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsfVxuICAgID5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkTGFiZWwgc2l6ZT17bGFiZWxTaXplfSB3ZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICB7c3VibGFiZWxFbG19XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+const StyledLabel = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "e1rc9gn62"
+} : {
+  target: "e1rc9gn62",
+  label: "StyledLabel"
+})(_ref => {
+  let {
+    theme,
+    size
+  } = _ref;
+  return {
+    whiteSpace: "nowrap",
+    ...(size === "s" && {
+      lineHeight: theme.variables.size.lineHeight.button.m
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2xPcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCb0IiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbE9wdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQsIFRleHRQcm9wcyB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IGJyZWFrcG9pbnRzIGZyb20gXCIuLi8uLi8uLi8uLi9idWlsZC10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgU2VnbWVudGVkQ29udHJvbE9wdGlvbixcbiAgU2VnbWVudGVkQ29udHJvbFByb3BzLFxufSBmcm9tIFwiLi9TZWdtZW50ZWRDb250cm9sXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb25Qcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xQcm9wcyxcbiAgXCJzaXplXCIgfCBcImRpc2FibGVkXCJcbj4gJlxuICBTZWdtZW50ZWRDb250cm9sT3B0aW9uICYge1xuICAgIGNoZWNrZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gICAgaXNSZXNwb25zaXZlPzogYm9vbGVhbjtcbiAgICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIH07XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFRleHQpKCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRTdWJsYWJlbFByb3BzID0gVGV4dFByb3BzICZcbiAgUGljazxTZWdtZW50ZWRDb250cm9sT3B0aW9uUHJvcHMsIFwiaXNSZXNwb25zaXZlXCI+O1xuXG5jb25zdCBTdHlsZWRTdWJsYWJlbCA9IHN0eWxlZChUZXh0KTxTdHlsZWRTdWJsYWJlbFByb3BzPihcbiAgKHsgdGhlbWUsIGlzUmVzcG9uc2l2ZSB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiIGFzIGNvbnN0LFxuICAgIH07XG5cbiAgICBpZiAoIWlzUmVzcG9uc2l2ZSkge1xuICAgICAgcmV0dXJuIGJhc2VTdHlsZTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgLi4uYmFzZVN0eWxlLFxuICAgICAgLy8gTGF5b3V0IG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICAgICAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxudHlwZSBTdHlsZWRDb250YWluZXJQcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xPcHRpb25Qcm9wcyxcbiAgfCBcInNpemVcIlxuICB8IFwiY2hlY2tlZFwiXG4gIHwgXCJpc1Jlc3BvbnNpdmVcIlxuICB8IFwic3VibGFiZWxcIlxuICB8IFwiZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsXCJcbj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5sYWJlbDxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgICBjaGVja2VkLFxuICAgIGlzUmVzcG9uc2l2ZSxcbiAgICBzdWJsYWJlbCxcbiAgICBkaXNwbGF5QXNPcHRpb25XaXRoU3VibGFiZWwsXG4gIH0pID0+IHtcbiAgICBjb25zdCBib3JkZXJTdHlsZSA9IHtcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlckxlZnRTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuICAgICAgfSxcblxuICAgICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlclJpZ2h0U3R5bGU6IFwic29saWRcIiBhcyBjb25zdCxcbiAgICAgIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGJhc2VTdHlsZSA9IHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uZGVmYXVsdCxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIiBhcyBjb25zdCxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uZGVmYXVsdH1gLFxuICAgICAgYm9yZGVyTGVmdFN0eWxlOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgIGJvcmRlclJpZ2h0U3R5bGU6IFwibm9uZVwiIGFzIGNvbnN0LFxuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIiBhcyBjb25zdCxcblxuICAgICAgLi4uKChzaXplID09PSBcIm1cIiB8fCBzaXplID09PSBcImxcIikgJiYge1xuICAgICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICB9KSxcblxuICAgICAgLi4uKCFjaGVja2VkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWdtZW50ZWRDb250cm9sT3B0aW9uLmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgfSksXG5cbiAgICAgIC4uLihjaGVja2VkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uY2hlY2tlZCxcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5jaGVja2VkLFxuXG4gICAgICAgIC8vIFNldCBzdWNjZWVkaW5nIGRpdmlkZXIgc3R5bGVcbiAgICAgICAgXCImICsgZGl2XCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWdtZW50ZWRDb250cm9sT3B0aW9uLmNoZWNrZWQsXG4gICAgICAgIH0sXG4gICAgICB9KSxcblxuICAgICAgW2Ake1N0eWxlZFN1YmxhYmVsfSwgJHtTdHlsZWRMYWJlbH1gXToge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5kZWZhdWx0LFxuXG4gICAgICAgIC4uLihjaGVja2VkICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5jaGVja2VkLFxuICAgICAgICB9KSxcbiAgICAgIH0sXG5cbiAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gICAgICB9LFxuXG4gICAgICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICAgICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9O1xuXG4gICAgaWYgKCFpc1Jlc3BvbnNpdmUpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLmJhc2VTdHlsZSxcbiAgICAgICAgLi4uYm9yZGVyU3R5bGUsXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG5cbiAgICAgIC8vIExheW91dCB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIC4uLmJvcmRlclN0eWxlLFxuICAgICAgfSxcblxuICAgICAgLy8gTGF5b3V0IG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6XG4gICAgICAgICAgc3VibGFiZWwgfHwgZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsID8gXCJzcGFjZS1iZXR3ZWVuXCIgOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGJvcmRlclRvcFN0eWxlOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgICAgYm9yZGVyQm90dG9tU3R5bGU6IFwibm9uZVwiIGFzIGNvbnN0LFxuICAgICAgICBib3JkZXJMZWZ0U3R5bGU6IFwic29saWRcIiBhcyBjb25zdCxcbiAgICAgICAgYm9yZGVyUmlnaHRTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuXG4gICAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICAgICAgICBib3JkZXJUb3BTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiBcInNvbGlkXCIgYXMgY29uc3QsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRDb250cm9sT3B0aW9uKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIHN1YmxhYmVsLFxuICBzaXplLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBpc1Jlc3BvbnNpdmUgPSBmYWxzZSxcbiAgZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG59OiBTZWdtZW50ZWRDb250cm9sT3B0aW9uUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBsYWJlbFNpemUgPSBzaXplID09PSBcImxcIiA/IFwibVwiIDogXCJzXCI7XG4gIGNvbnN0IHN1YmxhYmVsRWxtID0gc3VibGFiZWwgPyAoXG4gICAgPFN0eWxlZFN1YmxhYmVsIHNpemU9XCJzXCIgaXNSZXNwb25zaXZlPXtpc1Jlc3BvbnNpdmV9PlxuICAgICAge3N1YmxhYmVsfVxuICAgIDwvU3R5bGVkU3VibGFiZWw+XG4gICkgOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICBzdWJsYWJlbD17c3VibGFiZWx9XG4gICAgICBpc1Jlc3BvbnNpdmU9e2lzUmVzcG9uc2l2ZX1cbiAgICAgIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD17ZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsfVxuICAgID5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkTGFiZWwgc2l6ZT17bGFiZWxTaXplfSB3ZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICB7c3VibGFiZWxFbG19XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+const StyledSublabel = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "e1rc9gn61"
+} : {
+  target: "e1rc9gn61",
+  label: "StyledSublabel"
+})(_ref2 => {
+  let {
+    theme,
+    isResponsive
+  } = _ref2;
+  const baseStyle = {
+    textAlign: "center"
+  };
+  if (!isResponsive) {
+    return baseStyle;
+  }
+  return {
+    ...baseStyle,
+    // Layout mobile
+    [`@media (max-width: ${breakpoints.medium.value}px)`]: {
+      lineHeight: theme.variables.size.lineHeight.button.m,
+      textAlign: "right",
+      marginLeft: theme.variables.size.spacing.m
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2xPcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDdUIiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbE9wdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQsIFRleHRQcm9wcyB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IGJyZWFrcG9pbnRzIGZyb20gXCIuLi8uLi8uLi8uLi9idWlsZC10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgU2VnbWVudGVkQ29udHJvbE9wdGlvbixcbiAgU2VnbWVudGVkQ29udHJvbFByb3BzLFxufSBmcm9tIFwiLi9TZWdtZW50ZWRDb250cm9sXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb25Qcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xQcm9wcyxcbiAgXCJzaXplXCIgfCBcImRpc2FibGVkXCJcbj4gJlxuICBTZWdtZW50ZWRDb250cm9sT3B0aW9uICYge1xuICAgIGNoZWNrZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gICAgaXNSZXNwb25zaXZlPzogYm9vbGVhbjtcbiAgICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIH07XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFRleHQpKCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRTdWJsYWJlbFByb3BzID0gVGV4dFByb3BzICZcbiAgUGljazxTZWdtZW50ZWRDb250cm9sT3B0aW9uUHJvcHMsIFwiaXNSZXNwb25zaXZlXCI+O1xuXG5jb25zdCBTdHlsZWRTdWJsYWJlbCA9IHN0eWxlZChUZXh0KTxTdHlsZWRTdWJsYWJlbFByb3BzPihcbiAgKHsgdGhlbWUsIGlzUmVzcG9uc2l2ZSB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiIGFzIGNvbnN0LFxuICAgIH07XG5cbiAgICBpZiAoIWlzUmVzcG9uc2l2ZSkge1xuICAgICAgcmV0dXJuIGJhc2VTdHlsZTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgLi4uYmFzZVN0eWxlLFxuICAgICAgLy8gTGF5b3V0IG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICAgICAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxudHlwZSBTdHlsZWRDb250YWluZXJQcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xPcHRpb25Qcm9wcyxcbiAgfCBcInNpemVcIlxuICB8IFwiY2hlY2tlZFwiXG4gIHwgXCJpc1Jlc3BvbnNpdmVcIlxuICB8IFwic3VibGFiZWxcIlxuICB8IFwiZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsXCJcbj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5sYWJlbDxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgICBjaGVja2VkLFxuICAgIGlzUmVzcG9uc2l2ZSxcbiAgICBzdWJsYWJlbCxcbiAgICBkaXNwbGF5QXNPcHRpb25XaXRoU3VibGFiZWwsXG4gIH0pID0+IHtcbiAgICBjb25zdCBib3JkZXJTdHlsZSA9IHtcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlckxlZnRTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuICAgICAgfSxcblxuICAgICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlclJpZ2h0U3R5bGU6IFwic29saWRcIiBhcyBjb25zdCxcbiAgICAgIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGJhc2VTdHlsZSA9IHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uZGVmYXVsdCxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIiBhcyBjb25zdCxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uZGVmYXVsdH1gLFxuICAgICAgYm9yZGVyTGVmdFN0eWxlOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgIGJvcmRlclJpZ2h0U3R5bGU6IFwibm9uZVwiIGFzIGNvbnN0LFxuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIiBhcyBjb25zdCxcblxuICAgICAgLi4uKChzaXplID09PSBcIm1cIiB8fCBzaXplID09PSBcImxcIikgJiYge1xuICAgICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICB9KSxcblxuICAgICAgLi4uKCFjaGVja2VkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWdtZW50ZWRDb250cm9sT3B0aW9uLmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgfSksXG5cbiAgICAgIC4uLihjaGVja2VkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uY2hlY2tlZCxcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5jaGVja2VkLFxuXG4gICAgICAgIC8vIFNldCBzdWNjZWVkaW5nIGRpdmlkZXIgc3R5bGVcbiAgICAgICAgXCImICsgZGl2XCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWdtZW50ZWRDb250cm9sT3B0aW9uLmNoZWNrZWQsXG4gICAgICAgIH0sXG4gICAgICB9KSxcblxuICAgICAgW2Ake1N0eWxlZFN1YmxhYmVsfSwgJHtTdHlsZWRMYWJlbH1gXToge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5kZWZhdWx0LFxuXG4gICAgICAgIC4uLihjaGVja2VkICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5jaGVja2VkLFxuICAgICAgICB9KSxcbiAgICAgIH0sXG5cbiAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gICAgICB9LFxuXG4gICAgICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICAgICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9O1xuXG4gICAgaWYgKCFpc1Jlc3BvbnNpdmUpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLmJhc2VTdHlsZSxcbiAgICAgICAgLi4uYm9yZGVyU3R5bGUsXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG5cbiAgICAgIC8vIExheW91dCB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIC4uLmJvcmRlclN0eWxlLFxuICAgICAgfSxcblxuICAgICAgLy8gTGF5b3V0IG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6XG4gICAgICAgICAgc3VibGFiZWwgfHwgZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsID8gXCJzcGFjZS1iZXR3ZWVuXCIgOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGJvcmRlclRvcFN0eWxlOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgICAgYm9yZGVyQm90dG9tU3R5bGU6IFwibm9uZVwiIGFzIGNvbnN0LFxuICAgICAgICBib3JkZXJMZWZ0U3R5bGU6IFwic29saWRcIiBhcyBjb25zdCxcbiAgICAgICAgYm9yZGVyUmlnaHRTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuXG4gICAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICAgICAgICBib3JkZXJUb3BTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiBcInNvbGlkXCIgYXMgY29uc3QsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRDb250cm9sT3B0aW9uKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIHN1YmxhYmVsLFxuICBzaXplLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBpc1Jlc3BvbnNpdmUgPSBmYWxzZSxcbiAgZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG59OiBTZWdtZW50ZWRDb250cm9sT3B0aW9uUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBsYWJlbFNpemUgPSBzaXplID09PSBcImxcIiA/IFwibVwiIDogXCJzXCI7XG4gIGNvbnN0IHN1YmxhYmVsRWxtID0gc3VibGFiZWwgPyAoXG4gICAgPFN0eWxlZFN1YmxhYmVsIHNpemU9XCJzXCIgaXNSZXNwb25zaXZlPXtpc1Jlc3BvbnNpdmV9PlxuICAgICAge3N1YmxhYmVsfVxuICAgIDwvU3R5bGVkU3VibGFiZWw+XG4gICkgOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICBzdWJsYWJlbD17c3VibGFiZWx9XG4gICAgICBpc1Jlc3BvbnNpdmU9e2lzUmVzcG9uc2l2ZX1cbiAgICAgIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD17ZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsfVxuICAgID5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkTGFiZWwgc2l6ZT17bGFiZWxTaXplfSB3ZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICB7c3VibGFiZWxFbG19XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+const StyledContainer = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "production" ? {
+  target: "e1rc9gn60"
+} : {
+  target: "e1rc9gn60",
+  label: "StyledContainer"
+})(_ref3 => {
+  let {
+    theme,
+    size,
+    checked,
+    isResponsive,
+    sublabel,
+    displayAsOptionWithSublabel
+  } = _ref3;
+  const borderStyle = {
+    "&:first-of-type": {
+      borderTopLeftRadius: theme.variables.size.borderRadius.button.m,
+      borderBottomLeftRadius: theme.variables.size.borderRadius.button.m,
+      borderLeftStyle: "solid"
+    },
+    "&:last-of-type": {
+      borderTopRightRadius: theme.variables.size.borderRadius.button.m,
+      borderBottomRightRadius: theme.variables.size.borderRadius.button.m,
+      borderRightStyle: "solid"
+    }
+  };
+  const baseStyle = {
+    cursor: "pointer",
+    backgroundColor: theme.values.color.background.segmentedControlOption.default,
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: `${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,
+    border: `1px solid ${theme.values.color.border.segmentedControlOption.default}`,
+    borderLeftStyle: "none",
+    borderRightStyle: "none",
+    position: "relative",
+    ...((size === "m" || size === "l") && {
+      padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`
+    }),
+    ...(!checked && {
+      "&:hover": {
+        backgroundColor: theme.values.color.background.segmentedControlOption.hover
+      }
+    }),
+    ...(checked && {
+      backgroundColor: theme.values.color.background.segmentedControlOption.checked,
+      borderColor: theme.values.color.border.segmentedControlOption.checked,
+      // Set succeeding divider style
+      "& + div": {
+        borderColor: theme.values.color.border.segmentedControlOption.checked
+      }
+    }),
+    [`${StyledSublabel}, ${StyledLabel}`]: {
+      color: theme.values.color.text.segmentedControlOption.default,
+      ...(checked && {
+        color: theme.values.color.text.segmentedControlOption.checked
+      })
+    },
+    "input:focus-visible + &": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineColor: "Highlight"
+    },
+    "@media (-webkit-min-device-pixel-ratio:0)": {
+      "input: focus-visible + &": {
+        outlineColor: "-webkit-focus-ring-color",
+        outlineStyle: "auto"
+      }
+    }
+  };
+  if (!isResponsive) {
+    return {
+      ...baseStyle,
+      ...borderStyle
+    };
+  }
+  return {
+    ...baseStyle,
+    // Layout tablet and desktop
+    [`@media (min-width: ${breakpoints.medium.value}px)`]: {
+      ...borderStyle
+    },
+    // Layout mobile
+    [`@media (max-width: ${breakpoints.medium.value}px)`]: {
+      flexDirection: "row",
+      justifyContent: sublabel || displayAsOptionWithSublabel ? "space-between" : "center",
+      padding: theme.variables.size.spacing.m,
+      borderTopStyle: "none",
+      borderBottomStyle: "none",
+      borderLeftStyle: "solid",
+      borderRightStyle: "solid",
+      "&:first-of-type": {
+        borderTopLeftRadius: theme.variables.size.borderRadius.button.m,
+        borderTopRightRadius: theme.variables.size.borderRadius.button.m,
+        borderTopStyle: "solid"
+      },
+      "&:last-of-type": {
+        borderBottomLeftRadius: theme.variables.size.borderRadius.button.m,
+        borderBottomRightRadius: theme.variables.size.borderRadius.button.m,
+        borderBottomStyle: "solid"
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2xPcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Fd0IiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbE9wdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQsIFRleHRQcm9wcyB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IGJyZWFrcG9pbnRzIGZyb20gXCIuLi8uLi8uLi8uLi9idWlsZC10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgU2VnbWVudGVkQ29udHJvbE9wdGlvbixcbiAgU2VnbWVudGVkQ29udHJvbFByb3BzLFxufSBmcm9tIFwiLi9TZWdtZW50ZWRDb250cm9sXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb25Qcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xQcm9wcyxcbiAgXCJzaXplXCIgfCBcImRpc2FibGVkXCJcbj4gJlxuICBTZWdtZW50ZWRDb250cm9sT3B0aW9uICYge1xuICAgIGNoZWNrZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gICAgaXNSZXNwb25zaXZlPzogYm9vbGVhbjtcbiAgICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIH07XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFRleHQpKCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRTdWJsYWJlbFByb3BzID0gVGV4dFByb3BzICZcbiAgUGljazxTZWdtZW50ZWRDb250cm9sT3B0aW9uUHJvcHMsIFwiaXNSZXNwb25zaXZlXCI+O1xuXG5jb25zdCBTdHlsZWRTdWJsYWJlbCA9IHN0eWxlZChUZXh0KTxTdHlsZWRTdWJsYWJlbFByb3BzPihcbiAgKHsgdGhlbWUsIGlzUmVzcG9uc2l2ZSB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiIGFzIGNvbnN0LFxuICAgIH07XG5cbiAgICBpZiAoIWlzUmVzcG9uc2l2ZSkge1xuICAgICAgcmV0dXJuIGJhc2VTdHlsZTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgLi4uYmFzZVN0eWxlLFxuICAgICAgLy8gTGF5b3V0IG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICAgICAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxudHlwZSBTdHlsZWRDb250YWluZXJQcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xPcHRpb25Qcm9wcyxcbiAgfCBcInNpemVcIlxuICB8IFwiY2hlY2tlZFwiXG4gIHwgXCJpc1Jlc3BvbnNpdmVcIlxuICB8IFwic3VibGFiZWxcIlxuICB8IFwiZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsXCJcbj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5sYWJlbDxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgICBjaGVja2VkLFxuICAgIGlzUmVzcG9uc2l2ZSxcbiAgICBzdWJsYWJlbCxcbiAgICBkaXNwbGF5QXNPcHRpb25XaXRoU3VibGFiZWwsXG4gIH0pID0+IHtcbiAgICBjb25zdCBib3JkZXJTdHlsZSA9IHtcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlckxlZnRTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuICAgICAgfSxcblxuICAgICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgIGJvcmRlclJpZ2h0U3R5bGU6IFwic29saWRcIiBhcyBjb25zdCxcbiAgICAgIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGJhc2VTdHlsZSA9IHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uZGVmYXVsdCxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIiBhcyBjb25zdCxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uZGVmYXVsdH1gLFxuICAgICAgYm9yZGVyTGVmdFN0eWxlOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgIGJvcmRlclJpZ2h0U3R5bGU6IFwibm9uZVwiIGFzIGNvbnN0LFxuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIiBhcyBjb25zdCxcblxuICAgICAgLi4uKChzaXplID09PSBcIm1cIiB8fCBzaXplID09PSBcImxcIikgJiYge1xuICAgICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICB9KSxcblxuICAgICAgLi4uKCFjaGVja2VkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWdtZW50ZWRDb250cm9sT3B0aW9uLmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgfSksXG5cbiAgICAgIC4uLihjaGVja2VkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uY2hlY2tlZCxcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5jaGVja2VkLFxuXG4gICAgICAgIC8vIFNldCBzdWNjZWVkaW5nIGRpdmlkZXIgc3R5bGVcbiAgICAgICAgXCImICsgZGl2XCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWdtZW50ZWRDb250cm9sT3B0aW9uLmNoZWNrZWQsXG4gICAgICAgIH0sXG4gICAgICB9KSxcblxuICAgICAgW2Ake1N0eWxlZFN1YmxhYmVsfSwgJHtTdHlsZWRMYWJlbH1gXToge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5kZWZhdWx0LFxuXG4gICAgICAgIC4uLihjaGVja2VkICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5jaGVja2VkLFxuICAgICAgICB9KSxcbiAgICAgIH0sXG5cbiAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gICAgICB9LFxuXG4gICAgICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICAgICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9O1xuXG4gICAgaWYgKCFpc1Jlc3BvbnNpdmUpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLmJhc2VTdHlsZSxcbiAgICAgICAgLi4uYm9yZGVyU3R5bGUsXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG5cbiAgICAgIC8vIExheW91dCB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIC4uLmJvcmRlclN0eWxlLFxuICAgICAgfSxcblxuICAgICAgLy8gTGF5b3V0IG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6XG4gICAgICAgICAgc3VibGFiZWwgfHwgZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsID8gXCJzcGFjZS1iZXR3ZWVuXCIgOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGJvcmRlclRvcFN0eWxlOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgICAgYm9yZGVyQm90dG9tU3R5bGU6IFwibm9uZVwiIGFzIGNvbnN0LFxuICAgICAgICBib3JkZXJMZWZ0U3R5bGU6IFwic29saWRcIiBhcyBjb25zdCxcbiAgICAgICAgYm9yZGVyUmlnaHRTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuXG4gICAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICAgICAgICBib3JkZXJUb3BTdHlsZTogXCJzb2xpZFwiIGFzIGNvbnN0LFxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiBcInNvbGlkXCIgYXMgY29uc3QsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRDb250cm9sT3B0aW9uKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIHN1YmxhYmVsLFxuICBzaXplLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBpc1Jlc3BvbnNpdmUgPSBmYWxzZSxcbiAgZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG59OiBTZWdtZW50ZWRDb250cm9sT3B0aW9uUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBsYWJlbFNpemUgPSBzaXplID09PSBcImxcIiA/IFwibVwiIDogXCJzXCI7XG4gIGNvbnN0IHN1YmxhYmVsRWxtID0gc3VibGFiZWwgPyAoXG4gICAgPFN0eWxlZFN1YmxhYmVsIHNpemU9XCJzXCIgaXNSZXNwb25zaXZlPXtpc1Jlc3BvbnNpdmV9PlxuICAgICAge3N1YmxhYmVsfVxuICAgIDwvU3R5bGVkU3VibGFiZWw+XG4gICkgOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICBzdWJsYWJlbD17c3VibGFiZWx9XG4gICAgICBpc1Jlc3BvbnNpdmU9e2lzUmVzcG9uc2l2ZX1cbiAgICAgIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD17ZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsfVxuICAgID5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkTGFiZWwgc2l6ZT17bGFiZWxTaXplfSB3ZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICB7c3VibGFiZWxFbG19XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+function SegmentedControlOption(_ref4) {
+  let {
+    name,
+    value = "",
+    checked = undefined,
+    label = "",
+    sublabel,
+    size,
+    disabled = false,
+    isResponsive = false,
+    displayAsOptionWithSublabel = false,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus
+  } = _ref4;
+  const labelSize = size === "l" ? "m" : "s";
+  const sublabelElm = sublabel ? /*#__PURE__*/React.createElement(StyledSublabel, {
+    size: "s",
+    isResponsive: isResponsive
+  }, sublabel) : null;
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    size: size,
+    checked: checked,
+    sublabel: sublabel,
+    isResponsive: isResponsive,
+    displayAsOptionWithSublabel: displayAsOptionWithSublabel
+  }, /*#__PURE__*/React.createElement(StyledInput, {
+    type: "radio",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React.createElement(StyledLabel, {
+    size: labelSize,
+    weight: "bold"
+  }, label), sublabelElm);
+}
+
+export { SegmentedControlOption };
+//# sourceMappingURL=SegmentedControlOption.js.map

package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlOption.js","sources":["../../../../../../src/components/Form/SegmentedControl/SegmentedControlOption.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text, TextProps } from \"../../Typography/Text/Text\";\nimport breakpoints from \"../../../../build-tokens/_breakpoints.json\";\nimport type {\n  SegmentedControlOption,\n  SegmentedControlProps,\n} from \"./SegmentedControl\";\n\nexport type SegmentedControlOptionProps = Pick<\n  SegmentedControlProps,\n  \"size\" | \"disabled\"\n> &\n  SegmentedControlOption & {\n    checked: boolean | undefined;\n    isResponsive?: boolean;\n    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  };\n\nconst StyledInput = styled.input(() => ({\n  opacity: 0,\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledLabel = styled(Text)(({ theme, size }) => ({\n  whiteSpace: \"nowrap\",\n\n  ...(size === \"s\" && {\n    lineHeight: theme.variables.size.lineHeight.button.m,\n  }),\n}));\n\ntype StyledSublabelProps = TextProps &\n  Pick<SegmentedControlOptionProps, \"isResponsive\">;\n\nconst StyledSublabel = styled(Text)<StyledSublabelProps>(\n  ({ theme, isResponsive }) => {\n    const baseStyle = {\n      textAlign: \"center\" as const,\n    };\n\n    if (!isResponsive) {\n      return baseStyle;\n    }\n\n    return {\n      ...baseStyle,\n      // Layout mobile\n      [`@media (max-width: ${breakpoints.medium.value}px)`]: {\n        lineHeight: theme.variables.size.lineHeight.button.m,\n        textAlign: \"right\",\n        marginLeft: theme.variables.size.spacing.m,\n      },\n    };\n  }\n);\n\ntype StyledContainerProps = Pick<\n  SegmentedControlOptionProps,\n  | \"size\"\n  | \"checked\"\n  | \"isResponsive\"\n  | \"sublabel\"\n  | \"displayAsOptionWithSublabel\"\n>;\n\nconst StyledContainer = styled.label<StyledContainerProps>(\n  ({\n    theme,\n    size,\n    checked,\n    isResponsive,\n    sublabel,\n    displayAsOptionWithSublabel,\n  }) => {\n    const borderStyle = {\n      \"&:first-of-type\": {\n        borderTopLeftRadius: theme.variables.size.borderRadius.button.m,\n        borderBottomLeftRadius: theme.variables.size.borderRadius.button.m,\n        borderLeftStyle: \"solid\" as const,\n      },\n\n      \"&:last-of-type\": {\n        borderTopRightRadius: theme.variables.size.borderRadius.button.m,\n        borderBottomRightRadius: theme.variables.size.borderRadius.button.m,\n        borderRightStyle: \"solid\" as const,\n      },\n    };\n\n    const baseStyle = {\n      cursor: \"pointer\",\n      backgroundColor:\n        theme.values.color.background.segmentedControlOption.default,\n      display: \"flex\",\n      flexDirection: \"column\" as const,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      padding: `${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,\n      border: `1px solid ${theme.values.color.border.segmentedControlOption.default}`,\n      borderLeftStyle: \"none\" as const,\n      borderRightStyle: \"none\" as const,\n      position: \"relative\" as const,\n\n      ...((size === \"m\" || size === \"l\") && {\n        padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,\n      }),\n\n      ...(!checked && {\n        \"&:hover\": {\n          backgroundColor:\n            theme.values.color.background.segmentedControlOption.hover,\n        },\n      }),\n\n      ...(checked && {\n        backgroundColor:\n          theme.values.color.background.segmentedControlOption.checked,\n        borderColor: theme.values.color.border.segmentedControlOption.checked,\n\n        // Set succeeding divider style\n        \"& + div\": {\n          borderColor: theme.values.color.border.segmentedControlOption.checked,\n        },\n      }),\n\n      [`${StyledSublabel}, ${StyledLabel}`]: {\n        color: theme.values.color.text.segmentedControlOption.default,\n\n        ...(checked && {\n          color: theme.values.color.text.segmentedControlOption.checked,\n        }),\n      },\n\n      \"input:focus-visible + &\": {\n        outlineWidth: \"2px\",\n        outlineStyle: \"solid\",\n        outlineColor: \"Highlight\",\n      },\n\n      \"@media (-webkit-min-device-pixel-ratio:0)\": {\n        \"input: focus-visible + &\": {\n          outlineColor: \"-webkit-focus-ring-color\",\n          outlineStyle: \"auto\",\n        },\n      },\n    };\n\n    if (!isResponsive) {\n      return {\n        ...baseStyle,\n        ...borderStyle,\n      };\n    }\n\n    return {\n      ...baseStyle,\n\n      // Layout tablet and desktop\n      [`@media (min-width: ${breakpoints.medium.value}px)`]: {\n        ...borderStyle,\n      },\n\n      // Layout mobile\n      [`@media (max-width: ${breakpoints.medium.value}px)`]: {\n        flexDirection: \"row\",\n        justifyContent:\n          sublabel || displayAsOptionWithSublabel ? \"space-between\" : \"center\",\n        padding: theme.variables.size.spacing.m,\n        borderTopStyle: \"none\" as const,\n        borderBottomStyle: \"none\" as const,\n        borderLeftStyle: \"solid\" as const,\n        borderRightStyle: \"solid\" as const,\n\n        \"&:first-of-type\": {\n          borderTopLeftRadius: theme.variables.size.borderRadius.button.m,\n          borderTopRightRadius: theme.variables.size.borderRadius.button.m,\n          borderTopStyle: \"solid\" as const,\n        },\n\n        \"&:last-of-type\": {\n          borderBottomLeftRadius: theme.variables.size.borderRadius.button.m,\n          borderBottomRightRadius: theme.variables.size.borderRadius.button.m,\n          borderBottomStyle: \"solid\" as const,\n        },\n      },\n    };\n  }\n);\n\nexport function SegmentedControlOption({\n  name,\n  value = \"\",\n  checked = undefined,\n  label = \"\",\n  sublabel,\n  size,\n  disabled = false,\n  isResponsive = false,\n  displayAsOptionWithSublabel = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n}: SegmentedControlOptionProps): React.ReactElement {\n  const labelSize = size === \"l\" ? \"m\" : \"s\";\n  const sublabelElm = sublabel ? (\n    <StyledSublabel size=\"s\" isResponsive={isResponsive}>\n      {sublabel}\n    </StyledSublabel>\n  ) : null;\n\n  return (\n    <StyledContainer\n      size={size}\n      checked={checked}\n      sublabel={sublabel}\n      isResponsive={isResponsive}\n      displayAsOptionWithSublabel={displayAsOptionWithSublabel}\n    >\n      <StyledInput\n        type=\"radio\"\n        name={name}\n        value={value}\n        checked={checked}\n        disabled={disabled}\n        onChange={onChange}\n        onClick={onClick}\n        onBlur={onBlur}\n        onFocus={onFocus}\n      />\n      <StyledLabel size={labelSize} weight=\"bold\">\n        {label}\n      </StyledLabel>\n      {sublabelElm}\n    </StyledContainer>\n  );\n}\n"],"names":["StyledInput","_styled","process","env","NODE_ENV","target","label","opacity","height","width","position","StyledLabel","Text","_ref","theme","size","whiteSpace","lineHeight","variables","button","m","StyledSublabel","_ref2","isResponsive","baseStyle","textAlign","breakpoints","medium","value","marginLeft","spacing","StyledContainer","_ref3","checked","sublabel","displayAsOptionWithSublabel","borderStyle","borderTopLeftRadius","borderRadius","borderBottomLeftRadius","borderLeftStyle","borderTopRightRadius","borderBottomRightRadius","borderRightStyle","cursor","backgroundColor","values","color","background","segmentedControlOption","default","display","flexDirection","justifyContent","alignItems","padding","xs","border","s","l","hover","borderColor","text","outlineWidth","outlineStyle","outlineColor","borderTopStyle","borderBottomStyle","SegmentedControlOption","_ref4","name","undefined","disabled","onChange","onClick","onBlur","onFocus","labelSize","sublabelElm","React","createElement","type","weight"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../../src/components/Form/Select/Select.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React, {\n  useState,\n  useRef,\n  useMemo,\n  useEffect,\n  useCallback,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useKeyboard } from \"../../../shared/useKeyboard\";\nimport {\n  useAutoPosition,\n  VerticalPosition,\n} from \"../../../shared/useAutoPosition\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { VirtualScrollList } from \"../../VirtualScrollList/VirtualScrollList\";\nimport { Input, InputRaw } from \"../Input/Input\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Box } from \"../../Box/Box\";\n\nconst StyledContainer = styled.div(() => ({\n  position: \"relative\",\n}));\n\nconst StyledInputWrap = styled.div(() => ({\n  zIndex: 0,\n  position: \"absolute\",\n  pointerEvents: \"none\",\n  width: \"100%\",\n  bottom: 0,\n  left: 0,\n}));\n\nconst StyledDropdown = styled.div<{ dropdownPosition: VerticalPosition }>(\n  ({ theme, dropdownPosition }) => ({\n    backgroundColor: theme.values.color.background.layer_2,\n    position: \"absolute\",\n    fontSize: theme.variables.size.font.text.s,\n    zIndex: 2,\n    width: \"100%\",\n    margin: `${theme.variables.size.spacing.xs} 0`,\n    cursor: \"pointer\",\n    borderRadius: theme.variables.size.borderRadius.dropdown.m,\n    overflow: \"hidden\",\n    boxShadow: theme.variables.shadow.card.b,\n    boxSizing: \"border-box\",\n    ...(dropdownPosition === \"down\" && {\n      top: \"100%\",\n    }),\n    ...(dropdownPosition === \"up\" && {\n      bottom: \"100%\",\n    }),\n  })\n);\n\nconst StyledDropdownItem = styled.div<{ active: boolean }>(\n  ({ theme, active }) => ({\n    padding: theme.variables.size.spacing.xs,\n    borderRadius: theme.variables.size.borderRadius.dropdown.s,\n    ...(active && {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      borderRadius: 0,\n    }),\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      borderRadius: 0,\n    },\n  })\n);\n\nconst HiddenSelectInput = styled.select(() => ({\n  display: \"none\",\n}));\n\ntype SelectOption = {\n  value: string;\n  label: string;\n} & Record<string, unknown>;\n\nexport type SelectProps = {\n  name: string;\n  value: string;\n  placeholder?: string;\n  emptyStateMessage?: string;\n  hasError?: boolean;\n  disabled?: boolean;\n  options?: SelectOption[];\n  filterMethod?: (options: SelectOption, value: string) => boolean;\n  onChange?: (e: React.FormEvent<HTMLSelectElement>) => void;\n  onBlur?: () => void;\n  onFocus?: () => void;\n  maxHeight?: number;\n  autoComplete?: string;\n} & FormFieldProps;\n\nconst defaultFilterMethod = (option: SelectOption, value: string): boolean =>\n  option.label.toLowerCase().indexOf(value.toLowerCase()) > -1;\n\nexport function Select({\n  options = [],\n  name,\n  value,\n  placeholder,\n  emptyStateMessage,\n  hasError,\n  filterMethod = defaultFilterMethod,\n  onChange = () => null,\n  onBlur = () => null,\n  onFocus = () => null,\n  maxHeight = 230,\n  autoComplete = \"on\",\n  ...rest\n}: SelectProps): React.ReactElement {\n  const { disabled } = rest;\n  const [isOpen, setIsOpen] = useState(false);\n  const [innerValue, setInnerValue] = useState(\"\");\n  const [preselectedIndex, setPreselectedIndex] = useState(-1);\n  const initialValueOption = useMemo(\n    () =>\n      options.find((option) => option.value === value) || {\n        value: \"\",\n        label: \"\",\n      },\n    [options, value]\n  );\n  const [fakeSelectedOption, setFakeSelectedOption] =\n    useState(initialValueOption);\n  const fakeSelectRef = useRef(null);\n\n  const dropDownRef = useRef(null);\n  const innerInputRef = useRef(null);\n\n  const currentValueRef = useRef(value);\n  currentValueRef.current = value;\n\n  const forceChangeFakeSelect = useCallback(\n    (selectedOption: SelectOption) => {\n      if (fakeSelectedOption.value !== selectedOption.value) {\n        setFakeSelectedOption(selectedOption);\n      }\n    },\n    [fakeSelectedOption]\n  );\n\n  const [verticalPosition] = useAutoPosition(\n    fakeSelectRef,\n    dropDownRef,\n    isOpen\n  );\n\n  const closeDropdown = useCallback(\n    (noSelect = false) => {\n      setIsOpen(false);\n      if (!noSelect) {\n        const selectedOption = options.find(\n          (option) =>\n            option.label.toLowerCase().trim() ===\n            innerValue.toLowerCase().trim()\n        );\n        if (selectedOption) {\n          forceChangeFakeSelect(selectedOption);\n        }\n      }\n      setInnerValue(\"\");\n      setPreselectedIndex(-1);\n      onBlur();\n    },\n    [onBlur, forceChangeFakeSelect, innerValue, options]\n  );\n\n  useEffect(() => {\n    if (\n      fakeSelectRef.current &&\n      currentValueRef.current !== fakeSelectedOption.value\n    ) {\n      fakeSelectRef.current.dispatchEvent(\n        new Event(\"change\", { bubbles: true })\n      );\n    }\n  }, [fakeSelectedOption, fakeSelectRef, currentValueRef]);\n\n  // force updating the hidden select if a new initial value gets passed down\n  // without it, there would be a mismatch of selected value and the hidden select,\n  // which would cause the first value to not be selectable\n  useEffect(() => {\n    forceChangeFakeSelect(initialValueOption);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialValueOption]);\n\n  const filteredOptions = useMemo(() => {\n    if (!innerValue) {\n      return options;\n    }\n\n    return options.filter((option) => filterMethod(option, innerValue));\n  }, [options, filterMethod, innerValue]);\n\n  const displayValue = useMemo(\n    () =>\n      options.some((option) => option.value === value)\n        ? options.find((option) => option.value === value).label\n        : \"\",\n    [value, options]\n  );\n\n  useEffect(() => {\n    setPreselectedIndex(-1);\n  }, [filteredOptions]);\n\n  useKeyboard(\n    {\n      Escape: () => closeDropdown(true),\n      Enter: () => {\n        if (filteredOptions[preselectedIndex]) {\n          forceChangeFakeSelect(filteredOptions[preselectedIndex]);\n          closeDropdown(true);\n          return;\n        }\n        closeDropdown();\n      },\n      ArrowUp: () => {\n        setPreselectedIndex(Math.max(preselectedIndex - 1, 0));\n      },\n      ArrowDown: () => {\n        setPreselectedIndex(\n          Math.min(preselectedIndex + 1, filteredOptions.length - 1)\n        );\n      },\n    },\n    innerInputRef,\n    isOpen && !disabled\n  );\n\n  useKeyboard(\n    {\n      \"ArrowUp ArrowDown\": () => {\n        setIsOpen(true);\n      },\n    },\n    innerInputRef,\n    !isOpen && !disabled\n  );\n\n  return (\n    <FormField data-ds-id=\"Select\" {...(rest as FormFieldProps)}>\n      <StyledContainer\n        onBlur={() => {\n          closeDropdown(true);\n        }}\n      >\n        <div style={{ zIndex: 1 }}>\n          <InputRaw\n            areaLabel={rest.label}\n            name={`${name}-innerInput`}\n            value={innerValue}\n            privateProps={{ isTransparent: !(isOpen && innerValue) }}\n            icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n            hasError={hasError}\n            disabled={disabled}\n            onFocus={() => {\n              setIsOpen(true);\n              onFocus();\n            }}\n            onClick={() => {\n              setIsOpen(true);\n            }}\n            onChange={(e) => {\n              if (e.currentTarget.value) {\n                setIsOpen(true);\n              }\n              setInnerValue(e.currentTarget.value);\n            }}\n            ref={innerInputRef}\n            autoComplete={autoComplete}\n          />\n        </div>\n\n        <StyledInputWrap>\n          <Input\n            name={name}\n            value={displayValue}\n            onChange={() => null}\n            icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n            placeholder={placeholder}\n            tabIndex={-1}\n            autoComplete=\"off\"\n          />\n        </StyledInputWrap>\n\n        {isOpen && (\n          // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n          <StyledDropdown\n            dropdownPosition={verticalPosition}\n            ref={dropDownRef}\n            // this is to prevent known bug of Chrome when element\n            // loses focus on click on the scrollbar\n            onMouseDown={(e) => e.preventDefault()}\n          >\n            <VirtualScrollList\n              maxHeight={maxHeight}\n              itemHeight={36}\n              itemAmount={filteredOptions.length}\n              emptyState={() => (\n                <Box space=\"xs\">\n                  <Text>{emptyStateMessage || \"🤷🏻‍♀️\"}</Text>\n                </Box>\n              )}\n              itemInView={preselectedIndex}\n              itemTemplate={(index: number) => {\n                const option: SelectOption = filteredOptions[index];\n                return (\n                  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n                  <StyledDropdownItem\n                    key={option.value}\n                    active={\n                      preselectedIndex === index || value === option.value\n                    }\n                    onMouseDown={() => {\n                      forceChangeFakeSelect(option);\n                      closeDropdown(true);\n                    }}\n                  >\n                    <Text weight=\"bold\" variant=\"secondary\" size=\"s\">\n                      {option.label}\n                    </Text>\n                  </StyledDropdownItem>\n                );\n              }}\n            />\n          </StyledDropdown>\n        )}\n\n        <HiddenSelectInput\n          onChange={onChange}\n          value={fakeSelectedOption.value}\n          ref={fakeSelectRef}\n          autoComplete=\"off\"\n        >\n          <option value={fakeSelectedOption.value}>\n            {fakeSelectedOption.label}\n          </option>\n        </HiddenSelectInput>\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","position","StyledInputWrap","zIndex","pointerEvents","width","bottom","left","StyledDropdown","_ref","theme","dropdownPosition","backgroundColor","values","color","background","layer_2","fontSize","variables","size","font","text","s","margin","spacing","xs","cursor","borderRadius","dropdown","m","overflow","boxShadow","shadow","card","b","boxSizing","top","StyledDropdownItem","_ref2","active","padding","HiddenSelectInput","display","defaultFilterMethod","option","value","toLowerCase","indexOf","Select","_ref3","options","name","placeholder","emptyStateMessage","hasError","filterMethod","onChange","onBlur","onFocus","maxHeight","autoComplete","rest","disabled","isOpen","setIsOpen","useState","innerValue","setInnerValue","preselectedIndex","setPreselectedIndex","initialValueOption","useMemo","find","fakeSelectedOption","setFakeSelectedOption","fakeSelectRef","useRef","dropDownRef","innerInputRef","currentValueRef","current","forceChangeFakeSelect","useCallback","selectedOption","verticalPosition","useAutoPosition","closeDropdown","noSelect","arguments","length","undefined","trim","useEffect","dispatchEvent","Event","bubbles","filteredOptions","filter","displayValue","some","useKeyboard","Escape","Enter","ArrowUp","Math","max","ArrowDown","min","ArrowUp ArrowDown","React","createElement","FormField","_extends","style","InputRaw","areaLabel","privateProps","isTransparent","icon","onClick","e","currentTarget","ref","Input","tabIndex","onMouseDown","preventDefault","VirtualScrollList","itemHeight","itemAmount","emptyState","Box","space","Text","itemInView","itemTemplate","index","key","weight","variant"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../../../src/components/Form/Select/Select.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React, {\n  useState,\n  useRef,\n  useMemo,\n  useEffect,\n  useCallback,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useKeyboard } from \"../../../shared/useKeyboard\";\nimport {\n  useAutoPosition,\n  VerticalPosition,\n} from \"../../../shared/useAutoPosition\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { VirtualScrollList } from \"../../VirtualScrollList/VirtualScrollList\";\nimport { Input, InputRaw } from \"../Input/Input\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Box } from \"../../Box/Box\";\n\nconst StyledContainer = styled.div(() => ({\n  position: \"relative\",\n}));\n\nconst StyledInputWrap = styled.div(() => ({\n  zIndex: 0,\n  position: \"absolute\",\n  pointerEvents: \"none\",\n  width: \"100%\",\n  bottom: 0,\n  left: 0,\n}));\n\nconst StyledDropdown = styled.div<{ dropdownPosition: VerticalPosition }>(\n  ({ theme, dropdownPosition }) => ({\n    backgroundColor: theme.values.color.background.layer_2,\n    position: \"absolute\",\n    fontSize: theme.variables.size.font.text.s,\n    zIndex: 2,\n    width: \"100%\",\n    margin: `${theme.variables.size.spacing.xs} 0`,\n    cursor: \"pointer\",\n    borderRadius: theme.variables.size.borderRadius.dropdown.m,\n    overflow: \"hidden\",\n    boxShadow: theme.variables.shadow.card.b,\n    boxSizing: \"border-box\",\n    ...(dropdownPosition === \"down\" && {\n      top: \"100%\",\n    }),\n    ...(dropdownPosition === \"up\" && {\n      bottom: \"100%\",\n    }),\n  })\n);\n\nconst StyledDropdownItem = styled.div<{ active: boolean }>(\n  ({ theme, active }) => ({\n    padding: theme.variables.size.spacing.xs,\n    borderRadius: theme.variables.size.borderRadius.dropdown.s,\n    ...(active && {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      borderRadius: 0,\n    }),\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      borderRadius: 0,\n    },\n  })\n);\n\nconst HiddenSelectInput = styled.select(() => ({\n  display: \"none\",\n}));\n\ntype SelectOption = {\n  value: string;\n  label: string;\n} & Record<string, unknown>;\n\nexport type SelectProps = {\n  name: string;\n  value: string;\n  placeholder?: string;\n  emptyStateMessage?: string;\n  hasError?: boolean;\n  disabled?: boolean;\n  options?: SelectOption[];\n  filterMethod?: (options: SelectOption, value: string) => boolean;\n  onChange?: (e: React.FormEvent<HTMLSelectElement>) => void;\n  onBlur?: () => void;\n  onFocus?: () => void;\n  maxHeight?: number;\n  autoComplete?: string;\n} & FormFieldProps;\n\nconst defaultFilterMethod = (option: SelectOption, value: string): boolean =>\n  option.label.toLowerCase().indexOf(value.toLowerCase()) > -1;\n\nexport function Select({\n  options = [],\n  name,\n  value,\n  placeholder,\n  emptyStateMessage,\n  hasError,\n  filterMethod = defaultFilterMethod,\n  onChange = () => null,\n  onBlur = () => null,\n  onFocus = () => null,\n  maxHeight = 230,\n  autoComplete = \"on\",\n  ...rest\n}: SelectProps): React.ReactElement {\n  const { disabled } = rest;\n  const [isOpen, setIsOpen] = useState(false);\n  const [innerValue, setInnerValue] = useState(\"\");\n  const [preselectedIndex, setPreselectedIndex] = useState(-1);\n  const initialValueOption = useMemo(\n    () =>\n      options.find((option) => option.value === value) || {\n        value: \"\",\n        label: \"\",\n      },\n    [options, value]\n  );\n  const [fakeSelectedOption, setFakeSelectedOption] =\n    useState(initialValueOption);\n  const fakeSelectRef = useRef(null);\n\n  const dropDownRef = useRef(null);\n  const innerInputRef = useRef(null);\n\n  const currentValueRef = useRef(value);\n  currentValueRef.current = value;\n\n  const forceChangeFakeSelect = useCallback(\n    (selectedOption: SelectOption) => {\n      if (fakeSelectedOption.value !== selectedOption.value) {\n        setFakeSelectedOption(selectedOption);\n      }\n    },\n    [fakeSelectedOption]\n  );\n\n  const [verticalPosition] = useAutoPosition(\n    fakeSelectRef,\n    dropDownRef,\n    isOpen\n  );\n\n  const closeDropdown = useCallback(\n    (noSelect = false) => {\n      setIsOpen(false);\n      if (!noSelect) {\n        const selectedOption = options.find(\n          (option) =>\n            option.label.toLowerCase().trim() ===\n            innerValue.toLowerCase().trim()\n        );\n        if (selectedOption) {\n          forceChangeFakeSelect(selectedOption);\n        }\n      }\n      setInnerValue(\"\");\n      setPreselectedIndex(-1);\n      onBlur();\n    },\n    [onBlur, forceChangeFakeSelect, innerValue, options]\n  );\n\n  useEffect(() => {\n    if (\n      fakeSelectRef.current &&\n      currentValueRef.current !== fakeSelectedOption.value\n    ) {\n      fakeSelectRef.current.dispatchEvent(\n        new Event(\"change\", { bubbles: true })\n      );\n    }\n  }, [fakeSelectedOption, fakeSelectRef, currentValueRef]);\n\n  // force updating the hidden select if a new initial value gets passed down\n  // without it, there would be a mismatch of selected value and the hidden select,\n  // which would cause the first value to not be selectable\n  useEffect(() => {\n    forceChangeFakeSelect(initialValueOption);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialValueOption]);\n\n  const filteredOptions = useMemo(() => {\n    if (!innerValue) {\n      return options;\n    }\n\n    return options.filter((option) => filterMethod(option, innerValue));\n  }, [options, filterMethod, innerValue]);\n\n  const displayValue = useMemo(\n    () =>\n      options.some((option) => option.value === value)\n        ? options.find((option) => option.value === value).label\n        : \"\",\n    [value, options]\n  );\n\n  useEffect(() => {\n    setPreselectedIndex(-1);\n  }, [filteredOptions]);\n\n  useKeyboard(\n    {\n      Escape: () => closeDropdown(true),\n      Enter: () => {\n        if (filteredOptions[preselectedIndex]) {\n          forceChangeFakeSelect(filteredOptions[preselectedIndex]);\n          closeDropdown(true);\n          return;\n        }\n        closeDropdown();\n      },\n      ArrowUp: () => {\n        setPreselectedIndex(Math.max(preselectedIndex - 1, 0));\n      },\n      ArrowDown: () => {\n        setPreselectedIndex(\n          Math.min(preselectedIndex + 1, filteredOptions.length - 1)\n        );\n      },\n    },\n    innerInputRef,\n    isOpen && !disabled\n  );\n\n  useKeyboard(\n    {\n      \"ArrowUp ArrowDown\": () => {\n        setIsOpen(true);\n      },\n    },\n    innerInputRef,\n    !isOpen && !disabled\n  );\n\n  return (\n    <FormField data-ds-id=\"Select\" {...(rest as FormFieldProps)}>\n      <StyledContainer\n        onBlur={() => {\n          closeDropdown(true);\n        }}\n      >\n        <div style={{ zIndex: 1 }}>\n          <InputRaw\n            areaLabel={rest.label}\n            name={`${name}-innerInput`}\n            value={innerValue}\n            privateProps={{ isTransparent: !(isOpen && innerValue) }}\n            icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n            hasError={hasError}\n            disabled={disabled}\n            onFocus={() => {\n              setIsOpen(true);\n              onFocus();\n            }}\n            onClick={() => {\n              setIsOpen(true);\n            }}\n            onChange={(e) => {\n              if (e.currentTarget.value) {\n                setIsOpen(true);\n              }\n              setInnerValue(e.currentTarget.value);\n            }}\n            ref={innerInputRef}\n            autoComplete={autoComplete}\n          />\n        </div>\n\n        <StyledInputWrap>\n          <Input\n            name={name}\n            value={displayValue}\n            onChange={() => null}\n            icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n            placeholder={placeholder}\n            tabIndex={-1}\n            autoComplete=\"off\"\n          />\n        </StyledInputWrap>\n\n        {isOpen && (\n          // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n          <StyledDropdown\n            dropdownPosition={verticalPosition}\n            ref={dropDownRef}\n            // this is to prevent known bug of Chrome when element\n            // loses focus on click on the scrollbar\n            onMouseDown={(e) => e.preventDefault()}\n          >\n            <VirtualScrollList\n              maxHeight={maxHeight}\n              itemHeight={36}\n              itemAmount={filteredOptions.length}\n              emptyState={() => (\n                <Box space=\"xs\">\n                  <Text>{emptyStateMessage || \"🤷🏻‍♀️\"}</Text>\n                </Box>\n              )}\n              itemInView={preselectedIndex}\n              itemTemplate={(index: number) => {\n                const option: SelectOption = filteredOptions[index];\n                return (\n                  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n                  <StyledDropdownItem\n                    key={option.value}\n                    active={\n                      preselectedIndex === index || value === option.value\n                    }\n                    onMouseDown={() => {\n                      forceChangeFakeSelect(option);\n                      closeDropdown(true);\n                    }}\n                  >\n                    <Text weight=\"bold\" variant=\"secondary\" size=\"s\">\n                      {option.label}\n                    </Text>\n                  </StyledDropdownItem>\n                );\n              }}\n            />\n          </StyledDropdown>\n        )}\n\n        <HiddenSelectInput\n          onChange={onChange}\n          value={fakeSelectedOption.value}\n          ref={fakeSelectRef}\n          autoComplete=\"off\"\n        >\n          <option value={fakeSelectedOption.value}>\n            {fakeSelectedOption.label}\n          </option>\n        </HiddenSelectInput>\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","position","StyledInputWrap","zIndex","pointerEvents","width","bottom","left","StyledDropdown","_ref","theme","dropdownPosition","backgroundColor","values","color","background","layer_2","fontSize","variables","size","font","text","s","margin","spacing","xs","cursor","borderRadius","dropdown","m","overflow","boxShadow","shadow","card","b","boxSizing","top","StyledDropdownItem","_ref2","active","padding","HiddenSelectInput","display","defaultFilterMethod","option","value","toLowerCase","indexOf","Select","_ref3","options","name","placeholder","emptyStateMessage","hasError","filterMethod","onChange","onBlur","onFocus","maxHeight","autoComplete","rest","disabled","isOpen","setIsOpen","useState","innerValue","setInnerValue","preselectedIndex","setPreselectedIndex","initialValueOption","useMemo","find","fakeSelectedOption","setFakeSelectedOption","fakeSelectRef","useRef","dropDownRef","innerInputRef","currentValueRef","current","forceChangeFakeSelect","useCallback","selectedOption","verticalPosition","useAutoPosition","closeDropdown","noSelect","arguments","length","undefined","trim","useEffect","dispatchEvent","Event","bubbles","filteredOptions","filter","displayValue","some","useKeyboard","Escape","Enter","ArrowUp","Math","max","ArrowDown","min","ArrowUp ArrowDown","React","createElement","FormField","_extends","style","InputRaw","areaLabel","privateProps","isTransparent","icon","onClick","e","currentTarget","ref","Input","tabIndex","onMouseDown","preventDefault","VirtualScrollList","itemHeight","itemAmount","emptyState","Box","space","Text","itemInView","itemTemplate","index","key","weight","variant"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\n\nexport type TextareaProps = {\n  name: string;\n  value: string;\n  /**\n   * Set to true to toggle error state\n   */\n  hasError?: boolean;\n  placeholder?: string;\n  /**\n   * Set to true to disabled input\n   */\n  disabled?: boolean;\n  onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  areaLabel?: string;\n  tabIndex?: number;\n  autoComplete?: string;\n  rows?: number;\n  maxLength?: number;\n  resize?: \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n} & FormFieldProps;\n\nconst StyledTextarea = styled.textarea<Partial<TextareaProps>>(\n  ({ theme, resize, hasError }) => ({\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.text.m,\n    lineHeight: theme.variables.size.lineHeight.text.m,\n    minHeight: theme.variables.size.dimension.textarea.minHeight.m,\n    borderRadius: theme.variables.size.borderRadius.textarea.s,\n    border: \"1px solid\",\n    width: \"100%\",\n    padding: theme.variables.size.spacing.xs,\n    boxSizing: \"border-box\",\n    color: theme.values.color.text.secondary,\n    borderColor: hasError\n      ? theme.values.color.border.textarea.error\n      : theme.values.color.border.textarea.default,\n    backgroundColor: theme.values.color.background.textarea.default,\n    resize,\n  })\n);\n\nconst StyledContainer = styled.div(() => ({\n  width: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  position: \"relative\",\n  zIndex: 1,\n}));\n\nexport function Textarea({\n  name,\n  value,\n  placeholder,\n  hasError = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  tabIndex,\n  areaLabel,\n  autoComplete = \"on\",\n  rows = 5,\n  maxLength = 256,\n  resize = \"none\",\n  ...rest\n}: TextareaProps): React.ReactElement {\n  return (\n    <FormField data-ds-id=\"Textarea\" {...(rest as FormFieldProps)}>\n      <StyledContainer>\n        <StyledTextarea\n          name={name}\n          disabled={rest.disabled}\n          placeholder={placeholder}\n          hasError={hasError}\n          onClick={onClick}\n          onChange={onChange}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          aria-label={areaLabel}\n          tabIndex={tabIndex}\n          autoComplete={autoComplete}\n          rows={rows}\n          maxLength={maxLength}\n          defaultValue={value}\n          resize={resize}\n        />\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledTextarea","_styled","process","env","NODE_ENV","target","label","_ref","theme","resize","hasError","fontFamily","variables","lato","fontSize","size","font","text","m","lineHeight","minHeight","dimension","textarea","borderRadius","s","border","width","padding","spacing","xs","boxSizing","color","values","secondary","borderColor","error","default","backgroundColor","background","StyledContainer","display","alignItems","flexDirection","position","zIndex","Textarea","_ref2","name","value","placeholder","onChange","onClick","onBlur","onFocus","tabIndex","areaLabel","autoComplete","rows","maxLength","rest","React","createElement","FormField","_extends","disabled","defaultValue"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\n\nexport type TextareaProps = {\n  name: string;\n  value: string;\n  /**\n   * Set to true to toggle error state\n   */\n  hasError?: boolean;\n  placeholder?: string;\n  /**\n   * Set to true to disabled input\n   */\n  disabled?: boolean;\n  onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  areaLabel?: string;\n  tabIndex?: number;\n  autoComplete?: string;\n  rows?: number;\n  maxLength?: number;\n  resize?: \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n} & FormFieldProps;\n\nconst StyledTextarea = styled.textarea<Partial<TextareaProps>>(\n  ({ theme, resize, hasError }) => ({\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.text.m,\n    lineHeight: theme.variables.size.lineHeight.text.m,\n    minHeight: theme.variables.size.dimension.textarea.minHeight.m,\n    borderRadius: theme.variables.size.borderRadius.textarea.s,\n    border: \"1px solid\",\n    width: \"100%\",\n    padding: theme.variables.size.spacing.xs,\n    boxSizing: \"border-box\",\n    color: theme.values.color.text.secondary,\n    borderColor: hasError\n      ? theme.values.color.border.textarea.error\n      : theme.values.color.border.textarea.default,\n    backgroundColor: theme.values.color.background.textarea.default,\n    resize,\n  })\n);\n\nconst StyledContainer = styled.div(() => ({\n  width: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  position: \"relative\",\n  zIndex: 1,\n}));\n\nexport function Textarea({\n  name,\n  value,\n  placeholder,\n  hasError = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  tabIndex,\n  areaLabel,\n  autoComplete = \"on\",\n  rows = 5,\n  maxLength = 256,\n  resize = \"none\",\n  ...rest\n}: TextareaProps): React.ReactElement {\n  return (\n    <FormField data-ds-id=\"Textarea\" {...(rest as FormFieldProps)}>\n      <StyledContainer>\n        <StyledTextarea\n          name={name}\n          disabled={rest.disabled}\n          placeholder={placeholder}\n          hasError={hasError}\n          onClick={onClick}\n          onChange={onChange}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          aria-label={areaLabel}\n          tabIndex={tabIndex}\n          autoComplete={autoComplete}\n          rows={rows}\n          maxLength={maxLength}\n          defaultValue={value}\n          resize={resize}\n        />\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledTextarea","_styled","process","env","NODE_ENV","target","label","_ref","theme","resize","hasError","fontFamily","variables","lato","fontSize","size","font","text","m","lineHeight","minHeight","dimension","textarea","borderRadius","s","border","width","padding","spacing","xs","boxSizing","color","values","secondary","borderColor","error","default","backgroundColor","background","StyledContainer","display","alignItems","flexDirection","position","zIndex","Textarea","_ref2","name","value","placeholder","onChange","onClick","onBlur","onFocus","tabIndex","areaLabel","autoComplete","rows","maxLength","rest","React","createElement","FormField","_extends","disabled","defaultValue"],"mappings":";;;;;AA6BA,MAAMA,cAAc,gBAAGC,OAAA,CAAA,UAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CACrBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAH,IAAA,CAAA;EAAA,OAAM;AAChCI,IAAAA,UAAU,EAAEH,KAAK,CAACI,SAAS,CAACD,UAAU,CAACE,IAAI;IAC3CC,QAAQ,EAAEN,KAAK,CAACI,SAAS,CAACG,IAAI,CAACC,IAAI,CAACC,IAAI,CAACC,CAAC;IAC1CC,UAAU,EAAEX,KAAK,CAACI,SAAS,CAACG,IAAI,CAACI,UAAU,CAACF,IAAI,CAACC,CAAC;AAClDE,IAAAA,SAAS,EAAEZ,KAAK,CAACI,SAAS,CAACG,IAAI,CAACM,SAAS,CAACC,QAAQ,CAACF,SAAS,CAACF,CAAC;IAC9DK,YAAY,EAAEf,KAAK,CAACI,SAAS,CAACG,IAAI,CAACQ,YAAY,CAACD,QAAQ,CAACE,CAAC;AAC1DC,IAAAA,MAAM,EAAE,WAAW;AACnBC,IAAAA,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEnB,KAAK,CAACI,SAAS,CAACG,IAAI,CAACa,OAAO,CAACC,EAAE;AACxCC,IAAAA,SAAS,EAAE,YAAY;IACvBC,KAAK,EAAEvB,KAAK,CAACwB,MAAM,CAACD,KAAK,CAACd,IAAI,CAACgB,SAAS;IACxCC,WAAW,EAAExB,QAAQ,GACjBF,KAAK,CAACwB,MAAM,CAACD,KAAK,CAACN,MAAM,CAACH,QAAQ,CAACa,KAAK,GACxC3B,KAAK,CAACwB,MAAM,CAACD,KAAK,CAACN,MAAM,CAACH,QAAQ,CAACc,OAAO;IAC9CC,eAAe,EAAE7B,KAAK,CAACwB,MAAM,CAACD,KAAK,CAACO,UAAU,CAAChB,QAAQ,CAACc,OAAO;AAC/D3B,IAAAA,MAAAA;GACD,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,s7HACJ,CAAC,CAAA;AAED,MAAMmC,eAAe,gBAAGtC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACxCoB,EAAAA,KAAK,EAAE,MAAM;AACbc,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,aAAa,EAAE,KAAK;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,MAAM,EAAE,CAAA;AACV,CAAC,CAAC,EAAA1C,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,65HAAA,CAAA,CAAA;AAEI,SAASyC,QAAQA,CAAAC,KAAA,EAgBc;EAAA,IAhBb;IACvBC,IAAI;IACJC,KAAK;IACLC,WAAW;AACXvC,IAAAA,QAAQ,GAAG,KAAK;IAChBwC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,SAAS;AACTC,IAAAA,YAAY,GAAG,IAAI;AACnBC,IAAAA,IAAI,GAAG,CAAC;AACRC,IAAAA,SAAS,GAAG,GAAG;AACfjD,IAAAA,MAAM,GAAG,MAAM;IACf,GAAGkD,IAAAA;AACU,GAAC,GAAAb,KAAA,CAAA;AACd,EAAA,oBACEc,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;IAAC,YAAW,EAAA,UAAA;AAAU,GAAA,EAAMJ,IAAI,CAAA,eACxCC,KAAA,CAAAC,aAAA,CAACtB,eAAe,EAAA,IAAA,eACdqB,KAAA,CAAAC,aAAA,CAAC7D,cAAc,EAAA;AACb+C,IAAAA,IAAI,EAAEA,IAAK;IACXiB,QAAQ,EAAEL,IAAI,CAACK,QAAS;AACxBf,IAAAA,WAAW,EAAEA,WAAY;AACzBvC,IAAAA,QAAQ,EAAEA,QAAS;AACnByC,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjB,IAAA,YAAA,EAAYE,SAAU;AACtBD,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,SAAS,EAAEA,SAAU;AACrBO,IAAAA,YAAY,EAAEjB,KAAM;AACpBvC,IAAAA,MAAM,EAAEA,MAAAA;GACT,CACc,CACR,CAAC,CAAA;AAEhB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { ToggleSize, HorizontalAlignment } from \"../../../types\";\n\nconst StyledContainer = styled.div<Partial<ToggleProps>>(\n  ({ theme, size, disabled }) => ({\n    display: \"block\",\n    position: \"relative\",\n    width: theme.variables.size.dimension.toggle.width[size],\n    height: theme.variables.size.dimension.togglePoint[size],\n    boxSizing: \"border-box\",\n    cursor: disabled ? \"default\" : \"pointer\",\n  })\n);\n\nconst StyledRealInput = styled.input<Partial<ToggleProps>>(() => ({\n  opacity: 0,\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInputInner = styled.div<Partial<ToggleProps>>(\n  ({ theme, size }) => ({\n    width: theme.variables.size.dimension.togglePoint[size],\n    height: theme.variables.size.dimension.togglePoint[size],\n    margin:\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n      (size === \"m\" ? 4 : 2),\n    borderRadius:\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) / 2,\n    transform: \"translateX(0)\",\n    transition: \"transform 0.2s linear\",\n    background: theme.values.color.background.togglePoint.default,\n  })\n);\n\nconst StyledFakeInput = styled.div<Partial<ToggleProps>>(\n  ({ theme, size, isHighlighted }) => {\n    const pointMargin =\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n      (size === \"m\" ? 4 : 2);\n    const pointTranslateX =\n      parseInt(theme.variables.size.dimension.toggle.width[size], 10) -\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) -\n      2 * pointMargin -\n      2;\n\n    return {\n      boxSizing: \"border-box\",\n      width: theme.variables.size.dimension.toggle.width[size],\n      height: theme.variables.size.dimension.toggle.height[size],\n      borderRadius: theme.variables.size.borderRadius.toggle[size],\n      display: \"flex\",\n      alignItems: \"center\",\n      transition: \"background-color 0.2s linear, border-color 0.2s linear\",\n      border: \"1px solid\",\n      borderColor: isHighlighted\n        ? theme.values.color.border.toggle.highlighted\n        : theme.values.color.border.toggle.default,\n      background: isHighlighted\n        ? theme.values.color.background.toggle.highlighted\n        : theme.values.color.background.toggle.default,\n      ...(size === \"s\" && {\n        marginTop: 2,\n      }),\n      \"input:checked + &\": {\n        border: \"1px solid\",\n        borderColor: theme.values.color.border.toggle.checked,\n        background: theme.values.color.background.toggle.checked,\n        [`${StyledFakeInputInner}`]: {\n          transform: `translateX(${pointTranslateX}px)`,\n        },\n        \"&:hover\": {\n          borderColor: theme.values.color.border.toggle.hover,\n        },\n      },\n      \"input:disabled + &\": {\n        pointerEvents: \"none\",\n      },\n      \"input:focus-visible + &\": {\n        outlineWidth: 2,\n        outlineStyle: \"solid\",\n        outlineColor: \"Highlight\",\n      },\n      \"@media (-webkit-min-device-pixel-ratio: 0)\": {\n        \"input:focus-visible + &\": {\n          outlineColor: \"-webkit-focus-ring-color\",\n          outlineStyle: \"auto\",\n        },\n      },\n      \"&:hover\": {\n        borderColor: theme.values.color.border.toggle.hover,\n      },\n    };\n  }\n);\n\nexport type ToggleProps = {\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  label?: string;\n  disabled?: boolean;\n  size?: ToggleSize;\n  isHighlighted?: boolean;\n  alignItems?: HorizontalAlignment;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nexport function Toggle({\n  name,\n  value = \"\",\n  checked = undefined,\n  label = \"\",\n  disabled = false,\n  size = \"m\",\n  isHighlighted = false,\n  alignItems = \"left\",\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: ToggleProps): React.ReactElement {\n  const spacing = size === \"s\" ? \"xs\" : \"m\";\n  const labelVariant = size === \"s\" ? \"tertiary\" : \"secondary\";\n  const labelWeight = size === \"s\" ? \"bold\" : \"normal\";\n\n  return (\n    <FormField\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Toggle\"\n      {...rest}\n      disabled={disabled}\n    >\n      <Inline alignItems={alignItems} space={spacing} vAlignItems=\"top\" noWrap>\n        {label && (\n          <Text size={size} variant={labelVariant} weight={labelWeight}>\n            {label}\n          </Text>\n        )}\n        <StyledContainer size={size} disabled={disabled}>\n          <StyledRealInput\n            type=\"checkbox\"\n            name={name}\n            value={value}\n            checked={checked}\n            disabled={disabled}\n            onChange={onChange}\n            onClick={onClick}\n            onBlur={onBlur}\n            onFocus={onFocus}\n          />\n          <StyledFakeInput size={size} isHighlighted={isHighlighted}>\n            <StyledFakeInputInner size={size} />\n          </StyledFakeInput>\n        </StyledContainer>\n      </Inline>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","size","disabled","display","position","width","variables","dimension","toggle","height","togglePoint","boxSizing","cursor","StyledRealInput","opacity","StyledFakeInputInner","_ref2","margin","parseInt","borderRadius","transform","transition","background","values","color","default","StyledFakeInput","_ref3","isHighlighted","pointMargin","pointTranslateX","alignItems","border","borderColor","highlighted","marginTop","checked","hover","pointerEvents","outlineWidth","outlineStyle","outlineColor","Toggle","_ref4","name","value","undefined","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","spacing","labelVariant","labelWeight","React","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","Text","variant","weight","type"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","sources":["../../../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { ToggleSize, HorizontalAlignment } from \"../../../types\";\n\nconst StyledContainer = styled.div<Partial<ToggleProps>>(\n  ({ theme, size, disabled }) => ({\n    display: \"block\",\n    position: \"relative\",\n    width: theme.variables.size.dimension.toggle.width[size],\n    height: theme.variables.size.dimension.togglePoint[size],\n    boxSizing: \"border-box\",\n    cursor: disabled ? \"default\" : \"pointer\",\n  })\n);\n\nconst StyledRealInput = styled.input<Partial<ToggleProps>>(() => ({\n  opacity: 0,\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInputInner = styled.div<Partial<ToggleProps>>(\n  ({ theme, size }) => ({\n    width: theme.variables.size.dimension.togglePoint[size],\n    height: theme.variables.size.dimension.togglePoint[size],\n    margin:\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n      (size === \"m\" ? 4 : 2),\n    borderRadius:\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) / 2,\n    transform: \"translateX(0)\",\n    transition: \"transform 0.2s linear\",\n    background: theme.values.color.background.togglePoint.default,\n  })\n);\n\nconst StyledFakeInput = styled.div<Partial<ToggleProps>>(\n  ({ theme, size, isHighlighted }) => {\n    const pointMargin =\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n      (size === \"m\" ? 4 : 2);\n    const pointTranslateX =\n      parseInt(theme.variables.size.dimension.toggle.width[size], 10) -\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) -\n      2 * pointMargin -\n      2;\n\n    return {\n      boxSizing: \"border-box\",\n      width: theme.variables.size.dimension.toggle.width[size],\n      height: theme.variables.size.dimension.toggle.height[size],\n      borderRadius: theme.variables.size.borderRadius.toggle[size],\n      display: \"flex\",\n      alignItems: \"center\",\n      transition: \"background-color 0.2s linear, border-color 0.2s linear\",\n      border: \"1px solid\",\n      borderColor: isHighlighted\n        ? theme.values.color.border.toggle.highlighted\n        : theme.values.color.border.toggle.default,\n      background: isHighlighted\n        ? theme.values.color.background.toggle.highlighted\n        : theme.values.color.background.toggle.default,\n      ...(size === \"s\" && {\n        marginTop: 2,\n      }),\n      \"input:checked + &\": {\n        border: \"1px solid\",\n        borderColor: theme.values.color.border.toggle.checked,\n        background: theme.values.color.background.toggle.checked,\n        [`${StyledFakeInputInner}`]: {\n          transform: `translateX(${pointTranslateX}px)`,\n        },\n        \"&:hover\": {\n          borderColor: theme.values.color.border.toggle.hover,\n        },\n      },\n      \"input:disabled + &\": {\n        pointerEvents: \"none\",\n      },\n      \"input:focus-visible + &\": {\n        outlineWidth: 2,\n        outlineStyle: \"solid\",\n        outlineColor: \"Highlight\",\n      },\n      \"@media (-webkit-min-device-pixel-ratio: 0)\": {\n        \"input:focus-visible + &\": {\n          outlineColor: \"-webkit-focus-ring-color\",\n          outlineStyle: \"auto\",\n        },\n      },\n      \"&:hover\": {\n        borderColor: theme.values.color.border.toggle.hover,\n      },\n    };\n  }\n);\n\nexport type ToggleProps = {\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  label?: string;\n  disabled?: boolean;\n  size?: ToggleSize;\n  isHighlighted?: boolean;\n  alignItems?: HorizontalAlignment;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nexport function Toggle({\n  name,\n  value = \"\",\n  checked = undefined,\n  label = \"\",\n  disabled = false,\n  size = \"m\",\n  isHighlighted = false,\n  alignItems = \"left\",\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: ToggleProps): React.ReactElement {\n  const spacing = size === \"s\" ? \"xs\" : \"m\";\n  const labelVariant = size === \"s\" ? \"tertiary\" : \"secondary\";\n  const labelWeight = size === \"s\" ? \"bold\" : \"normal\";\n\n  return (\n    <FormField\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Toggle\"\n      {...rest}\n      disabled={disabled}\n    >\n      <Inline alignItems={alignItems} space={spacing} vAlignItems=\"top\" noWrap>\n        {label && (\n          <Text size={size} variant={labelVariant} weight={labelWeight}>\n            {label}\n          </Text>\n        )}\n        <StyledContainer size={size} disabled={disabled}>\n          <StyledRealInput\n            type=\"checkbox\"\n            name={name}\n            value={value}\n            checked={checked}\n            disabled={disabled}\n            onChange={onChange}\n            onClick={onClick}\n            onBlur={onBlur}\n            onFocus={onFocus}\n          />\n          <StyledFakeInput size={size} isHighlighted={isHighlighted}>\n            <StyledFakeInputInner size={size} />\n          </StyledFakeInput>\n        </StyledContainer>\n      </Inline>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","size","disabled","display","position","width","variables","dimension","toggle","height","togglePoint","boxSizing","cursor","StyledRealInput","opacity","StyledFakeInputInner","_ref2","margin","parseInt","borderRadius","transform","transition","background","values","color","default","StyledFakeInput","_ref3","isHighlighted","pointMargin","pointTranslateX","alignItems","border","borderColor","highlighted","marginTop","checked","hover","pointerEvents","outlineWidth","outlineStyle","outlineColor","Toggle","_ref4","name","value","undefined","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","spacing","labelVariant","labelWeight","React","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","Text","variant","weight","type"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sources":["../../../../../../src/components/Form/ToggleButton/ToggleButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\n\nexport type ToggleButtonProps = {\n  label: string;\n  subLabel?: string;\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  disabled?: boolean;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nconst StyledContainer = styled.div(() => ({\n  display: \"inline-block\",\n}));\n\nconst StyledRealInput = styled.input<Partial<ToggleButtonProps>>(() => ({\n  opacity: 0,\n  cursor: \"pointer\",\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInput = styled.div(({ theme }) => ({\n  boxSizing: \"border-box\",\n  borderRadius: theme.variables.size.borderRadius.toggleButton.m,\n  border: \"2px solid\",\n  height: theme.variables.size.dimension.toggleButton.height.m,\n  cursor: \"pointer\",\n\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,\n  fontFamily: theme.variables.fontFamily.lato,\n  fontSize: theme.variables.size.font.toggleButton.m,\n  fontWeight: theme.variables.weight.bold,\n  lineHeight: theme.variables.size.lineHeight.toggleButton.m,\n\n  background: theme.values.color.background.toggleButton.default,\n  borderColor: theme.values.color.border.toggleButton.default,\n  color: theme.values.color.text.toggleButton.default,\n\n  \"input: focus-visible + &\": {\n    outlineWidth: \"2px\",\n    outlineStyle: \"solid\",\n    outlineColor: \"Highlight\",\n  },\n\n  \"@media (-webkit-min-device-pixel-ratio:0)\": {\n    \"input: focus-visible + &\": {\n      outlineColor: \"-webkit-focus-ring-color\",\n      outlineStyle: \"auto\",\n    },\n  },\n\n  \"&:hover\": {\n    borderColor: theme.values.color.border.toggleButton.defaultHover,\n  },\n  \"input:checked + &\": {\n    borderColor: theme.values.color.border.toggleButton.active,\n    color: theme.values.color.text.toggleButton.active,\n    background: theme.values.color.background.toggleButton.active,\n\n    \"&:hover\": {\n      borderColor: theme.values.color.border.toggleButton.activeHover,\n      background: theme.values.color.background.toggleButton.activeHover,\n    },\n  },\n  \"input:disabled + &\": {\n    pointerEvents: \"none\",\n  },\n}));\n\nconst StyledSubLabel = styled.div(({ theme }) => ({\n  color: theme.values.color.text.toggleButton.labelDefault,\n  \"input:checked + div &\": {\n    color: theme.values.color.text.toggleButton.labelActive,\n  },\n}));\n\nexport function ToggleButton({\n  label,\n  subLabel,\n  name,\n  value = \"\",\n  checked = undefined,\n  disabled = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: ToggleButtonProps): React.ReactElement {\n  return (\n    <FormField\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"ToggleButton\"\n      {...rest}\n      disabled={disabled}\n    >\n      <StyledContainer data-e2e-test-id={dataE2eTestId}>\n        <StyledRealInput\n          type=\"checkbox\"\n          name={name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          onChange={onChange}\n          onClick={onClick}\n          onBlur={onBlur}\n          onFocus={onFocus}\n        />\n        <StyledFakeInput>\n          <Inline space=\"xxs\" noWrap>\n            {label}\n            {subLabel && <StyledSubLabel>{subLabel}</StyledSubLabel>}\n          </Inline>\n        </StyledFakeInput>\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","display","StyledRealInput","opacity","cursor","height","width","position","StyledFakeInput","_ref","theme","boxSizing","borderRadius","variables","size","toggleButton","m","border","dimension","alignItems","justifyContent","padding","spacing","zero","fontFamily","lato","fontSize","font","fontWeight","weight","bold","lineHeight","background","values","color","default","borderColor","text","outlineWidth","outlineStyle","outlineColor","defaultHover","active","activeHover","pointerEvents","StyledSubLabel","_ref2","labelDefault","labelActive","ToggleButton","_ref3","subLabel","name","value","checked","undefined","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","type","Inline","space","noWrap"],"mappings":";;;;;;AAoBA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACxCC,EAAAA,OAAO,EAAE,cAAA;AACX,CAAC,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEH,MAAMI,eAAe,gBAAGP,OAAA,CAAA,OAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAyC,OAAO;AACtEG,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,KAAK,EAAE,CAAC;AACRC,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,CAAC,EAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEH,MAAMU,eAAe,gBAAGb,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAWS,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACjDE,IAAAA,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAEF,KAAK,CAACG,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,YAAY,CAACC,CAAC;AAC9DC,IAAAA,MAAM,EAAE,WAAW;AACnBZ,IAAAA,MAAM,EAAEK,KAAK,CAACG,SAAS,CAACC,IAAI,CAACI,SAAS,CAACH,YAAY,CAACV,MAAM,CAACW,CAAC;AAC5DZ,IAAAA,MAAM,EAAE,SAAS;AAEjBH,IAAAA,OAAO,EAAE,MAAM;AACfkB,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAG,GAAEX,KAAK,CAACG,SAAS,CAACC,IAAI,CAACQ,OAAO,CAACC,IAAK,CAAGb,CAAAA,EAAAA,KAAK,CAACG,SAAS,CAACC,IAAI,CAACQ,OAAO,CAACN,CAAE,CAAC,CAAA;AACjFQ,IAAAA,UAAU,EAAEd,KAAK,CAACG,SAAS,CAACW,UAAU,CAACC,IAAI;IAC3CC,QAAQ,EAAEhB,KAAK,CAACG,SAAS,CAACC,IAAI,CAACa,IAAI,CAACZ,YAAY,CAACC,CAAC;AAClDY,IAAAA,UAAU,EAAElB,KAAK,CAACG,SAAS,CAACgB,MAAM,CAACC,IAAI;IACvCC,UAAU,EAAErB,KAAK,CAACG,SAAS,CAACC,IAAI,CAACiB,UAAU,CAAChB,YAAY,CAACC,CAAC;IAE1DgB,UAAU,EAAEtB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACjB,YAAY,CAACoB,OAAO;IAC9DC,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAACoB,OAAO;IAC3DD,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAACoB,OAAO;AAEnD,IAAA,0BAA0B,EAAE;AAC1BG,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,YAAY,EAAE,OAAO;AACrBC,MAAAA,YAAY,EAAE,WAAA;KACf;AAED,IAAA,2CAA2C,EAAE;AAC3C,MAAA,0BAA0B,EAAE;AAC1BA,QAAAA,YAAY,EAAE,0BAA0B;AACxCD,QAAAA,YAAY,EAAE,MAAA;AAChB,OAAA;KACD;AAED,IAAA,SAAS,EAAE;MACTH,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAAC0B,YAAAA;KACrD;AACD,IAAA,mBAAmB,EAAE;MACnBL,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAAC2B,MAAM;MAC1DR,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAAC2B,MAAM;MAClDV,UAAU,EAAEtB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACjB,YAAY,CAAC2B,MAAM;AAE7D,MAAA,SAAS,EAAE;QACTN,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAAC4B,WAAW;QAC/DX,UAAU,EAAEtB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACjB,YAAY,CAAC4B,WAAAA;AACzD,OAAA;KACD;AACD,IAAA,oBAAoB,EAAE;AACpBC,MAAAA,aAAa,EAAE,MAAA;AACjB,KAAA;GACD,CAAA;AAAA,CAAC,EAAAhD,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEH,MAAM+C,cAAc,gBAAGlD,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAW8C,KAAA,IAAA;EAAA,IAAC;AAAEpC,IAAAA,KAAAA;AAAM,GAAC,GAAAoC,KAAA,CAAA;EAAA,OAAM;IAChDZ,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAACgC,YAAY;AACxD,IAAA,uBAAuB,EAAE;MACvBb,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAACiC,WAAAA;AAC9C,KAAA;GACD,CAAA;AAAA,CAAC,EAAApD,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEI,SAASmD,YAAYA,CAAAC,KAAA,EAac;EAAA,IAbb;IAC3BlD,KAAK;IACLmD,QAAQ;IACRC,IAAI;AACJC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,OAAO,GAAGC,SAAS;AACnBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,OAAO;AACP,IAAA,kBAAkB,EAAEC,aAAa;IACjC,GAAGC,IAAAA;AACc,GAAC,GAAAZ,KAAA,CAAA;AAClB,EAAA,oBACEa,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACR,IAAA,kBAAA,EAAkBL,aAAc;IAChC,YAAW,EAAA,cAAA;AAAc,GAAA,EACrBC,IAAI,EAAA;AACRN,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CAAA,eAEnBO,KAAA,CAAAC,aAAA,CAACtE,eAAe,EAAA;IAAC,kBAAkBmE,EAAAA,aAAAA;AAAc,GAAA,eAC/CE,KAAA,CAAAC,aAAA,CAAC9D,eAAe,EAAA;AACdiE,IAAAA,IAAI,EAAC,UAAU;AACff,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,OAAO,EAAEA,OAAQ;AACjBE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACT,CAAA,eACFG,KAAA,CAAAC,aAAA,CAACxD,eAAe,EAAA,IAAA,eACduD,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,EACvBtE,KAAK,EACLmD,QAAQ,iBAAIY,KAAA,CAAAC,aAAA,CAACnB,cAAc,QAAEM,QAAQ,CAAkB,CACjD,CACO,CACF,CACR,CAAA;AAEhB;;;;"}
+{"version":3,"file":"ToggleButton.js","sources":["../../../../../../src/components/Form/ToggleButton/ToggleButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\n\nexport type ToggleButtonProps = {\n  label: string;\n  subLabel?: string;\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  disabled?: boolean;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nconst StyledContainer = styled.div(() => ({\n  display: \"inline-block\",\n}));\n\nconst StyledRealInput = styled.input<Partial<ToggleButtonProps>>(() => ({\n  opacity: 0,\n  cursor: \"pointer\",\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInput = styled.div(({ theme }) => ({\n  boxSizing: \"border-box\",\n  borderRadius: theme.variables.size.borderRadius.toggleButton.m,\n  border: \"2px solid\",\n  height: theme.variables.size.dimension.toggleButton.height.m,\n  cursor: \"pointer\",\n\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,\n  fontFamily: theme.variables.fontFamily.lato,\n  fontSize: theme.variables.size.font.toggleButton.m,\n  fontWeight: theme.variables.weight.bold,\n  lineHeight: theme.variables.size.lineHeight.toggleButton.m,\n\n  background: theme.values.color.background.toggleButton.default,\n  borderColor: theme.values.color.border.toggleButton.default,\n  color: theme.values.color.text.toggleButton.default,\n\n  \"input: focus-visible + &\": {\n    outlineWidth: \"2px\",\n    outlineStyle: \"solid\",\n    outlineColor: \"Highlight\",\n  },\n\n  \"@media (-webkit-min-device-pixel-ratio:0)\": {\n    \"input: focus-visible + &\": {\n      outlineColor: \"-webkit-focus-ring-color\",\n      outlineStyle: \"auto\",\n    },\n  },\n\n  \"&:hover\": {\n    borderColor: theme.values.color.border.toggleButton.defaultHover,\n  },\n  \"input:checked + &\": {\n    borderColor: theme.values.color.border.toggleButton.active,\n    color: theme.values.color.text.toggleButton.active,\n    background: theme.values.color.background.toggleButton.active,\n\n    \"&:hover\": {\n      borderColor: theme.values.color.border.toggleButton.activeHover,\n      background: theme.values.color.background.toggleButton.activeHover,\n    },\n  },\n  \"input:disabled + &\": {\n    pointerEvents: \"none\",\n  },\n}));\n\nconst StyledSubLabel = styled.div(({ theme }) => ({\n  color: theme.values.color.text.toggleButton.labelDefault,\n  \"input:checked + div &\": {\n    color: theme.values.color.text.toggleButton.labelActive,\n  },\n}));\n\nexport function ToggleButton({\n  label,\n  subLabel,\n  name,\n  value = \"\",\n  checked = undefined,\n  disabled = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: ToggleButtonProps): React.ReactElement {\n  return (\n    <FormField\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"ToggleButton\"\n      {...rest}\n      disabled={disabled}\n    >\n      <StyledContainer data-e2e-test-id={dataE2eTestId}>\n        <StyledRealInput\n          type=\"checkbox\"\n          name={name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          onChange={onChange}\n          onClick={onClick}\n          onBlur={onBlur}\n          onFocus={onFocus}\n        />\n        <StyledFakeInput>\n          <Inline space=\"xxs\" noWrap>\n            {label}\n            {subLabel && <StyledSubLabel>{subLabel}</StyledSubLabel>}\n          </Inline>\n        </StyledFakeInput>\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","display","StyledRealInput","opacity","cursor","height","width","position","StyledFakeInput","_ref","theme","boxSizing","borderRadius","variables","size","toggleButton","m","border","dimension","alignItems","justifyContent","padding","spacing","zero","fontFamily","lato","fontSize","font","fontWeight","weight","bold","lineHeight","background","values","color","default","borderColor","text","outlineWidth","outlineStyle","outlineColor","defaultHover","active","activeHover","pointerEvents","StyledSubLabel","_ref2","labelDefault","labelActive","ToggleButton","_ref3","subLabel","name","value","checked","undefined","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","type","Inline","space","noWrap"],"mappings":";;;;;;AAoBA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACxCC,EAAAA,OAAO,EAAE,cAAA;AACX,CAAC,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEH,MAAMI,eAAe,gBAAGP,OAAA,CAAA,OAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAyC,OAAO;AACtEG,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,KAAK,EAAE,CAAC;AACRC,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,CAAC,EAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEH,MAAMU,eAAe,gBAAGb,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAWS,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACjDE,IAAAA,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAEF,KAAK,CAACG,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,YAAY,CAACC,CAAC;AAC9DC,IAAAA,MAAM,EAAE,WAAW;AACnBZ,IAAAA,MAAM,EAAEK,KAAK,CAACG,SAAS,CAACC,IAAI,CAACI,SAAS,CAACH,YAAY,CAACV,MAAM,CAACW,CAAC;AAC5DZ,IAAAA,MAAM,EAAE,SAAS;AAEjBH,IAAAA,OAAO,EAAE,MAAM;AACfkB,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAG,GAAEX,KAAK,CAACG,SAAS,CAACC,IAAI,CAACQ,OAAO,CAACC,IAAK,CAAGb,CAAAA,EAAAA,KAAK,CAACG,SAAS,CAACC,IAAI,CAACQ,OAAO,CAACN,CAAE,CAAC,CAAA;AACjFQ,IAAAA,UAAU,EAAEd,KAAK,CAACG,SAAS,CAACW,UAAU,CAACC,IAAI;IAC3CC,QAAQ,EAAEhB,KAAK,CAACG,SAAS,CAACC,IAAI,CAACa,IAAI,CAACZ,YAAY,CAACC,CAAC;AAClDY,IAAAA,UAAU,EAAElB,KAAK,CAACG,SAAS,CAACgB,MAAM,CAACC,IAAI;IACvCC,UAAU,EAAErB,KAAK,CAACG,SAAS,CAACC,IAAI,CAACiB,UAAU,CAAChB,YAAY,CAACC,CAAC;IAE1DgB,UAAU,EAAEtB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACjB,YAAY,CAACoB,OAAO;IAC9DC,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAACoB,OAAO;IAC3DD,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAACoB,OAAO;AAEnD,IAAA,0BAA0B,EAAE;AAC1BG,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,YAAY,EAAE,OAAO;AACrBC,MAAAA,YAAY,EAAE,WAAA;KACf;AAED,IAAA,2CAA2C,EAAE;AAC3C,MAAA,0BAA0B,EAAE;AAC1BA,QAAAA,YAAY,EAAE,0BAA0B;AACxCD,QAAAA,YAAY,EAAE,MAAA;AAChB,OAAA;KACD;AAED,IAAA,SAAS,EAAE;MACTH,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAAC0B,YAAAA;KACrD;AACD,IAAA,mBAAmB,EAAE;MACnBL,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAAC2B,MAAM;MAC1DR,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAAC2B,MAAM;MAClDV,UAAU,EAAEtB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACjB,YAAY,CAAC2B,MAAM;AAE7D,MAAA,SAAS,EAAE;QACTN,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAAC4B,WAAW;QAC/DX,UAAU,EAAEtB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACjB,YAAY,CAAC4B,WAAAA;AACzD,OAAA;KACD;AACD,IAAA,oBAAoB,EAAE;AACpBC,MAAAA,aAAa,EAAE,MAAA;AACjB,KAAA;GACD,CAAA;AAAA,CAAC,EAAAhD,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEH,MAAM+C,cAAc,gBAAGlD,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAW8C,KAAA,IAAA;EAAA,IAAC;AAAEpC,IAAAA,KAAAA;AAAM,GAAC,GAAAoC,KAAA,CAAA;EAAA,OAAM;IAChDZ,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAACgC,YAAY;AACxD,IAAA,uBAAuB,EAAE;MACvBb,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAACiC,WAAAA;AAC9C,KAAA;GACD,CAAA;AAAA,CAAC,EAAApD,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEI,SAASmD,YAAYA,CAAAC,KAAA,EAac;EAAA,IAbb;IAC3BlD,KAAK;IACLmD,QAAQ;IACRC,IAAI;AACJC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,OAAO,GAAGC,SAAS;AACnBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,OAAO;AACP,IAAA,kBAAkB,EAAEC,aAAa;IACjC,GAAGC,IAAAA;AACc,GAAC,GAAAZ,KAAA,CAAA;AAClB,EAAA,oBACEa,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACR,IAAA,kBAAA,EAAkBL,aAAc;IAChC,YAAW,EAAA,cAAA;AAAc,GAAA,EACrBC,IAAI,EAAA;AACRN,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CAAA,eAEnBO,KAAA,CAAAC,aAAA,CAACtE,eAAe,EAAA;IAAC,kBAAkBmE,EAAAA,aAAAA;AAAc,GAAA,eAC/CE,KAAA,CAAAC,aAAA,CAAC9D,eAAe,EAAA;AACdiE,IAAAA,IAAI,EAAC,UAAU;AACff,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,OAAO,EAAEA,OAAQ;AACjBE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAClB,CAAC,eACFG,KAAA,CAAAC,aAAA,CAACxD,eAAe,EAAA,IAAA,eACduD,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,EACvBtE,KAAK,EACLmD,QAAQ,iBAAIY,KAAA,CAAAC,aAAA,CAACnB,cAAc,QAAEM,QAAyB,CACjD,CACO,CACF,CACR,CAAC,CAAA;AAEhB;;;;"}