@amboss/design-system 1.15.2 → 1.15.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sources":["../../../../../../src/components/Form/PasswordInput/PasswordInput.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React, { useState, forwardRef, RefObject } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { Icon } from \"../../Icon/Icon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\n\nexport type PasswordInputProps = {\n  iconAriaLabel: string;\n} & InputProps;\n\ntype InputProps = {\n  name: string;\n  value: string;\n  placeholder?: string;\n  /**\n   * Set to true to toggle error state\n   */\n  hasError?: boolean;\n  /**\n   * Set to true to disabled input\n   */\n  disabled?: boolean;\n  type?: string;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onIconClick?: (e: React.MouseEvent) => void;\n  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n  areaLabel?: string;\n  tabIndex?: number;\n  autoComplete?: string;\n} & FormFieldProps;\n\ntype IconProps = {\n  hasError?: boolean;\n  disabled?: boolean;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  tabIndex?: number;\n};\n\nconst handleBorderColor = (theme: Theme, hasError: boolean) => {\n  if (hasError) return theme.values.color.border.error.default;\n  return theme.values.color.border.primary.default;\n};\n\nconst handleIconBorderColor = (theme: Theme, hasError: boolean) => {\n  if (hasError) return theme.values.color.icon.error;\n  return \"transparent\";\n};\n\nconst handleIconLeftBorderColor = (theme: Theme, hasError: boolean) => {\n  if (hasError) return theme.values.color.border.error.default;\n  return theme.values.color.border.primary.default;\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\nconst StyledIconBtn = styled.button<IconProps>(({ theme, hasError }) => ({\n  \"&[type='button']\": {\n    appearance: \"none\",\n    MozAppearance: \"none\",\n    WebkitAppearance: \"none\",\n  },\n  position: \"absolute\",\n  top: 0,\n  right: 0,\n  zIndex: 2,\n  border: \"1px solid\",\n  borderColor: handleIconBorderColor(theme, hasError),\n  borderLeftColor: handleIconLeftBorderColor(theme, hasError),\n  padding: theme.variables.size.spacing.s,\n  borderRadius: theme.variables.size.borderRadius.input.s,\n  borderBottomLeftRadius: \"0\",\n  borderTopLeftRadius: \"0\",\n  color: theme.values.color.text.secondary.default,\n  backgroundColor: \"inherit\",\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: theme.values.color.background.transparent.hover,\n    borderColor: theme.values.color.border.primary.default,\n  },\n  \"&:active\": {\n    color: theme.values.color.text.primary.default,\n    backgroundColor: theme.values.color.background.transparent.active,\n    borderColor: theme.values.color.border.primary.active,\n  },\n  \"&:disabled\": {\n    backgroundColor: theme.values.color.background.transparent.default,\n    borderColor: theme.values.color.border.primary.disabled,\n    pointerEvents: \"none\",\n  },\n  \"& svg\": {\n    pointerEvents: \"none\",\n  },\n}));\n\nconst StyledPasswordInput = styled.input<InputProps>(({ theme, hasError }) => ({\n  fontFamily: theme.variables.fontFamily.lato,\n  fontSize: theme.variables.size.font.text.m,\n  lineHeight: theme.variables.size.lineHeight.text.m,\n  borderRadius: theme.variables.size.borderRadius.input.s,\n  borderWidth: \"1px\",\n  borderStyle: \"solid\",\n  width: \"100%\",\n  padding: theme.variables.size.spacing.xs,\n  paddingRight: theme.variables.size.spacing.xxl,\n  boxSizing: \"border-box\",\n  color: theme.values.color.text.secondary.default,\n  borderColor: handleBorderColor(theme, hasError),\n  backgroundColor: theme.values.color.background.primary.default,\n  \"&.error\": {\n    borderColor: theme.values.color.border.error.default,\n  },\n  \"&.has-icon\": {\n    paddingRight:\n      theme.variables.size.spacing.xs + theme.variables.size.font.icon.m,\n  },\n  \"&::placeholder\": {\n    color: theme.values.color.text.quaternary.default,\n    opacity: 1,\n  },\n  \"&:-ms-input-placeholder\": {\n    color: theme.values.color.text.quaternary.default,\n  },\n  \"&::-ms-input-placeholder\": {\n    color: theme.values.color.text.quaternary.default,\n  },\n}));\n\nexport const PasswordInputRaw = forwardRef(\n  (\n    {\n      name,\n      value,\n      placeholder,\n      hasError = false,\n      disabled,\n      onChange,\n      onClick,\n      onBlur,\n      onFocus,\n      onIconClick,\n      areaLabel,\n      tabIndex,\n      autoComplete,\n      iconAriaLabel,\n    }: PasswordInputProps,\n    ref: RefObject<HTMLInputElement>\n  ): React.ReactElement => {\n    const [inputType, setInputType] = useState(\"password\");\n    const currentType = inputType === \"password\" ? \"text\" : \"password\";\n    const eyeIcon = inputType === \"password\" ? \"eye-off\" : \"eye\";\n\n    return (\n      <StyledContainer>\n        <StyledPasswordInput\n          type={inputType}\n          value={value}\n          placeholder={placeholder}\n          name={name}\n          disabled={disabled}\n          onClick={onClick}\n          onChange={onChange}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          aria-label={areaLabel}\n          ref={ref}\n          tabIndex={tabIndex}\n          autoComplete={autoComplete}\n          hasError={hasError}\n        />\n        <StyledIconBtn\n          onClick={(e: React.MouseEvent) => {\n            if (disabled) {\n              e.preventDefault();\n            }\n            if (onIconClick) {\n              onIconClick(e);\n            }\n            setInputType(currentType);\n          }}\n          hasError={hasError}\n          disabled={disabled}\n          aria-label={iconAriaLabel}\n          type=\"button\"\n        >\n          <Icon name={eyeIcon} size=\"s\" color=\"tertiary\" />\n        </StyledIconBtn>\n      </StyledContainer>\n    );\n  }\n);\n\nexport function PasswordInput({\n  name,\n  value,\n  placeholder = \"••••••••\",\n  hasError = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  onIconClick,\n  type,\n  tabIndex,\n  areaLabel,\n  autoComplete = \"on\",\n  iconAriaLabel,\n  ...rest\n}: PasswordInputProps): React.ReactElement {\n  return (\n    <FormField data-ds-id=\"PasswordInput\" {...(rest as FormFieldProps)}>\n      <PasswordInputRaw\n        name={name}\n        value={value}\n        type={type}\n        placeholder={placeholder}\n        hasError={hasError}\n        disabled={rest.disabled}\n        onChange={onChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onClick={onClick}\n        onIconClick={onIconClick}\n        tabIndex={tabIndex}\n        areaLabel={areaLabel}\n        autoComplete={autoComplete}\n        iconAriaLabel={iconAriaLabel}\n      />\n    </FormField>\n  );\n}\n"],"names":["handleBorderColor","theme","hasError","values","color","border","error","default","primary","handleIconBorderColor","icon","handleIconLeftBorderColor","StyledContainer","_styled","process","env","NODE_ENV","target","label","width","display","alignItems","flexDirection","position","zIndex","StyledIconBtn","_ref","appearance","MozAppearance","WebkitAppearance","top","right","borderColor","borderLeftColor","padding","variables","size","spacing","s","borderRadius","input","borderBottomLeftRadius","borderTopLeftRadius","text","secondary","backgroundColor","cursor","background","transparent","hover","active","disabled","pointerEvents","StyledPasswordInput","_ref2","fontFamily","lato","fontSize","font","m","lineHeight","borderWidth","borderStyle","xs","paddingRight","xxl","boxSizing","quaternary","opacity","PasswordInputRaw","forwardRef","_ref3","ref","name","value","placeholder","onChange","onClick","onBlur","onFocus","onIconClick","areaLabel","tabIndex","autoComplete","iconAriaLabel","inputType","setInputType","useState","currentType","eyeIcon","React","createElement","type","e","preventDefault","Icon","PasswordInput","_ref4","rest","FormField","_extends"],"mappings":"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"}

package/build/esm/src/components/Form/PasswordInput/index.d.ts

@@ -0,0 +1,2 @@
+export { PasswordInput } from "./PasswordInput";
+export type { PasswordInputProps } from "./PasswordInput";

package/build/esm/src/components/Form/Radio/Radio.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+export declare type RadioProps = {
+    name: string;
+    value?: string;
+    checked?: boolean | undefined;
+    label?: string | React.ComponentType;
+    disabled?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+} & Omit<FormFieldProps, "labelHint">;
+export declare function Radio({ name, value, checked, label, disabled, onChange, onClick, onBlur, onFocus, "data-e2e-test-id": dataE2eTestId, ...rest }: RadioProps): React.ReactElement;

package/build/esm/src/components/Form/Radio/Radio.js

@@ -0,0 +1,131 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { FormField } from '../FormField/FormField.js';
+import { Inline } from '../../Inline/Inline.js';
+import { Text } from '../../Typography/Text/Text.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1fgddiq2"
+} : {
+  target: "e1fgddiq2",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    userSelect: "none",
+    display: "block",
+    position: "relative",
+    width: theme.variables.size.dimension.radio.m,
+    height: theme.variables.size.dimension.radio.m,
+    boxSizing: "border-box"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndCIiwiZmlsZSI6IlJhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmV4cG9ydCB0eXBlIFJhZGlvUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIGNoZWNrZWQ/OiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICBsYWJlbD86IHN0cmluZyB8IFJlYWN0LkNvbXBvbmVudFR5cGU7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgd2lkdGg6IDAsXG4gIGhlaWdodDogMCxcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5yYWRpby5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICBcIiYgZGl2XCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnJhZGlvUG9pbnQubSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpb1BvaW50Lm0sXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcbiAgXCImOmhvdmVyLCBpbnB1dDpjaGVja2VkICsgJlwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHQsXG4gIH0sXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gIH0sXG4gIFwiZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gUmFkaW8oe1xuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGxhYmVsID0gXCJcIixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFJhZGlvUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiUmFkaW9cIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAgPElubGluZSBzcGFjZT1cIm1cIiB2QWxpZ25JdGVtcz1cInRvcFwiIG5vV3JhcD5cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICAgIDxkaXYgLz5cbiAgICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICAgIHt0eXBlb2YgbGFiZWwgPT09IFwic3RyaW5nXCIgPyA8VGV4dD57bGFiZWx9PC9UZXh0PiA6IGxhYmVsfVxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+const StyledRealInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e1fgddiq1"
+} : {
+  target: "e1fgddiq1",
+  label: "StyledRealInput"
+})(() => ({
+  opacity: 0,
+  cursor: "pointer",
+  position: "absolute",
+  width: 0,
+  height: 0
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QndCIiwiZmlsZSI6IlJhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmV4cG9ydCB0eXBlIFJhZGlvUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIGNoZWNrZWQ/OiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICBsYWJlbD86IHN0cmluZyB8IFJlYWN0LkNvbXBvbmVudFR5cGU7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgd2lkdGg6IDAsXG4gIGhlaWdodDogMCxcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5yYWRpby5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICBcIiYgZGl2XCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnJhZGlvUG9pbnQubSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpb1BvaW50Lm0sXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcbiAgXCImOmhvdmVyLCBpbnB1dDpjaGVja2VkICsgJlwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHQsXG4gIH0sXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gIH0sXG4gIFwiZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gUmFkaW8oe1xuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGxhYmVsID0gXCJcIixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFJhZGlvUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiUmFkaW9cIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAgPElubGluZSBzcGFjZT1cIm1cIiB2QWxpZ25JdGVtcz1cInRvcFwiIG5vV3JhcD5cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICAgIDxkaXYgLz5cbiAgICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICAgIHt0eXBlb2YgbGFiZWwgPT09IFwic3RyaW5nXCIgPyA8VGV4dD57bGFiZWx9PC9UZXh0PiA6IGxhYmVsfVxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+const StyledFakeInput = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e1fgddiq0"
+} : {
+  target: "e1fgddiq0",
+  label: "StyledFakeInput"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    boxSizing: "border-box",
+    width: theme.variables.size.dimension.radio.m,
+    height: theme.variables.size.dimension.radio.m,
+    borderRadius: theme.variables.size.borderRadius.radio.m,
+    border: "2px solid",
+    top: 0,
+    left: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "absolute",
+    cursor: "pointer",
+    background: theme.values.color.background.primary.default,
+    borderColor: theme.values.color.border.secondary.default,
+    "& div": {
+      opacity: 0,
+      borderRadius: "50%",
+      width: theme.variables.size.dimension.radioPoint.m,
+      height: theme.variables.size.dimension.radioPoint.m,
+      background: theme.values.color.border.accent.default
+    },
+    "&:hover, input:checked + &": {
+      borderColor: theme.values.color.border.accent.default
+    },
+    "input:checked + &": {
+      background: theme.values.color.background.primary.default,
+      "&:hover": {
+        background: theme.values.color.background.primary.default
+      },
+      "& div": {
+        opacity: 1
+      }
+    },
+    "focus-visible + &": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineColor: "Highlight"
+    },
+    "@media (-webkit-min-device-pixel-ratio:0)": {
+      "focus-visible + &": {
+        outlineColor: "-webkit-focus-ring-color",
+        outlineStyle: "auto"
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3dCIiwiZmlsZSI6IlJhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmV4cG9ydCB0eXBlIFJhZGlvUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIGNoZWNrZWQ/OiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICBsYWJlbD86IHN0cmluZyB8IFJlYWN0LkNvbXBvbmVudFR5cGU7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgd2lkdGg6IDAsXG4gIGhlaWdodDogMCxcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpby5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5yYWRpby5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICBcIiYgZGl2XCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnJhZGlvUG9pbnQubSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5yYWRpb1BvaW50Lm0sXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcbiAgXCImOmhvdmVyLCBpbnB1dDpjaGVja2VkICsgJlwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHQsXG4gIH0sXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gIH0sXG4gIFwiZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gUmFkaW8oe1xuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGxhYmVsID0gXCJcIixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFJhZGlvUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiUmFkaW9cIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAgPElubGluZSBzcGFjZT1cIm1cIiB2QWxpZ25JdGVtcz1cInRvcFwiIG5vV3JhcD5cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICAgIDxkaXYgLz5cbiAgICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICAgIHt0eXBlb2YgbGFiZWwgPT09IFwic3RyaW5nXCIgPyA8VGV4dD57bGFiZWx9PC9UZXh0PiA6IGxhYmVsfVxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+function Radio(_ref3) {
+  let {
+    name,
+    value = "",
+    checked = undefined,
+    label = "",
+    disabled = false,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    "data-e2e-test-id": dataE2eTestId,
+    ...rest
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Radio"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(Inline, {
+    space: "m",
+    vAlignItems: "top",
+    noWrap: true
+  }, /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(StyledRealInput, {
+    type: "radio",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React.createElement(StyledFakeInput, null, /*#__PURE__*/React.createElement("div", null))), typeof label === "string" ? /*#__PURE__*/React.createElement(Text, null, label) : label));
+}
+
+export { Radio };
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/Form/Radio/Radio.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\";\n\nexport type RadioProps = {\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  label?: string | React.ComponentType;\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(({ theme }) => ({\n  userSelect: \"none\",\n  display: \"block\",\n  position: \"relative\",\n  width: theme.variables.size.dimension.radio.m,\n  height: theme.variables.size.dimension.radio.m,\n  boxSizing: \"border-box\",\n}));\n\nconst StyledRealInput = styled.input(() => ({\n  opacity: 0,\n  cursor: \"pointer\",\n  position: \"absolute\",\n  width: 0,\n  height: 0,\n}));\n\nconst StyledFakeInput = styled.span(({ theme }) => ({\n  boxSizing: \"border-box\",\n  width: theme.variables.size.dimension.radio.m,\n  height: theme.variables.size.dimension.radio.m,\n  borderRadius: theme.variables.size.borderRadius.radio.m,\n  border: \"2px solid\",\n  top: 0,\n  left: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  position: \"absolute\",\n  cursor: \"pointer\",\n  background: theme.values.color.background.primary.default,\n  borderColor: theme.values.color.border.secondary.default,\n  \"& div\": {\n    opacity: 0,\n    borderRadius: \"50%\",\n    width: theme.variables.size.dimension.radioPoint.m,\n    height: theme.variables.size.dimension.radioPoint.m,\n    background: theme.values.color.border.accent.default,\n  },\n  \"&:hover, input:checked + &\": {\n    borderColor: theme.values.color.border.accent.default,\n  },\n  \"input:checked + &\": {\n    background: theme.values.color.background.primary.default,\n    \"&:hover\": {\n      background: theme.values.color.background.primary.default,\n    },\n    \"& div\": {\n      opacity: 1,\n    },\n  },\n  \"focus-visible + &\": {\n    outlineWidth: \"2px\",\n    outlineStyle: \"solid\",\n    outlineColor: \"Highlight\",\n  },\n  \"@media (-webkit-min-device-pixel-ratio:0)\": {\n    \"focus-visible + &\": {\n      outlineColor: \"-webkit-focus-ring-color\",\n      outlineStyle: \"auto\",\n    },\n  },\n}));\n\nexport function Radio({\n  name,\n  value = \"\",\n  checked = undefined,\n  label = \"\",\n  disabled = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: RadioProps): React.ReactElement {\n  return (\n    <FormField\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Radio\"\n      {...rest}\n      disabled={disabled}\n    >\n      <Inline space=\"m\" vAlignItems=\"top\" noWrap>\n        <StyledContainer>\n          <StyledRealInput\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          <StyledFakeInput>\n            <div />\n          </StyledFakeInput>\n        </StyledContainer>\n        {typeof label === \"string\" ? <Text>{label}</Text> : label}\n      </Inline>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","userSelect","display","position","width","variables","size","dimension","radio","m","height","boxSizing","StyledRealInput","opacity","cursor","StyledFakeInput","_ref2","borderRadius","border","top","left","alignItems","justifyContent","background","values","color","primary","default","borderColor","secondary","radioPoint","accent","outlineWidth","outlineStyle","outlineColor","Radio","_ref3","name","value","checked","undefined","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","type","Text"],"mappings":"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"}

package/build/esm/src/components/Form/RadioButton/RadioButton.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+import { IconName } from "../../Icon/Icon";
+export declare type RadioButtonProps = {
+    name: string;
+    value?: string;
+    checked?: boolean | undefined;
+    icon?: IconName;
+    label?: string;
+    disabled?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+} & Omit<FormFieldProps, "labelHint">;
+/** @deprecated Use Radio or SegmentedControl component instead */
+export declare function RadioButton({ name, value, checked, label, icon, disabled, onChange, onClick, onBlur, onFocus, ...rest }: RadioButtonProps): React.ReactElement;

package/build/esm/src/components/Form/RadioButton/RadioButton.js

@@ -0,0 +1,117 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { FormField } from '../FormField/FormField.js';
+import { Icon } from '../../Icon/Icon.js';
+import { Inline } from '../../Inline/Inline.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ecpa6et2"
+} : {
+  target: "ecpa6et2",
+  label: "StyledContainer"
+})(() => ({
+  userSelect: "none",
+  display: "block",
+  position: "relative",
+  width: "100%",
+  boxSizing: "border-box"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6IlJhZGlvQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgUmFkaW9CdXR0b25Qcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFJhZGlvQnV0dG9uUHJvcHM+PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcImlucHV0Om5vdCg6Y2hlY2tlZCkgKyAmXCI6IHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcbn0pKTtcblxuLyoqIEBkZXByZWNhdGVkIFVzZSBSYWRpbyBvciBTZWdtZW50ZWRDb250cm9sIGNvbXBvbmVudCBpbnN0ZWFkICovXG5leHBvcnQgZnVuY3Rpb24gUmFkaW9CdXR0b24oe1xuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGxhYmVsID0gXCJcIixcbiAgaWNvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgLi4ucmVzdFxufTogUmFkaW9CdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWRzLWlkPVwiUmFkaW9CdXR0b25cIiB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBub1dyYXA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledRealInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "ecpa6et1"
+} : {
+  target: "ecpa6et1",
+  label: "StyledRealInput"
+})(() => ({
+  opacity: 0,
+  cursor: "pointer",
+  height: 0,
+  width: 0,
+  position: "absolute"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QndCIiwiZmlsZSI6IlJhZGlvQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgUmFkaW9CdXR0b25Qcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFJhZGlvQnV0dG9uUHJvcHM+PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcImlucHV0Om5vdCg6Y2hlY2tlZCkgKyAmXCI6IHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcbn0pKTtcblxuLyoqIEBkZXByZWNhdGVkIFVzZSBSYWRpbyBvciBTZWdtZW50ZWRDb250cm9sIGNvbXBvbmVudCBpbnN0ZWFkICovXG5leHBvcnQgZnVuY3Rpb24gUmFkaW9CdXR0b24oe1xuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGxhYmVsID0gXCJcIixcbiAgaWNvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgLi4ucmVzdFxufTogUmFkaW9CdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWRzLWlkPVwiUmFkaW9CdXR0b25cIiB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBub1dyYXA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledFakeInput = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ecpa6et0"
+} : {
+  target: "ecpa6et0",
+  label: "StyledFakeInput"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    cursor: "pointer",
+    textTransform: "none",
+    textDecoration: "none",
+    borderRadius: theme.variables.size.borderRadius.button.m,
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.button.m,
+    fontWeight: theme.variables.weight.bold,
+    lineHeight: theme.variables.size.lineHeight.button.m,
+    padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,
+    "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"
+      }
+    },
+    "input:not(:checked) + &": {
+      border: `1px solid ${theme.values.color.border.secondary.default}`,
+      backgroundColor: theme.values.color.background.primary.default,
+      color: theme.values.color.text.secondary.default,
+      "&:hover": {
+        backgroundColor: theme.values.color.background.secondary.default
+      }
+    },
+    "input:checked + & ": {
+      border: `1px solid ${theme.values.color.border.accentSubtle.default}`,
+      backgroundColor: theme.values.color.background.accentSubtle.default,
+      color: theme.values.color.text.accent.default
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3dCIiwiZmlsZSI6IlJhZGlvQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgUmFkaW9CdXR0b25Qcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFJhZGlvQnV0dG9uUHJvcHM+PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcImlucHV0Om5vdCg6Y2hlY2tlZCkgKyAmXCI6IHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcbn0pKTtcblxuLyoqIEBkZXByZWNhdGVkIFVzZSBSYWRpbyBvciBTZWdtZW50ZWRDb250cm9sIGNvbXBvbmVudCBpbnN0ZWFkICovXG5leHBvcnQgZnVuY3Rpb24gUmFkaW9CdXR0b24oe1xuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGxhYmVsID0gXCJcIixcbiAgaWNvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgLi4ucmVzdFxufTogUmFkaW9CdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWRzLWlkPVwiUmFkaW9CdXR0b25cIiB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBub1dyYXA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+
+/** @deprecated Use Radio or SegmentedControl component instead */
+function RadioButton(_ref2) {
+  let {
+    name,
+    value = "",
+    checked = undefined,
+    label = "",
+    icon,
+    disabled = false,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    ...rest
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    "data-ds-id": "RadioButton"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(StyledRealInput, {
+    type: "radio",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React.createElement(StyledFakeInput, null, /*#__PURE__*/React.createElement(Inline, {
+    vAlignItems: "center",
+    alignItems: "spaceBetween",
+    noWrap: true
+  }, label, icon && /*#__PURE__*/React.createElement(Icon, {
+    name: icon
+  })))));
+}
+
+export { RadioButton };
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../../../../src/components/Form/RadioButton/RadioButton.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 { IconName, Icon } from \"../../Icon/Icon\";\nimport { Inline } from \"../../Inline/Inline\";\n\nexport type RadioButtonProps = {\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  icon?: IconName;\n  label?: string;\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  userSelect: \"none\",\n  display: \"block\",\n  position: \"relative\",\n  width: \"100%\",\n  boxSizing: \"border-box\",\n}));\n\nconst StyledRealInput = styled.input(() => ({\n  opacity: 0,\n  cursor: \"pointer\",\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInput = styled.div<Partial<RadioButtonProps>>(({ theme }) => ({\n  cursor: \"pointer\",\n  textTransform: \"none\",\n  textDecoration: \"none\",\n  borderRadius: theme.variables.size.borderRadius.button.m,\n  fontFamily: theme.variables.fontFamily.lato,\n  fontSize: theme.variables.size.font.button.m,\n  fontWeight: theme.variables.weight.bold,\n  lineHeight: theme.variables.size.lineHeight.button.m,\n  padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,\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  \"input:not(:checked) + &\": {\n    border: `1px solid ${theme.values.color.border.secondary.default}`,\n    backgroundColor: theme.values.color.background.primary.default,\n    color: theme.values.color.text.secondary.default,\n\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.secondary.default,\n    },\n  },\n  \"input:checked + & \": {\n    border: `1px solid ${theme.values.color.border.accentSubtle.default}`,\n    backgroundColor: theme.values.color.background.accentSubtle.default,\n    color: theme.values.color.text.accent.default,\n  },\n}));\n\n/** @deprecated Use Radio or SegmentedControl component instead */\nexport function RadioButton({\n  name,\n  value = \"\",\n  checked = undefined,\n  label = \"\",\n  icon,\n  disabled = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  ...rest\n}: RadioButtonProps): React.ReactElement {\n  return (\n    <FormField data-ds-id=\"RadioButton\" {...rest} disabled={disabled}>\n      <StyledContainer>\n        <StyledRealInput\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        <StyledFakeInput>\n          <Inline vAlignItems=\"center\" alignItems=\"spaceBetween\" noWrap>\n            {label}\n            {icon && <Icon name={icon} />}\n          </Inline>\n        </StyledFakeInput>\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","userSelect","display","position","width","boxSizing","StyledRealInput","opacity","cursor","height","StyledFakeInput","_ref","theme","textTransform","textDecoration","borderRadius","variables","size","button","m","fontFamily","lato","fontSize","font","fontWeight","weight","bold","lineHeight","padding","spacing","s","l","outlineWidth","outlineStyle","outlineColor","border","values","color","secondary","default","backgroundColor","background","primary","text","accentSubtle","accent","RadioButton","_ref2","name","value","checked","undefined","icon","disabled","onChange","onClick","onBlur","onFocus","rest","React","createElement","FormField","_extends","type","Inline","vAlignItems","alignItems","noWrap","Icon"],"mappings":"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"}

package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+export declare type SegmentedControlOption = {
+    name: string;
+    label: string;
+    value: string;
+    sublabel?: string;
+    displayAsOptionWithSublabel?: boolean;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+};
+export declare type SegmentedControlProps = {
+    /**
+     * Meta data for options
+     * @param name - Name for radio input
+     * @param label - Label for display
+     * @param value - Value for radio input
+     * @param sublabel - Sublabel displayed below label (Optional)
+     * @param displayAsOptionWithSublabel - Set this to true if no sublabel is available, but option is displayed as one with sublabel
+     */
+    options: SegmentedControlOption[];
+    /** Current selected value */
+    value: string;
+    /** Justified layout, with equal size segments spanning to container width */
+    justified?: boolean;
+    /** Segment size, not applicable on mobile breakpoint */
+    size?: "s" | "m" | "l";
+    onChange: (value: string) => void;
+} & FormFieldProps;
+export declare function SegmentedControl({ options, value, disabled, justified, size, onChange, ...rest }: SegmentedControlProps): React.ReactElement;

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

@@ -0,0 +1,124 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { FormField } from '../FormField/FormField.js';
+import { SegmentedControlOption } from './SegmentedControlOption.js';
+import breakpoints from '../../../../build-tokens/_breakpoints.json.js';
+
+const StyledDivider = /*#__PURE__*/_styled("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.secondary.default}`;
+  const baseStyles = {
+    backgroundColor: theme.values.color.background.primary.default
+  };
+  const checkedStyle = isChecked && {
+    borderColor: theme.values.color.border.accentSubtle.default
+  };
+  const borderRightStyle = {
+    borderRight: border,
+    ...baseStyles,
+    ...checkedStyle
+  };
+  if (!justified) {
+    return borderRightStyle;
+  }
+  return {
+    // Layout on tablet and desktop
+    [`@media (min-width: ${breakpoints.medium.value}px)`]: {
+      ...borderRightStyle
+    },
+    // Layout on mobile
+    [`@media (max-width: ${breakpoints.medium.value}px)`]: {
+      borderBottom: border,
+      ...baseStyles,
+      ...checkedStyle
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDc0IiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vLi4vLi4vYnVpbGQtdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb24gPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1ldGEgZGF0YSBmb3Igb3B0aW9uc1xuICAgKiBAcGFyYW0gbmFtZSAtIE5hbWUgZm9yIHJhZGlvIGlucHV0XG4gICAqIEBwYXJhbSBsYWJlbCAtIExhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSB2YWx1ZSAtIFZhbHVlIGZvciByYWRpbyBpbnB1dFxuICAgKiBAcGFyYW0gc3VibGFiZWwgLSBTdWJsYWJlbCBkaXNwbGF5ZWQgYmVsb3cgbGFiZWwgKE9wdGlvbmFsKVxuICAgKiBAcGFyYW0gZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsIC0gU2V0IHRoaXMgdG8gdHJ1ZSBpZiBubyBzdWJsYWJlbCBpcyBhdmFpbGFibGUsIGJ1dCBvcHRpb24gaXMgZGlzcGxheWVkIGFzIG9uZSB3aXRoIHN1YmxhYmVsXG4gICAqL1xuICBvcHRpb25zOiBTZWdtZW50ZWRDb250cm9sT3B0aW9uW107XG4gIC8qKiBDdXJyZW50IHNlbGVjdGVkIHZhbHVlICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBKdXN0aWZpZWQgbGF5b3V0LCB3aXRoIGVxdWFsIHNpemUgc2VnbWVudHMgc3Bhbm5pbmcgdG8gY29udGFpbmVyIHdpZHRoICovXG4gIGp1c3RpZmllZD86IGJvb2xlYW47XG4gIC8qKiBTZWdtZW50IHNpemUsIG5vdCBhcHBsaWNhYmxlIG9uIG1vYmlsZSBicmVha3BvaW50ICovXG4gIHNpemU/OiBcInNcIiB8IFwibVwiIHwgXCJsXCI7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFNlZ21lbnRlZENvbnRyb2xQcm9wcywgXCJqdXN0aWZpZWRcIj47XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2PFN0eWxlZERpdmlkZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0NoZWNrZWQsIGp1c3RpZmllZCB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YDtcbiAgICBjb25zdCBiYXNlU3R5bGVzID0ge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfTtcbiAgICBjb25zdCBjaGVja2VkU3R5bGUgPSBpc0NoZWNrZWQgJiYge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50U3VidGxlLmRlZmF1bHQsXG4gICAgfTtcblxuICAgIGNvbnN0IGJvcmRlclJpZ2h0U3R5bGUgPSB7XG4gICAgICBib3JkZXJSaWdodDogYm9yZGVyLFxuICAgICAgLi4uYmFzZVN0eWxlcyxcbiAgICAgIC4uLmNoZWNrZWRTdHlsZSxcbiAgICB9O1xuXG4gICAgaWYgKCFqdXN0aWZpZWQpIHtcbiAgICAgIHJldHVybiBib3JkZXJSaWdodFN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAvLyBMYXlvdXQgb24gdGFibGV0IGFuZCBkZXNrdG9wXG4gICAgICBbYEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgICAgICAuLi5ib3JkZXJSaWdodFN0eWxlLFxuICAgICAgfSxcblxuICAgICAgLy8gTGF5b3V0IG9uIG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBib3JkZXIsXG4gICAgICAgIC4uLmJhc2VTdHlsZXMsXG4gICAgICAgIC4uLmNoZWNrZWRTdHlsZSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxudHlwZSBTdHlsZWRDb250YWluZXJQcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xQcm9wcyxcbiAgXCJqdXN0aWZpZWRcIiB8IFwib3B0aW9uc1wiXG4+O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFN0eWxlZENvbnRhaW5lclByb3BzPihcbiAgKHsganVzdGlmaWVkLCBvcHRpb25zIH0pID0+IHtcbiAgICBjb25zdCBiYXNlU3R5bGUgPSB7XG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICB9O1xuXG4gICAgaWYgKCFqdXN0aWZpZWQpIHtcbiAgICAgIHJldHVybiBiYXNlU3R5bGU7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLmJhc2VTdHlsZSxcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG5cbiAgICAgIFwiJiA+ICpcIjoge1xuICAgICAgICBmbGV4OiBgMSAxICR7MTAwIC8gb3B0aW9ucy5sZW5ndGh9JWAsXG4gICAgICB9LFxuXG4gICAgICBbYCYgPiAke1N0eWxlZERpdmlkZXJ9YF06IHtcbiAgICAgICAgZmxleDogXCIwIDAgYXV0b1wiLFxuICAgICAgfSxcblxuICAgICAgLy8gTGF5b3V0IG9uIHRhYmxldCBhbmQgZGVza3RvcFxuICAgICAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlZ21lbnRlZENvbnRyb2woe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgZGlzYWJsZWQsXG4gIGp1c3RpZmllZCxcbiAgc2l6ZSA9IFwibVwiLFxuICBvbkNoYW5nZSxcbiAgLi4ucmVzdFxufTogU2VnbWVudGVkQ29udHJvbFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlOiBSZWFjdC5Gb3JtRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gKGV2dCkgPT4ge1xuICAgIG9uQ2hhbmdlKChldnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLnZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBvcHRpb25FbG1zID0gb3B0aW9ucy5tYXAoXG4gICAgKHsgdmFsdWU6IG9wdGlvblZhbHVlLCAuLi5vdGhlclByb3BzIH0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBpc0NoZWNrZWQgPSB2YWx1ZSA9PT0gb3B0aW9uVmFsdWU7XG4gICAgICBjb25zdCBkaXZpZGVyRWxtID1cbiAgICAgICAgaW5kZXggIT09IDAgPyAoXG4gICAgICAgICAgPFN0eWxlZERpdmlkZXIgaXNDaGVja2VkPXtpc0NoZWNrZWR9IGp1c3RpZmllZD17anVzdGlmaWVkfSAvPlxuICAgICAgICApIDogbnVsbDtcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17b3B0aW9uVmFsdWV9PlxuICAgICAgICAgIHtkaXZpZGVyRWxtfVxuICAgICAgICAgIDxTZWdtZW50ZWRDb250cm9sT3B0aW9uXG4gICAgICAgICAgICB2YWx1ZT17b3B0aW9uVmFsdWV9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgY2hlY2tlZD17aXNDaGVja2VkfVxuICAgICAgICAgICAgaXNSZXNwb25zaXZlPXtqdXN0aWZpZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICk7XG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWRzLWlkPVwiU2VnbWVudGVkQ29udHJvbFwiIHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lciBqdXN0aWZpZWQ9e2p1c3RpZmllZH0gb3B0aW9ucz17b3B0aW9uc30+XG4gICAgICAgIHtvcHRpb25FbG1zfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
+const StyledContainer = /*#__PURE__*/_styled("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.medium.value}px)`]: {
+      flexDirection: "row"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGd0IiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vLi4vLi4vYnVpbGQtdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb24gPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1ldGEgZGF0YSBmb3Igb3B0aW9uc1xuICAgKiBAcGFyYW0gbmFtZSAtIE5hbWUgZm9yIHJhZGlvIGlucHV0XG4gICAqIEBwYXJhbSBsYWJlbCAtIExhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSB2YWx1ZSAtIFZhbHVlIGZvciByYWRpbyBpbnB1dFxuICAgKiBAcGFyYW0gc3VibGFiZWwgLSBTdWJsYWJlbCBkaXNwbGF5ZWQgYmVsb3cgbGFiZWwgKE9wdGlvbmFsKVxuICAgKiBAcGFyYW0gZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsIC0gU2V0IHRoaXMgdG8gdHJ1ZSBpZiBubyBzdWJsYWJlbCBpcyBhdmFpbGFibGUsIGJ1dCBvcHRpb24gaXMgZGlzcGxheWVkIGFzIG9uZSB3aXRoIHN1YmxhYmVsXG4gICAqL1xuICBvcHRpb25zOiBTZWdtZW50ZWRDb250cm9sT3B0aW9uW107XG4gIC8qKiBDdXJyZW50IHNlbGVjdGVkIHZhbHVlICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBKdXN0aWZpZWQgbGF5b3V0LCB3aXRoIGVxdWFsIHNpemUgc2VnbWVudHMgc3Bhbm5pbmcgdG8gY29udGFpbmVyIHdpZHRoICovXG4gIGp1c3RpZmllZD86IGJvb2xlYW47XG4gIC8qKiBTZWdtZW50IHNpemUsIG5vdCBhcHBsaWNhYmxlIG9uIG1vYmlsZSBicmVha3BvaW50ICovXG4gIHNpemU/OiBcInNcIiB8IFwibVwiIHwgXCJsXCI7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFNlZ21lbnRlZENvbnRyb2xQcm9wcywgXCJqdXN0aWZpZWRcIj47XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2PFN0eWxlZERpdmlkZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0NoZWNrZWQsIGp1c3RpZmllZCB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YDtcbiAgICBjb25zdCBiYXNlU3R5bGVzID0ge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfTtcbiAgICBjb25zdCBjaGVja2VkU3R5bGUgPSBpc0NoZWNrZWQgJiYge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50U3VidGxlLmRlZmF1bHQsXG4gICAgfTtcblxuICAgIGNvbnN0IGJvcmRlclJpZ2h0U3R5bGUgPSB7XG4gICAgICBib3JkZXJSaWdodDogYm9yZGVyLFxuICAgICAgLi4uYmFzZVN0eWxlcyxcbiAgICAgIC4uLmNoZWNrZWRTdHlsZSxcbiAgICB9O1xuXG4gICAgaWYgKCFqdXN0aWZpZWQpIHtcbiAgICAgIHJldHVybiBib3JkZXJSaWdodFN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAvLyBMYXlvdXQgb24gdGFibGV0IGFuZCBkZXNrdG9wXG4gICAgICBbYEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgICAgICAuLi5ib3JkZXJSaWdodFN0eWxlLFxuICAgICAgfSxcblxuICAgICAgLy8gTGF5b3V0IG9uIG1vYmlsZVxuICAgICAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBib3JkZXIsXG4gICAgICAgIC4uLmJhc2VTdHlsZXMsXG4gICAgICAgIC4uLmNoZWNrZWRTdHlsZSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxudHlwZSBTdHlsZWRDb250YWluZXJQcm9wcyA9IFBpY2s8XG4gIFNlZ21lbnRlZENvbnRyb2xQcm9wcyxcbiAgXCJqdXN0aWZpZWRcIiB8IFwib3B0aW9uc1wiXG4+O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFN0eWxlZENvbnRhaW5lclByb3BzPihcbiAgKHsganVzdGlmaWVkLCBvcHRpb25zIH0pID0+IHtcbiAgICBjb25zdCBiYXNlU3R5bGUgPSB7XG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICB9O1xuXG4gICAgaWYgKCFqdXN0aWZpZWQpIHtcbiAgICAgIHJldHVybiBiYXNlU3R5bGU7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLmJhc2VTdHlsZSxcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG5cbiAgICAgIFwiJiA+ICpcIjoge1xuICAgICAgICBmbGV4OiBgMSAxICR7MTAwIC8gb3B0aW9ucy5sZW5ndGh9JWAsXG4gICAgICB9LFxuXG4gICAgICBbYCYgPiAke1N0eWxlZERpdmlkZXJ9YF06IHtcbiAgICAgICAgZmxleDogXCIwIDAgYXV0b1wiLFxuICAgICAgfSxcblxuICAgICAgLy8gTGF5b3V0IG9uIHRhYmxldCBhbmQgZGVza3RvcFxuICAgICAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlZ21lbnRlZENvbnRyb2woe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgZGlzYWJsZWQsXG4gIGp1c3RpZmllZCxcbiAgc2l6ZSA9IFwibVwiLFxuICBvbkNoYW5nZSxcbiAgLi4ucmVzdFxufTogU2VnbWVudGVkQ29udHJvbFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlOiBSZWFjdC5Gb3JtRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gKGV2dCkgPT4ge1xuICAgIG9uQ2hhbmdlKChldnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLnZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBvcHRpb25FbG1zID0gb3B0aW9ucy5tYXAoXG4gICAgKHsgdmFsdWU6IG9wdGlvblZhbHVlLCAuLi5vdGhlclByb3BzIH0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBpc0NoZWNrZWQgPSB2YWx1ZSA9PT0gb3B0aW9uVmFsdWU7XG4gICAgICBjb25zdCBkaXZpZGVyRWxtID1cbiAgICAgICAgaW5kZXggIT09IDAgPyAoXG4gICAgICAgICAgPFN0eWxlZERpdmlkZXIgaXNDaGVja2VkPXtpc0NoZWNrZWR9IGp1c3RpZmllZD17anVzdGlmaWVkfSAvPlxuICAgICAgICApIDogbnVsbDtcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17b3B0aW9uVmFsdWV9PlxuICAgICAgICAgIHtkaXZpZGVyRWxtfVxuICAgICAgICAgIDxTZWdtZW50ZWRDb250cm9sT3B0aW9uXG4gICAgICAgICAgICB2YWx1ZT17b3B0aW9uVmFsdWV9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgY2hlY2tlZD17aXNDaGVja2VkfVxuICAgICAgICAgICAgaXNSZXNwb25zaXZlPXtqdXN0aWZpZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICk7XG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWRzLWlkPVwiU2VnbWVudGVkQ29udHJvbFwiIHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lciBqdXN0aWZpZWQ9e2p1c3RpZmllZH0gb3B0aW9ucz17b3B0aW9uc30+XG4gICAgICAgIHtvcHRpb25FbG1zfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
+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.createElement(StyledDivider, {
+      isChecked: isChecked,
+      justified: justified
+    }) : null;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: optionValue
+    }, dividerElm, /*#__PURE__*/React.createElement(SegmentedControlOption, _extends({
+      value: optionValue,
+      size: size,
+      checked: isChecked,
+      isResponsive: justified,
+      disabled: disabled,
+      onChange: handleChange
+    }, otherProps)));
+  });
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    "data-ds-id": "SegmentedControl"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(StyledContainer, {
+    justified: justified,
+    options: options
+  }, optionElms));
+}
+/* eslint-enable react/jsx-props-no-spreading */
+
+export { SegmentedControl };
+//# sourceMappingURL=SegmentedControl.js.map