@amboss/design-system 1.15.2 → 1.15.3

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

@@ -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.secondary.default}`;\n    const baseStyles = {\n      backgroundColor: theme.values.color.background.primary.default,\n    };\n    const checkedStyle = isChecked && {\n      borderColor: theme.values.color.border.accentSubtle.default,\n    };\n\n    const borderRightStyle = {\n      borderRight: border,\n      ...baseStyles,\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        ...baseStyles,\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","secondary","default","baseStyles","backgroundColor","background","primary","checkedStyle","borderColor","accentSubtle","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","checked","isResponsive","FormField"],"mappings":"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"}

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

@@ -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;

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

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

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

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

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+declare type SelectOption = {
+    value: string;
+    label: string;
+} & Record<string, unknown>;
+export declare type SelectProps = {
+    name: string;
+    value: string;
+    placeholder?: string;
+    emptyStateMessage?: string;
+    hasError?: boolean;
+    disabled?: boolean;
+    options?: SelectOption[];
+    filterMethod?: (options: SelectOption, value: string) => boolean;
+    onChange?: (e: React.FormEvent<HTMLSelectElement>) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    maxHeight?: number;
+    autoComplete?: string;
+} & FormFieldProps;
+export declare function Select({ options, name, value, placeholder, emptyStateMessage, hasError, filterMethod, onChange, onBlur, onFocus, maxHeight, autoComplete, ...rest }: SelectProps): React.ReactElement;
+export {};