@amboss/design-system 1.11.0 → 1.12.0

package/build/cjs/build-tokens/_breakpoints.json.js

@@ -2,6 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var breakpoints = [{category:"breakpoint",name:"small",value:576,variableName:"$breakpoint-small"},{category:"breakpoint",name:"medium",value:768,variableName:"$breakpoint-medium"},{category:"breakpoint",name:"large",value:1280,variableName:"$breakpoint-large"}];
+var small={category:"breakpoint",value:576,variableName:"$breakpoint-small"};var medium={category:"breakpoint",value:768,variableName:"$breakpoint-medium"};var large={category:"breakpoint",value:1280,variableName:"$breakpoint-large"};var breakpoints = {small:small,medium:medium,large:large};
 
 exports.default = breakpoints;
+exports.large = large;
+exports.medium = medium;
+exports.small = small;

package/build/cjs/build-tokens/visualConfig.js

@@ -449,6 +449,11 @@ const ambossVisualConfiguration = {
             "default": "transparent",
             "active": "#40515e",
             "activeHover": "#607585"
+          },
+          "segmentedControlOption": {
+            "default": "#1e2125",
+            "hover": "#282c34",
+            "checked": "#233d3d"
           }
         },
         "icon": {
@@ -529,6 +534,10 @@ const ambossVisualConfiguration = {
             "active": "#ffffff",
             "labelDefault": "#93979f",
             "labelActive": "#f5f7f9"
+          },
+          "segmentedControlOption": {
+            "default": "#b9bcc3",
+            "checked": "#a6f2dd"
           }
         },
         "divider": {
@@ -593,6 +602,10 @@ const ambossVisualConfiguration = {
             "defaultHover": "#a3b2bd",
             "active": "#40515e",
             "activeHover": "#607585"
+          },
+          "segmentedControlOption": {
+            "default": "#5b5f67",
+            "checked": "#41a48a"
           }
         }
       },
@@ -999,6 +1012,11 @@ const ambossVisualConfiguration = {
             "default": "transparent",
             "active": "#607585",
             "activeHover": "#40515e"
+          },
+          "segmentedControlOption": {
+            "default": "#ffffff",
+            "hover": "#f5f7f9",
+            "checked": "#e8f8f4"
           }
         },
         "icon": {
@@ -1079,6 +1097,10 @@ const ambossVisualConfiguration = {
             "active": "#ffffff",
             "labelDefault": "#607585",
             "labelActive": "#f5f7f9"
+          },
+          "segmentedControlOption": {
+            "default": "#40515e",
+            "checked": "#0a5c45"
           }
         },
         "divider": {
@@ -1122,6 +1144,10 @@ const ambossVisualConfiguration = {
             "default": "#e0e6eb",
             "defaultHover": "#0fa980"
           },
+          "segmentedControlOption": {
+            "default": "#e0e6eb",
+            "checked": "#8adcc6"
+          },
           "toggle": {
             "default": "#a3b2bd",
             "checked": "#0fa980",

package/build/cjs/src/components/Form/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,126 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var FormField = require('../FormField/FormField.js');
+var SegmentedControlOption = require('./SegmentedControlOption.js');
+var _breakpoints = require('../../../../build-tokens/_breakpoints.json.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledDivider = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tj4hl31"
+} : {
+  target: "e1tj4hl31",
+  label: "StyledDivider"
+})(_ref => {
+  let {
+    theme,
+    isChecked,
+    justified
+  } = _ref;
+  const border = `1px solid ${theme.values.color.border.segmentedControlOption.default}`;
+  const checkedStyle = isChecked && {
+    borderColor: theme.values.color.border.segmentedControlOption.checked
+  };
+  const borderRightStyle = {
+    borderRight: border,
+    ...checkedStyle
+  };
+  if (!justified) {
+    return borderRightStyle;
+  }
+  return {
+    // Layout on tablet and desktop
+    [`@media (min-width: ${_breakpoints.default.medium.value}px)`]: {
+      ...borderRightStyle
+    },
+    // Layout on mobile
+    [`@media (max-width: ${_breakpoints.default.medium.value}px)`]: {
+      borderBottom: border,
+      ...checkedStyle
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDc0IiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vLi4vLi4vYnVpbGQtdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb24gPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1ldGEgZGF0YSBmb3Igb3B0aW9uc1xuICAgKiBAcGFyYW0gbmFtZSAtIE5hbWUgZm9yIHJhZGlvIGlucHV0XG4gICAqIEBwYXJhbSBsYWJlbCAtIExhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSB2YWx1ZSAtIFZhbHVlIGZvciByYWRpbyBpbnB1dFxuICAgKiBAcGFyYW0gc3VibGFiZWwgLSBTdWJsYWJlbCBkaXNwbGF5ZWQgYmVsb3cgbGFiZWwgKE9wdGlvbmFsKVxuICAgKiBAcGFyYW0gZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsIC0gU2V0IHRoaXMgdG8gdHJ1ZSBpZiBubyBzdWJsYWJlbCBpcyBhdmFpbGFibGUsIGJ1dCBvcHRpb24gaXMgZGlzcGxheWVkIGFzIG9uZSB3aXRoIHN1YmxhYmVsXG4gICAqL1xuICBvcHRpb25zOiBTZWdtZW50ZWRDb250cm9sT3B0aW9uW107XG4gIC8qKiBDdXJyZW50IHNlbGVjdGVkIHZhbHVlICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBKdXN0aWZpZWQgbGF5b3V0LCB3aXRoIGVxdWFsIHNpemUgc2VnbWVudHMgc3Bhbm5pbmcgdG8gY29udGFpbmVyIHdpZHRoICovXG4gIGp1c3RpZmllZD86IGJvb2xlYW47XG4gIC8qKiBTZWdtZW50IHNpemUsIG5vdCBhcHBsaWNhYmxlIG9uIG1vYmlsZSBicmVha3BvaW50ICovXG4gIHNpemU/OiBcInNcIiB8IFwibVwiIHwgXCJsXCI7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFNlZ21lbnRlZENvbnRyb2xQcm9wcywgXCJqdXN0aWZpZWRcIj47XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2PFN0eWxlZERpdmlkZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0NoZWNrZWQsIGp1c3RpZmllZCB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5kZWZhdWx0fWA7XG4gICAgY29uc3QgY2hlY2tlZFN0eWxlID0gaXNDaGVja2VkICYmIHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uY2hlY2tlZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYm9yZGVyUmlnaHRTdHlsZSA9IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBib3JkZXIsXG4gICAgICAuLi5jaGVja2VkU3R5bGUsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYm9yZGVyUmlnaHRTdHlsZTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgLy8gTGF5b3V0IG9uIHRhYmxldCBhbmQgZGVza3RvcFxuICAgICAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgLi4uYm9yZGVyUmlnaHRTdHlsZSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiBtb2JpbGVcbiAgICAgIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogYm9yZGVyLFxuICAgICAgICAuLi5jaGVja2VkU3R5bGUsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBTZWdtZW50ZWRDb250cm9sUHJvcHMsXG4gIFwianVzdGlmaWVkXCIgfCBcIm9wdGlvbnNcIlxuPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7IGp1c3RpZmllZCwgb3B0aW9ucyB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYmFzZVN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgZmxleDogYDEgMSAkezEwMCAvIG9wdGlvbnMubGVuZ3RofSVgLFxuICAgICAgfSxcblxuICAgICAgW2AmID4gJHtTdHlsZWREaXZpZGVyfWBdOiB7XG4gICAgICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRDb250cm9sKHtcbiAgb3B0aW9ucyxcbiAgdmFsdWUsXG4gIGRpc2FibGVkLFxuICBqdXN0aWZpZWQsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DaGFuZ2UsXG4gIC4uLnJlc3Rcbn06IFNlZ21lbnRlZENvbnRyb2xQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZTogUmVhY3QuRm9ybUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChldnQpID0+IHtcbiAgICBvbkNoYW5nZSgoZXZ0LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb3B0aW9uRWxtcyA9IG9wdGlvbnMubWFwKFxuICAgICh7IHZhbHVlOiBvcHRpb25WYWx1ZSwgLi4ub3RoZXJQcm9wcyB9LCBpbmRleCkgPT4ge1xuICAgICAgY29uc3QgaXNDaGVja2VkID0gdmFsdWUgPT09IG9wdGlvblZhbHVlO1xuICAgICAgY29uc3QgZGl2aWRlckVsbSA9XG4gICAgICAgIGluZGV4ICE9PSAwID8gKFxuICAgICAgICAgIDxTdHlsZWREaXZpZGVyIGlzQ2hlY2tlZD17aXNDaGVja2VkfSBqdXN0aWZpZWQ9e2p1c3RpZmllZH0gLz5cbiAgICAgICAgKSA6IG51bGw7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e29wdGlvblZhbHVlfT5cbiAgICAgICAgICB7ZGl2aWRlckVsbX1cbiAgICAgICAgICA8U2VnbWVudGVkQ29udHJvbE9wdGlvblxuICAgICAgICAgICAgdmFsdWU9e29wdGlvblZhbHVlfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgICAgIGlzUmVzcG9uc2l2ZT17anVzdGlmaWVkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICApO1xuICAgIH1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIlNlZ21lbnRlZENvbnRyb2xcIiB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXIganVzdGlmaWVkPXtqdXN0aWZpZWR9IG9wdGlvbnM9e29wdGlvbnN9PlxuICAgICAgICB7b3B0aW9uRWxtc31cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuLyogZXNsaW50LWVuYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4iXX0= */");
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tj4hl30"
+} : {
+  target: "e1tj4hl30",
+  label: "StyledContainer"
+})(_ref2 => {
+  let {
+    justified,
+    options
+  } = _ref2;
+  const baseStyle = {
+    display: "flex"
+  };
+  if (!justified) {
+    return baseStyle;
+  }
+  return {
+    ...baseStyle,
+    flexDirection: "column",
+    "& > *": {
+      flex: `1 1 ${100 / options.length}%`
+    },
+    [`& > ${StyledDivider}`]: {
+      flex: "0 0 auto"
+    },
+    // Layout on tablet and desktop
+    [`@media (min-width: ${_breakpoints.default.medium.value}px)`]: {
+      flexDirection: "row"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFd0IiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vLi4vLi4vYnVpbGQtdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb24gPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1ldGEgZGF0YSBmb3Igb3B0aW9uc1xuICAgKiBAcGFyYW0gbmFtZSAtIE5hbWUgZm9yIHJhZGlvIGlucHV0XG4gICAqIEBwYXJhbSBsYWJlbCAtIExhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSB2YWx1ZSAtIFZhbHVlIGZvciByYWRpbyBpbnB1dFxuICAgKiBAcGFyYW0gc3VibGFiZWwgLSBTdWJsYWJlbCBkaXNwbGF5ZWQgYmVsb3cgbGFiZWwgKE9wdGlvbmFsKVxuICAgKiBAcGFyYW0gZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsIC0gU2V0IHRoaXMgdG8gdHJ1ZSBpZiBubyBzdWJsYWJlbCBpcyBhdmFpbGFibGUsIGJ1dCBvcHRpb24gaXMgZGlzcGxheWVkIGFzIG9uZSB3aXRoIHN1YmxhYmVsXG4gICAqL1xuICBvcHRpb25zOiBTZWdtZW50ZWRDb250cm9sT3B0aW9uW107XG4gIC8qKiBDdXJyZW50IHNlbGVjdGVkIHZhbHVlICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBKdXN0aWZpZWQgbGF5b3V0LCB3aXRoIGVxdWFsIHNpemUgc2VnbWVudHMgc3Bhbm5pbmcgdG8gY29udGFpbmVyIHdpZHRoICovXG4gIGp1c3RpZmllZD86IGJvb2xlYW47XG4gIC8qKiBTZWdtZW50IHNpemUsIG5vdCBhcHBsaWNhYmxlIG9uIG1vYmlsZSBicmVha3BvaW50ICovXG4gIHNpemU/OiBcInNcIiB8IFwibVwiIHwgXCJsXCI7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFNlZ21lbnRlZENvbnRyb2xQcm9wcywgXCJqdXN0aWZpZWRcIj47XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2PFN0eWxlZERpdmlkZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0NoZWNrZWQsIGp1c3RpZmllZCB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5kZWZhdWx0fWA7XG4gICAgY29uc3QgY2hlY2tlZFN0eWxlID0gaXNDaGVja2VkICYmIHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uY2hlY2tlZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYm9yZGVyUmlnaHRTdHlsZSA9IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBib3JkZXIsXG4gICAgICAuLi5jaGVja2VkU3R5bGUsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYm9yZGVyUmlnaHRTdHlsZTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgLy8gTGF5b3V0IG9uIHRhYmxldCBhbmQgZGVza3RvcFxuICAgICAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgLi4uYm9yZGVyUmlnaHRTdHlsZSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiBtb2JpbGVcbiAgICAgIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogYm9yZGVyLFxuICAgICAgICAuLi5jaGVja2VkU3R5bGUsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBTZWdtZW50ZWRDb250cm9sUHJvcHMsXG4gIFwianVzdGlmaWVkXCIgfCBcIm9wdGlvbnNcIlxuPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7IGp1c3RpZmllZCwgb3B0aW9ucyB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYmFzZVN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgZmxleDogYDEgMSAkezEwMCAvIG9wdGlvbnMubGVuZ3RofSVgLFxuICAgICAgfSxcblxuICAgICAgW2AmID4gJHtTdHlsZWREaXZpZGVyfWBdOiB7XG4gICAgICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRDb250cm9sKHtcbiAgb3B0aW9ucyxcbiAgdmFsdWUsXG4gIGRpc2FibGVkLFxuICBqdXN0aWZpZWQsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DaGFuZ2UsXG4gIC4uLnJlc3Rcbn06IFNlZ21lbnRlZENvbnRyb2xQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZTogUmVhY3QuRm9ybUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChldnQpID0+IHtcbiAgICBvbkNoYW5nZSgoZXZ0LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb3B0aW9uRWxtcyA9IG9wdGlvbnMubWFwKFxuICAgICh7IHZhbHVlOiBvcHRpb25WYWx1ZSwgLi4ub3RoZXJQcm9wcyB9LCBpbmRleCkgPT4ge1xuICAgICAgY29uc3QgaXNDaGVja2VkID0gdmFsdWUgPT09IG9wdGlvblZhbHVlO1xuICAgICAgY29uc3QgZGl2aWRlckVsbSA9XG4gICAgICAgIGluZGV4ICE9PSAwID8gKFxuICAgICAgICAgIDxTdHlsZWREaXZpZGVyIGlzQ2hlY2tlZD17aXNDaGVja2VkfSBqdXN0aWZpZWQ9e2p1c3RpZmllZH0gLz5cbiAgICAgICAgKSA6IG51bGw7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e29wdGlvblZhbHVlfT5cbiAgICAgICAgICB7ZGl2aWRlckVsbX1cbiAgICAgICAgICA8U2VnbWVudGVkQ29udHJvbE9wdGlvblxuICAgICAgICAgICAgdmFsdWU9e29wdGlvblZhbHVlfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgICAgIGlzUmVzcG9uc2l2ZT17anVzdGlmaWVkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICApO1xuICAgIH1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIlNlZ21lbnRlZENvbnRyb2xcIiB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXIganVzdGlmaWVkPXtqdXN0aWZpZWR9IG9wdGlvbnM9e29wdGlvbnN9PlxuICAgICAgICB7b3B0aW9uRWxtc31cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuLyogZXNsaW50LWVuYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4iXX0= */");
+function SegmentedControl(_ref3) {
+  let {
+    options,
+    value,
+    disabled,
+    justified,
+    size = "m",
+    onChange,
+    ...rest
+  } = _ref3;
+  const handleChange = evt => {
+    onChange(evt.target.value);
+  };
+  const optionElms = options.map((_ref4, index) => {
+    let {
+      value: optionValue,
+      ...otherProps
+    } = _ref4;
+    const isChecked = value === optionValue;
+    const dividerElm = index !== 0 ? /*#__PURE__*/React__default.default.createElement(StyledDivider, {
+      isChecked: isChecked,
+      justified: justified
+    }) : null;
+    return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, {
+      key: optionValue
+    }, dividerElm, /*#__PURE__*/React__default.default.createElement(SegmentedControlOption.SegmentedControlOption, _extends__default.default({
+      value: optionValue,
+      size: size,
+      checked: isChecked,
+      isResponsive: justified,
+      disabled: disabled,
+      onChange: handleChange
+    }, otherProps)));
+  });
+  return /*#__PURE__*/React__default.default.createElement(FormField.FormField, _extends__default.default({
+    "data-ds-id": "SegmentedControl"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React__default.default.createElement(StyledContainer, {
+    justified: justified,
+    options: options
+  }, optionElms));
+}
+/* eslint-enable react/jsx-props-no-spreading */
+
+exports.SegmentedControl = SegmentedControl;

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

@@ -0,0 +1,216 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Text = require('../../Typography/Text/Text.js');
+var _breakpoints = require('../../../../build-tokens/_breakpoints.json.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledInput = /*#__PURE__*/_styled__default.default("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__default.default(Text.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__default.default(Text.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.default.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__default.default("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.default.medium.value}px)`]: {
+      ...borderStyle
+    },
+    // Layout mobile
+    [`@media (max-width: ${_breakpoints.default.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__default.default.createElement(StyledSublabel, {
+    size: "s",
+    isResponsive: isResponsive
+  }, sublabel) : null;
+  return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
+    size: size,
+    checked: checked,
+    sublabel: sublabel,
+    isResponsive: isResponsive,
+    displayAsOptionWithSublabel: displayAsOptionWithSublabel
+  }, /*#__PURE__*/React__default.default.createElement(StyledInput, {
+    type: "radio",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React__default.default.createElement(StyledLabel, {
+    size: labelSize,
+    weight: "bold"
+  }, label), sublabelElm);
+}
+
+exports.SegmentedControlOption = SegmentedControlOption;

package/build/cjs/src/index.js

@@ -45,6 +45,7 @@ var ButtonGroup = require('./components/Patterns/ButtonGroup/ButtonGroup.js');
 var Collapsible = require('./components/Collapsible/Collapsible.js');
 var LoadingSpinner = require('./components/LoadingSpinner/LoadingSpinner.js');
 var Pagination = require('./components/Pagination/Pagination.js');
+var SegmentedControl = require('./components/Form/SegmentedControl/SegmentedControl.js');
 var Input = require('./components/Form/Input/Input.js');
 var PasswordInput = require('./components/Form/PasswordInput/PasswordInput.js');
 var DataTable = require('./components/DataTable/DataTable.js');
@@ -121,6 +122,7 @@ exports.Collapsible = Collapsible.Collapsible;
 exports.CollapsibleHeader = Collapsible.CollapsibleHeader;
 exports.LoadingSpinner = LoadingSpinner.LoadingSpinner;
 exports.Pagination = Pagination.Pagination;
+exports.SegmentedControl = SegmentedControl.SegmentedControl;
 exports.Input = Input.Input;
 exports.PasswordInput = PasswordInput.PasswordInput;
 exports.DataTable = DataTable.DataTable;

package/build/cjs/src/shared/mediaQueries.js

@@ -36,7 +36,7 @@ function getMq(breakpointRules) {
     return res;
   };
 }
-const mq = getMq([`@media (max-width: ${_breakpoints.default[1].value}px)`, `@media (min-width: ${_breakpoints.default[1].value}px) and (max-width: ${_breakpoints.default[2].value}px)`, `@media (min-width: ${_breakpoints.default[2].value}px)`]);
+const mq = getMq([`@media (max-width: ${_breakpoints.default.medium.value}px)`, `@media (min-width: ${_breakpoints.default.medium.value}px) and (max-width: ${_breakpoints.default.large.value}px)`, `@media (min-width: ${_breakpoints.default.large.value}px)`]);
 function getMqValue(breakpointRules) {
   const keys = breakpointRules;
   return rules => {
@@ -62,7 +62,7 @@ function getMqValue(breakpointRules) {
     return res;
   };
 }
-const mqValue = getMqValue([`@media (max-width: ${_breakpoints.default[1].value}px)`, `@media (min-width: ${_breakpoints.default[1].value}px) and (max-width: ${_breakpoints.default[2].value}px)`, `@media (min-width: ${_breakpoints.default[2].value}px)`]);
+const mqValue = getMqValue([`@media (max-width: ${_breakpoints.default.medium.value}px)`, `@media (min-width: ${_breakpoints.default.medium.value}px) and (max-width: ${_breakpoints.default.large.value}px)`, `@media (min-width: ${_breakpoints.default.large.value}px)`]);
 
 exports.mq = mq;
 exports.mqValue = mqValue;

package/build/esm/build-tokens/_breakpoints.json.js

@@ -1,4 +1,4 @@
-var breakpoints = [{category:"breakpoint",name:"small",value:576,variableName:"$breakpoint-small"},{category:"breakpoint",name:"medium",value:768,variableName:"$breakpoint-medium"},{category:"breakpoint",name:"large",value:1280,variableName:"$breakpoint-large"}];
+var small={category:"breakpoint",value:576,variableName:"$breakpoint-small"};var medium={category:"breakpoint",value:768,variableName:"$breakpoint-medium"};var large={category:"breakpoint",value:1280,variableName:"$breakpoint-large"};var breakpoints = {small:small,medium:medium,large:large};
 
-export { breakpoints as default };
+export { breakpoints as default, large, medium, small };
 //# sourceMappingURL=_breakpoints.json.js.map

package/build/esm/build-tokens/visualConfig.d.ts

@@ -445,6 +445,11 @@ declare type AmbossTheme = {
                 "active": string;
                 "activeHover": string;
             };
+            "segmentedControlOption": {
+                "default": string;
+                "hover": string;
+                "checked": string;
+            };
         };
         "icon": {
             "callout": {
@@ -525,6 +530,10 @@ declare type AmbossTheme = {
                 "labelDefault": string;
                 "labelActive": string;
             };
+            "segmentedControlOption": {
+                "default": string;
+                "checked": string;
+            };
         };
         "divider": {
             "primary": string;
@@ -589,6 +598,10 @@ declare type AmbossTheme = {
                 "active": string;
                 "activeHover": string;
             };
+            "segmentedControlOption": {
+                "default": string;
+                "checked": string;
+            };
         };
     };
     "subThemes": {