npm - @amboss/design-system - Versions diffs - 1.11.0 → 1.12.1 - Mend

@amboss/design-system 1.11.0 → 1.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

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

	@@ -1 +1 @@
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.input.error;\n return theme.values.color.border.input.default;\n};\n\nconst handleIconBorderColor = (theme: Theme, hasError: boolean) => {\n if (hasError) return theme.values.color.border.input.error;\n return \"transparent\";\n};\n\nconst handleIconLeftBorderColor = (theme: Theme, hasError: boolean) => {\n if (hasError) return theme.values.color.border.input.error;\n return theme.values.color.border.input.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.button.tertiary.base,\n backgroundColor: \"inherit\",\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button.tertiary.hover,\n color: theme.values.color.text.button.tertiary.hover,\n borderColor: theme.values.color.border.button.secondary.hover,\n },\n \"&:active\": {\n backgroundColor: theme.values.color.background.button.tertiary.active,\n color: theme.values.color.text.button.tertiary.active,\n borderColor: theme.values.color.border.button.secondary.active,\n },\n \"&:disabled\": {\n backgroundColor: theme.values.color.background.button.tertiary.disabled,\n color: theme.values.color.text.button.tertiary.disabled,\n borderColor: theme.values.color.border.button.secondary.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,\n borderColor: handleBorderColor(theme, hasError),\n backgroundColor: theme.values.color.background.input.default,\n \"&.error\": {\n borderColor: theme.values.color.border.input.error,\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.placeholder,\n opacity: 1,\n },\n \"&:-ms-input-placeholder\": {\n color: theme.values.color.text.placeholder,\n },\n \"&::-ms-input-placeholder\": {\n color: theme.values.color.text.placeholder,\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\" variant=\"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","input","error","default","handleIconBorderColor","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","borderBottomLeftRadius","borderTopLeftRadius","text","button","tertiary","base","backgroundColor","cursor","background","hover","secondary","active","disabled","pointerEvents","StyledPasswordInput","_ref2","fontFamily","lato","fontSize","font","m","lineHeight","borderWidth","borderStyle","xs","paddingRight","xxl","boxSizing","icon","placeholder","opacity","PasswordInputRaw","forwardRef","_ref3","ref","name","value","onChange","onClick","onBlur","onFocus","onIconClick","areaLabel","tabIndex","autoComplete","iconAriaLabel","inputType","setInputType","useState","currentType","eyeIcon","React","createElement","type","e","preventDefault","Icon","variant","PasswordInput","_ref4","rest","FormField","_extends"],"mappings":"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"}
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.input.error;\n return theme.values.color.border.input.default;\n};\n\nconst handleIconBorderColor = (theme: Theme, hasError: boolean) => {\n if (hasError) return theme.values.color.border.input.error;\n return \"transparent\";\n};\n\nconst handleIconLeftBorderColor = (theme: Theme, hasError: boolean) => {\n if (hasError) return theme.values.color.border.input.error;\n return theme.values.color.border.input.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.button.tertiary.base,\n backgroundColor: \"inherit\",\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button.tertiary.hover,\n color: theme.values.color.text.button.tertiary.hover,\n borderColor: theme.values.color.border.button.secondary.hover,\n },\n \"&:active\": {\n backgroundColor: theme.values.color.background.button.tertiary.active,\n color: theme.values.color.text.button.tertiary.active,\n borderColor: theme.values.color.border.button.secondary.active,\n },\n \"&:disabled\": {\n backgroundColor: theme.values.color.background.button.tertiary.disabled,\n color: theme.values.color.text.button.tertiary.disabled,\n borderColor: theme.values.color.border.button.secondary.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,\n borderColor: handleBorderColor(theme, hasError),\n backgroundColor: theme.values.color.background.input.default,\n \"&.error\": {\n borderColor: theme.values.color.border.input.error,\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.placeholder,\n opacity: 1,\n },\n \"&:-ms-input-placeholder\": {\n color: theme.values.color.text.placeholder,\n },\n \"&::-ms-input-placeholder\": {\n color: theme.values.color.text.placeholder,\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\" variant=\"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","input","error","default","handleIconBorderColor","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","borderBottomLeftRadius","borderTopLeftRadius","text","button","tertiary","base","backgroundColor","cursor","background","hover","secondary","active","disabled","pointerEvents","StyledPasswordInput","_ref2","fontFamily","lato","fontSize","font","m","lineHeight","borderWidth","borderStyle","xs","paddingRight","xxl","boxSizing","icon","placeholder","opacity","PasswordInputRaw","forwardRef","_ref3","ref","name","value","onChange","onClick","onBlur","onFocus","onIconClick","areaLabel","tabIndex","autoComplete","iconAriaLabel","inputType","setInputType","useState","currentType","eyeIcon","React","createElement","type","e","preventDefault","Icon","variant","PasswordInput","_ref4","rest","FormField","_extends"],"mappings":"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"}

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

	@@ -1 +1 @@
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.radio.default,\n borderColor: theme.values.color.border.radio.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.icon.radio.default,\n },\n \"&:hover, input:checked + &\": {\n borderColor: theme.values.color.border.radio.defaultHover,\n },\n \"input:checked + &\": {\n background: theme.values.color.background.radio.checked,\n \"&:hover\": {\n background: theme.values.color.background.radio.checkedHover,\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","default","borderColor","radioPoint","icon","defaultHover","checked","checkedHover","outlineWidth","outlineStyle","outlineColor","Radio","_ref3","name","value","undefined","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","type","Text"],"mappings":"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~~GAAA~~,~~CACjB~~,eACFG,KAAA,CAAAC,aAAA,CAAClC,eAAe,EACdiC,IAAAA,eAAAA,KAAA,CAAAC,aAAA,~~CAAO~~,KAAA,EAAA,IAAA,~~CAAA,~~CACS,CACF,EACjB,OAAOnD,KAAK,KAAK,QAAQ,gBAAGkD,KAAA,CAAAC,aAAA,CAACQ,IAAI,EAAA,IAAA,EAAE3D,~~KAAK~~,~~CAAQ~~,GAAGA,~~KAAK~~,~~CAClD,~~CACC,CAAA;AAEhB;;;;"}
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.radio.default,\n borderColor: theme.values.color.border.radio.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.icon.radio.default,\n },\n \"&:hover, input:checked + &\": {\n borderColor: theme.values.color.border.radio.defaultHover,\n },\n \"input:checked + &\": {\n background: theme.values.color.background.radio.checked,\n \"&:hover\": {\n background: theme.values.color.background.radio.checkedHover,\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","default","borderColor","radioPoint","icon","defaultHover","checked","checkedHover","outlineWidth","outlineStyle","outlineColor","Radio","_ref3","name","value","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 CHANGED Viewed

@@ -13,4 +13,5 @@ export declare type RadioButtonProps = {
     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 CHANGED Viewed

@@ -16,7 +16,7 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
   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+PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcblxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5idXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcImlucHV0Om5vdCg6Y2hlY2tlZCkgKyAmXCI6IHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsIDEwKSAtIDFcbiAgICB9cHhgLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICB9LFxuXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG5cbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBSYWRpb0J1dHRvbih7XG4gIG5hbWUsXG4gIHZhbHVlID0gXCJcIixcbiAgY2hlY2tlZCA9IHVuZGVmaW5lZCxcbiAgbGFiZWwgPSBcIlwiLFxuICBpY29uLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DbGljayxcbiAgb25CbHVyLFxuICBvbkZvY3VzLFxuICAuLi5yZXN0XG59OiBSYWRpb0J1dHRvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZHMtaWQ9XCJSYWRpb0J1dHRvblwiIHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgLz5cbiAgICAgICAgPFN0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtpY29uICYmIDxJY29uIG5hbWU9e2ljb259IC8+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6IlJhZGlvQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgUmFkaW9CdXR0b25Qcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFJhZGlvQnV0dG9uUHJvcHM+PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcblxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5idXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcImlucHV0Om5vdCg6Y2hlY2tlZCkgKyAmXCI6IHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsIDEwKSAtIDFcbiAgICB9cHhgLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICB9LFxuXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG5cbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbi8qKiBAZGVwcmVjYXRlZCBVc2UgUmFkaW8gb3IgU2VnbWVudGVkQ29udHJvbCBjb21wb25lbnQgaW5zdGVhZCAqL1xuZXhwb3J0IGZ1bmN0aW9uIFJhZGlvQnV0dG9uKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGljb24sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIC4uLnJlc3Rcbn06IFJhZGlvQnV0dG9uUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIlJhZGlvQnV0dG9uXCIgey4uLnJlc3R9IGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkRmFrZUlucHV0PlxuICAgICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAge2ljb24gJiYgPEljb24gbmFtZT17aWNvbn0gLz59XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
 const StyledRealInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
   target: "ecpa6et1"
 } : {
@@ -28,7 +28,7 @@ const StyledRealInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "
   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+PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcblxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5idXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcImlucHV0Om5vdCg6Y2hlY2tlZCkgKyAmXCI6IHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsIDEwKSAtIDFcbiAgICB9cHhgLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICB9LFxuXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG5cbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBSYWRpb0J1dHRvbih7XG4gIG5hbWUsXG4gIHZhbHVlID0gXCJcIixcbiAgY2hlY2tlZCA9IHVuZGVmaW5lZCxcbiAgbGFiZWwgPSBcIlwiLFxuICBpY29uLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DbGljayxcbiAgb25CbHVyLFxuICBvbkZvY3VzLFxuICAuLi5yZXN0XG59OiBSYWRpb0J1dHRvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZHMtaWQ9XCJSYWRpb0J1dHRvblwiIHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgLz5cbiAgICAgICAgPFN0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtpY29uICYmIDxJY29uIG5hbWU9e2ljb259IC8+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QndCIiwiZmlsZSI6IlJhZGlvQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgUmFkaW9CdXR0b25Qcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFJhZGlvQnV0dG9uUHJvcHM+PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcblxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5idXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcImlucHV0Om5vdCg6Y2hlY2tlZCkgKyAmXCI6IHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsIDEwKSAtIDFcbiAgICB9cHhgLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICB9LFxuXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG5cbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbi8qKiBAZGVwcmVjYXRlZCBVc2UgUmFkaW8gb3IgU2VnbWVudGVkQ29udHJvbCBjb21wb25lbnQgaW5zdGVhZCAqL1xuZXhwb3J0IGZ1bmN0aW9uIFJhZGlvQnV0dG9uKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGljb24sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIC4uLnJlc3Rcbn06IFJhZGlvQnV0dG9uUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIlJhZGlvQnV0dG9uXCIgey4uLnJlc3R9IGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkRmFrZUlucHV0PlxuICAgICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAge2ljb24gJiYgPEljb24gbmFtZT17aWNvbn0gLz59XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
 const StyledFakeInput = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ecpa6et0"
 } : {
@@ -90,7 +90,9 @@ const StyledFakeInput = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
       }
     }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3dCIiwiZmlsZSI6IlJhZGlvQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgUmFkaW9CdXR0b25Qcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFJhZGlvQnV0dG9uUHJvcHM+PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcblxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5idXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcImlucHV0Om5vdCg6Y2hlY2tlZCkgKyAmXCI6IHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsIDEwKSAtIDFcbiAgICB9cHhgLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICB9LFxuXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG5cbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBSYWRpb0J1dHRvbih7XG4gIG5hbWUsXG4gIHZhbHVlID0gXCJcIixcbiAgY2hlY2tlZCA9IHVuZGVmaW5lZCxcbiAgbGFiZWwgPSBcIlwiLFxuICBpY29uLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DbGljayxcbiAgb25CbHVyLFxuICBvbkZvY3VzLFxuICAuLi5yZXN0XG59OiBSYWRpb0J1dHRvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZHMtaWQ9XCJSYWRpb0J1dHRvblwiIHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgLz5cbiAgICAgICAgPFN0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtpY29uICYmIDxJY29uIG5hbWU9e2ljb259IC8+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3dCIiwiZmlsZSI6IlJhZGlvQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgUmFkaW9CdXR0b25Qcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFJhZGlvQnV0dG9uUHJvcHM+PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5idXR0b24ubSxcblxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5idXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmJ1dHRvbi5tLFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcImlucHV0Om5vdCg6Y2hlY2tlZCkgKyAmXCI6IHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgcGFkZGluZzogYCR7cGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLCAxMCkgLSAxfXB4ICR7XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsIDEwKSAtIDFcbiAgICB9cHhgLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICB9LFxuXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG5cbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnByaW1hcnkuYmFzZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24ucHJpbWFyeS5iYXNlLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbi8qKiBAZGVwcmVjYXRlZCBVc2UgUmFkaW8gb3IgU2VnbWVudGVkQ29udHJvbCBjb21wb25lbnQgaW5zdGVhZCAqL1xuZXhwb3J0IGZ1bmN0aW9uIFJhZGlvQnV0dG9uKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGljb24sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIC4uLnJlc3Rcbn06IFJhZGlvQnV0dG9uUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIlJhZGlvQnV0dG9uXCIgey4uLnJlc3R9IGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkRmFrZUlucHV0PlxuICAgICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAge2ljb24gJiYgPEljb24gbmFtZT17aWNvbn0gLz59XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+/** @deprecated Use Radio or SegmentedControl component instead */
 function RadioButton(_ref2) {
   let {
     name,

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

	@@ -1 +1 @@
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\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\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\",\n padding: `${parseInt(theme.variables.size.spacing.s, 10) - 1}px ${\n parseInt(theme.variables.size.spacing.l, 10) - 1\n }px`,\n backgroundColor: theme.values.color.background.button.secondary.base,\n borderColor: theme.values.color.border.button.secondary.base,\n color: theme.values.color.text.button.secondary.base,\n\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button.secondary.hover,\n borderColor: theme.values.color.border.button.secondary.hover,\n color: theme.values.color.text.button.secondary.hover,\n },\n\n \"&:active\": {\n backgroundColor: theme.values.color.background.button.secondary.active,\n borderColor: theme.values.color.border.button.secondary.active,\n color: theme.values.color.text.button.secondary.active,\n },\n },\n \"input:checked + & \": {\n border: 0,\n padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,\n backgroundColor: theme.values.color.background.button.primary.base,\n color: theme.values.color.text.button.primary.base,\n\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button.primary.base,\n color: theme.values.color.text.button.primary.base,\n },\n\n \"&:active\": {\n backgroundColor: theme.values.color.background.button.primary.base,\n color: theme.values.color.text.button.primary.base,\n },\n },\n}));\n\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","outlineWidth","outlineStyle","outlineColor","border","padding","parseInt","spacing","s","l","backgroundColor","values","color","background","secondary","base","borderColor","text","hover","active","primary","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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"}
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\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\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\",\n padding: `${parseInt(theme.variables.size.spacing.s, 10) - 1}px ${\n parseInt(theme.variables.size.spacing.l, 10) - 1\n }px`,\n backgroundColor: theme.values.color.background.button.secondary.base,\n borderColor: theme.values.color.border.button.secondary.base,\n color: theme.values.color.text.button.secondary.base,\n\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button.secondary.hover,\n borderColor: theme.values.color.border.button.secondary.hover,\n color: theme.values.color.text.button.secondary.hover,\n },\n\n \"&:active\": {\n backgroundColor: theme.values.color.background.button.secondary.active,\n borderColor: theme.values.color.border.button.secondary.active,\n color: theme.values.color.text.button.secondary.active,\n },\n },\n \"input:checked + & \": {\n border: 0,\n padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,\n backgroundColor: theme.values.color.background.button.primary.base,\n color: theme.values.color.text.button.primary.base,\n\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button.primary.base,\n color: theme.values.color.text.button.primary.base,\n },\n\n \"&:active\": {\n backgroundColor: theme.values.color.background.button.primary.base,\n color: theme.values.color.text.button.primary.base,\n },\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","outlineWidth","outlineStyle","outlineColor","border","padding","parseInt","spacing","s","l","backgroundColor","values","color","background","secondary","base","borderColor","text","hover","active","primary","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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,119 @@
+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.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.medium.value}px)`]: {
+      ...borderRightStyle
+    },
+    // Layout on mobile
+    [`@media (max-width: ${breakpoints.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("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,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.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

package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SegmentedControl.js","sources":["../../../../../../src/components/Form/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { SegmentedControlOption } from \"./SegmentedControlOption\";\nimport breakpoints from \"../../../../build-tokens/_breakpoints.json\";\n\nexport type SegmentedControlOption = {\n name: string;\n label: string;\n value: string;\n sublabel?: string;\n displayAsOptionWithSublabel?: boolean;\n onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n};\n\nexport type SegmentedControlProps = {\n /**\n * Meta data for options\n * @param name - Name for radio input\n * @param label - Label for display\n * @param value - Value for radio input\n * @param sublabel - Sublabel displayed below label (Optional)\n * @param displayAsOptionWithSublabel - Set this to true if no sublabel is available, but option is displayed as one with sublabel\n */\n options: SegmentedControlOption[];\n /** Current selected value */\n value: string;\n /** Justified layout, with equal size segments spanning to container width */\n justified?: boolean;\n /** Segment size, not applicable on mobile breakpoint */\n size?: \"s\" | \"m\" | \"l\";\n onChange: (value: string) => void;\n} & FormFieldProps;\n\ntype StyledDividerProps = {\n isChecked: boolean;\n} & Pick<SegmentedControlProps, \"justified\">;\n\nconst StyledDivider = styled.div<StyledDividerProps>(\n ({ theme, isChecked, justified }) => {\n const border = `1px solid ${theme.values.color.border.segmentedControlOption.default}`;\n const checkedStyle = isChecked && {\n borderColor: theme.values.color.border.segmentedControlOption.checked,\n };\n\n const borderRightStyle = {\n borderRight: border,\n ...checkedStyle,\n };\n\n if (!justified) {\n return borderRightStyle;\n }\n\n return {\n // Layout on tablet and desktop\n [`@media (min-width: ${breakpoints.medium.value}px)`]: {\n ...borderRightStyle,\n },\n\n // Layout on mobile\n [`@media (max-width: ${breakpoints.medium.value}px)`]: {\n borderBottom: border,\n ...checkedStyle,\n },\n };\n }\n);\n\ntype StyledContainerProps = Pick<\n SegmentedControlProps,\n \"justified\" | \"options\"\n>;\n\nconst StyledContainer = styled.div<StyledContainerProps>(\n ({ justified, options }) => {\n const baseStyle = {\n display: \"flex\",\n };\n\n if (!justified) {\n return baseStyle;\n }\n\n return {\n ...baseStyle,\n flexDirection: \"column\",\n\n \"& > *\": {\n flex: `1 1 ${100 / options.length}%`,\n },\n\n [`& > ${StyledDivider}`]: {\n flex: \"0 0 auto\",\n },\n\n // Layout on tablet and desktop\n [`@media (min-width: ${breakpoints.medium.value}px)`]: {\n flexDirection: \"row\",\n },\n };\n }\n);\n\nexport function SegmentedControl({\n options,\n value,\n disabled,\n justified,\n size = \"m\",\n onChange,\n ...rest\n}: SegmentedControlProps): React.ReactElement {\n const handleChange: React.FormEventHandler<HTMLInputElement> = (evt) => {\n onChange((evt.target as HTMLInputElement).value);\n };\n\n const optionElms = options.map(\n ({ value: optionValue, ...otherProps }, index) => {\n const isChecked = value === optionValue;\n const dividerElm =\n index !== 0 ? (\n <StyledDivider isChecked={isChecked} justified={justified} />\n ) : null;\n\n return (\n <React.Fragment key={optionValue}>\n {dividerElm}\n <SegmentedControlOption\n value={optionValue}\n size={size}\n checked={isChecked}\n isResponsive={justified}\n disabled={disabled}\n onChange={handleChange}\n {...otherProps}\n />\n </React.Fragment>\n );\n }\n );\n\n return (\n <FormField data-ds-id=\"SegmentedControl\" {...rest} disabled={disabled}>\n <StyledContainer justified={justified} options={options}>\n {optionElms}\n </StyledContainer>\n </FormField>\n );\n}\n/* eslint-enable react/jsx-props-no-spreading */\n"],"names":["StyledDivider","_styled","process","env","NODE_ENV","target","label","_ref","theme","isChecked","justified","border","values","color","segmentedControlOption","default","checkedStyle","borderColor","checked","borderRightStyle","borderRight","breakpoints","medium","value","borderBottom","StyledContainer","_ref2","options","baseStyle","display","flexDirection","flex","length","SegmentedControl","_ref3","disabled","size","onChange","rest","handleChange","evt","optionElms","map","_ref4","index","optionValue","otherProps","dividerElm","React","createElement","Fragment","key","SegmentedControlOption","_extends","isResponsive","FormField"],"mappings":"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"}

package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from "react";
+import type { SegmentedControlOption, SegmentedControlProps } from "./SegmentedControl";
+export declare type SegmentedControlOptionProps = Pick<SegmentedControlProps, "size" | "disabled"> & SegmentedControlOption & {
+    checked: boolean | undefined;
+    isResponsive?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+};
+export declare function SegmentedControlOption({ name, value, checked, label, sublabel, size, disabled, isResponsive, displayAsOptionWithSublabel, onChange, onClick, onBlur, onFocus, }: SegmentedControlOptionProps): React.ReactElement;