@amboss/design-system 1.15.2 → 1.15.3

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

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

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

@@ -0,0 +1,172 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { FormField } from '../FormField/FormField.js';
+import { Inline } from '../../Inline/Inline.js';
+import { Text } from '../../Typography/Text/Text.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13rhokn3"
+} : {
+  target: "e13rhokn3",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme,
+    size,
+    disabled
+  } = _ref;
+  return {
+    display: "block",
+    position: "relative",
+    width: theme.variables.size.dimension.toggle.width[size],
+    height: theme.variables.size.dimension.togglePoint[size],
+    boxSizing: "border-box",
+    cursor: disabled ? "default" : "pointer"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3dCIiwiZmlsZSI6IlRvZ2dsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkLCBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgVG9nZ2xlU2l6ZSwgSG9yaXpvbnRhbEFsaWdubWVudCB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9nZ2xlUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNpemUsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjdXJzb3I6IGRpc2FibGVkID8gXCJkZWZhdWx0XCIgOiBcInBvaW50ZXJcIixcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZFJlYWxJbnB1dCA9IHN0eWxlZC5pbnB1dDxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0SW5uZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9nZ2xlUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIG1hcmdpbjpcbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSwgMTApIC9cbiAgICAgIChzaXplID09PSBcIm1cIiA/IDQgOiAyKSxcbiAgICBib3JkZXJSYWRpdXM6XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvIDIsXG4gICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIixcbiAgICB0cmFuc2l0aW9uOiBcInRyYW5zZm9ybSAwLjJzIGxpbmVhclwiLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRlZmF1bHQsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRGYWtlSW5wdXQgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9nZ2xlUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNpemUsIGlzSGlnaGxpZ2h0ZWQgfSkgPT4ge1xuICAgIGNvbnN0IHBvaW50TWFyZ2luID1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSwgMTApIC9cbiAgICAgIChzaXplID09PSBcIm1cIiA/IDQgOiAyKTtcbiAgICBjb25zdCBwb2ludFRyYW5zbGF0ZVggPVxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZS53aWR0aFtzaXplXSwgMTApIC1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSwgMTApIC1cbiAgICAgIDIgKiBwb2ludE1hcmdpbiAtXG4gICAgICAyO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZS53aWR0aFtzaXplXSxcbiAgICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZS5oZWlnaHRbc2l6ZV0sXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy50b2dnbGVbc2l6ZV0sXG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4ycyBsaW5lYXIsIGJvcmRlci1jb2xvciAwLjJzIGxpbmVhclwiLFxuICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgYm9yZGVyQ29sb3I6IGlzSGlnaGxpZ2h0ZWRcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IudG9nZ2xlLmJvcmRlci5oaWdobGlnaHRcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJhY2tncm91bmQ6IGlzSGlnaGxpZ2h0ZWRcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IudG9nZ2xlLmJhY2tncm91bmQuaGlnaGxpZ2h0XG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgICBtYXJnaW5Ub3A6IDIsXG4gICAgICB9KSxcbiAgICAgIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICAgIFtgJHtTdHlsZWRGYWtlSW5wdXRJbm5lcn1gXToge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtwb2ludFRyYW5zbGF0ZVh9cHgpYCxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICB9LFxuICAgICAgXCJpbnB1dDpmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICAgIG91dGxpbmVXaWR0aDogMixcbiAgICAgICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgICAgIG91dGxpbmVDb2xvcjogXCJIaWdobGlnaHRcIixcbiAgICAgIH0sXG4gICAgICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKVwiOiB7XG4gICAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCB0eXBlIFRvZ2dsZVByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgc2l6ZT86IFRvZ2dsZVNpemU7XG4gIGlzSGlnaGxpZ2h0ZWQ/OiBib29sZWFuO1xuICBhbGlnbkl0ZW1zPzogSG9yaXpvbnRhbEFsaWdubWVudDtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmV4cG9ydCBmdW5jdGlvbiBUb2dnbGUoe1xuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGxhYmVsID0gXCJcIixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgc2l6ZSA9IFwibVwiLFxuICBpc0hpZ2hsaWdodGVkID0gZmFsc2UsXG4gIGFsaWduSXRlbXMgPSBcImxlZnRcIixcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFRvZ2dsZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3Qgc3BhY2luZyA9IHNpemUgPT09IFwic1wiID8gXCJ4c1wiIDogXCJtXCI7XG4gIGNvbnN0IGxhYmVsQ29sb3IgPSBzaXplID09PSBcInNcIiA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwiO1xuICBjb25zdCBsYWJlbFdlaWdodCA9IHNpemUgPT09IFwic1wiID8gXCJib2xkXCIgOiBcIm5vcm1hbFwiO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZFxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUb2dnbGVcIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAgPElubGluZSBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfSBzcGFjZT17c3BhY2luZ30gdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPFRleHQgc2l6ZT17c2l6ZX0gY29sb3I9e2xhYmVsQ29sb3J9IHdlaWdodD17bGFiZWxXZWlnaHR9PlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lciBzaXplPXtzaXplfSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8U3R5bGVkRmFrZUlucHV0IHNpemU9e3NpemV9IGlzSGlnaGxpZ2h0ZWQ9e2lzSGlnaGxpZ2h0ZWR9PlxuICAgICAgICAgICAgPFN0eWxlZEZha2VJbnB1dElubmVyIHNpemU9e3NpemV9IC8+XG4gICAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+const StyledRealInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e13rhokn2"
+} : {
+  target: "e13rhokn2",
+  label: "StyledRealInput"
+})(() => ({
+  opacity: 0,
+  height: 0,
+  width: 0,
+  position: "absolute"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0J3QiIsImZpbGUiOiJUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IFRvZ2dsZVNpemUsIEhvcml6b250YWxBbGlnbm1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVQcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dElubmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBtYXJnaW46XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMiksXG4gICAgYm9yZGVyUmFkaXVzOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLyAyLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDApXCIsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4ycyBsaW5lYXJcIixcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5vbkFjY2VudC5kZWZhdWx0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBpc0hpZ2hsaWdodGVkIH0pID0+IHtcbiAgICBjb25zdCBwb2ludE1hcmdpbiA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMik7XG4gICAgY29uc3QgcG9pbnRUcmFuc2xhdGVYID1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sIDEwKSAtXG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAtXG4gICAgICAyICogcG9pbnRNYXJnaW4gLVxuICAgICAgMjtcblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sXG4gICAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUuaGVpZ2h0W3NpemVdLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlW3NpemVdLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgbGluZWFyLCBib3JkZXItY29sb3IgMC4ycyBsaW5lYXJcIixcbiAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgIGJvcmRlckNvbG9yOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRvZ2dsZS5ib3JkZXIuaGlnaGxpZ2h0XG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRvZ2dsZS5iYWNrZ3JvdW5kLmhpZ2hsaWdodFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgICAgbWFyZ2luVG9wOiAyLFxuICAgICAgfSksXG4gICAgICBcImlucHV0OmNoZWNrZWQgKyAmXCI6IHtcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICAgICAgICBbYCR7U3R5bGVkRmFrZUlucHV0SW5uZXJ9YF06IHtcbiAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7cG9pbnRUcmFuc2xhdGVYfXB4KWAsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmRpc2FibGVkICsgJlwiOiB7XG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICBvdXRsaW5lV2lkdGg6IDIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gICAgICB9LFxuICAgICAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMClcIjoge1xuICAgICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBUb2dnbGVQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNpemU/OiBUb2dnbGVTaXplO1xuICBpc0hpZ2hsaWdodGVkPzogYm9vbGVhbjtcbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxIaW50XCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHNpemUgPSBcIm1cIixcbiAgaXNIaWdobGlnaHRlZCA9IGZhbHNlLFxuICBhbGlnbkl0ZW1zID0gXCJsZWZ0XCIsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNwYWNpbmcgPSBzaXplID09PSBcInNcIiA/IFwieHNcIiA6IFwibVwiO1xuICBjb25zdCBsYWJlbENvbG9yID0gc2l6ZSA9PT0gXCJzXCIgPyBcInRlcnRpYXJ5XCIgOiBcInByaW1hcnlcIjtcbiAgY29uc3QgbGFiZWxXZWlnaHQgPSBzaXplID09PSBcInNcIiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz17YWxpZ25JdGVtc30gc3BhY2U9e3NwYWNpbmd9IHZBbGlnbkl0ZW1zPVwidG9wXCIgbm9XcmFwPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0IHNpemU9e3NpemV9IGNvbG9yPXtsYWJlbENvbG9yfSB3ZWlnaHQ9e2xhYmVsV2VpZ2h0fT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgc2l6ZT17c2l6ZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dCBzaXplPXtzaXplfSBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfT5cbiAgICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXRJbm5lciBzaXplPXtzaXplfSAvPlxuICAgICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const StyledFakeInputInner = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13rhokn1"
+} : {
+  target: "e13rhokn1",
+  label: "StyledFakeInputInner"
+})(_ref2 => {
+  let {
+    theme,
+    size
+  } = _ref2;
+  return {
+    width: theme.variables.size.dimension.togglePoint[size],
+    height: theme.variables.size.dimension.togglePoint[size],
+    margin: parseInt(theme.variables.size.dimension.togglePoint[size], 10) / (size === "m" ? 4 : 2),
+    borderRadius: parseInt(theme.variables.size.dimension.togglePoint[size], 10) / 2,
+    transform: "translateX(0)",
+    transition: "transform 0.2s linear",
+    background: theme.values.color.background.onAccent.default
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkI2QiIsImZpbGUiOiJUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IFRvZ2dsZVNpemUsIEhvcml6b250YWxBbGlnbm1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVQcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dElubmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBtYXJnaW46XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMiksXG4gICAgYm9yZGVyUmFkaXVzOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLyAyLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDApXCIsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4ycyBsaW5lYXJcIixcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5vbkFjY2VudC5kZWZhdWx0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBpc0hpZ2hsaWdodGVkIH0pID0+IHtcbiAgICBjb25zdCBwb2ludE1hcmdpbiA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMik7XG4gICAgY29uc3QgcG9pbnRUcmFuc2xhdGVYID1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sIDEwKSAtXG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAtXG4gICAgICAyICogcG9pbnRNYXJnaW4gLVxuICAgICAgMjtcblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sXG4gICAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUuaGVpZ2h0W3NpemVdLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlW3NpemVdLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgbGluZWFyLCBib3JkZXItY29sb3IgMC4ycyBsaW5lYXJcIixcbiAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgIGJvcmRlckNvbG9yOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRvZ2dsZS5ib3JkZXIuaGlnaGxpZ2h0XG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRvZ2dsZS5iYWNrZ3JvdW5kLmhpZ2hsaWdodFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgICAgbWFyZ2luVG9wOiAyLFxuICAgICAgfSksXG4gICAgICBcImlucHV0OmNoZWNrZWQgKyAmXCI6IHtcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICAgICAgICBbYCR7U3R5bGVkRmFrZUlucHV0SW5uZXJ9YF06IHtcbiAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7cG9pbnRUcmFuc2xhdGVYfXB4KWAsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmRpc2FibGVkICsgJlwiOiB7XG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICBvdXRsaW5lV2lkdGg6IDIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gICAgICB9LFxuICAgICAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMClcIjoge1xuICAgICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBUb2dnbGVQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNpemU/OiBUb2dnbGVTaXplO1xuICBpc0hpZ2hsaWdodGVkPzogYm9vbGVhbjtcbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxIaW50XCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHNpemUgPSBcIm1cIixcbiAgaXNIaWdobGlnaHRlZCA9IGZhbHNlLFxuICBhbGlnbkl0ZW1zID0gXCJsZWZ0XCIsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNwYWNpbmcgPSBzaXplID09PSBcInNcIiA/IFwieHNcIiA6IFwibVwiO1xuICBjb25zdCBsYWJlbENvbG9yID0gc2l6ZSA9PT0gXCJzXCIgPyBcInRlcnRpYXJ5XCIgOiBcInByaW1hcnlcIjtcbiAgY29uc3QgbGFiZWxXZWlnaHQgPSBzaXplID09PSBcInNcIiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz17YWxpZ25JdGVtc30gc3BhY2U9e3NwYWNpbmd9IHZBbGlnbkl0ZW1zPVwidG9wXCIgbm9XcmFwPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0IHNpemU9e3NpemV9IGNvbG9yPXtsYWJlbENvbG9yfSB3ZWlnaHQ9e2xhYmVsV2VpZ2h0fT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgc2l6ZT17c2l6ZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dCBzaXplPXtzaXplfSBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfT5cbiAgICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXRJbm5lciBzaXplPXtzaXplfSAvPlxuICAgICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const StyledFakeInput = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13rhokn0"
+} : {
+  target: "e13rhokn0",
+  label: "StyledFakeInput"
+})(_ref3 => {
+  let {
+    theme,
+    size,
+    isHighlighted
+  } = _ref3;
+  const pointMargin = parseInt(theme.variables.size.dimension.togglePoint[size], 10) / (size === "m" ? 4 : 2);
+  const pointTranslateX = parseInt(theme.variables.size.dimension.toggle.width[size], 10) - parseInt(theme.variables.size.dimension.togglePoint[size], 10) - 2 * pointMargin - 2;
+  return {
+    boxSizing: "border-box",
+    width: theme.variables.size.dimension.toggle.width[size],
+    height: theme.variables.size.dimension.toggle.height[size],
+    borderRadius: theme.variables.size.borderRadius.toggle[size],
+    display: "flex",
+    alignItems: "center",
+    transition: "background-color 0.2s linear, border-color 0.2s linear",
+    border: "1px solid",
+    borderColor: isHighlighted ? theme.values.color.toggle.border.highlight : theme.values.color.border.primary.default,
+    background: isHighlighted ? theme.values.color.toggle.background.highlight : theme.values.color.border.primary.default,
+    ...(size === "s" && {
+      marginTop: 2
+    }),
+    "input:checked + &": {
+      border: "1px solid",
+      borderColor: theme.values.color.background.accent.default,
+      background: theme.values.color.background.accent.default,
+      [`${StyledFakeInputInner}`]: {
+        transform: `translateX(${pointTranslateX}px)`
+      },
+      "&:hover": {
+        borderColor: theme.values.color.background.accent.hover
+      }
+    },
+    "input:disabled + &": {
+      pointerEvents: "none"
+    },
+    "input:focus-visible + &": {
+      outlineWidth: 2,
+      outlineStyle: "solid",
+      outlineColor: "Highlight"
+    },
+    "@media (-webkit-min-device-pixel-ratio: 0)": {
+      "input:focus-visible + &": {
+        outlineColor: "-webkit-focus-ring-color",
+        outlineStyle: "auto"
+      }
+    },
+    "&:hover": {
+      borderColor: theme.values.color.background.accent.hover
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEN3QiIsImZpbGUiOiJUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IFRvZ2dsZVNpemUsIEhvcml6b250YWxBbGlnbm1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVQcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dElubmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBtYXJnaW46XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMiksXG4gICAgYm9yZGVyUmFkaXVzOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLyAyLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDApXCIsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4ycyBsaW5lYXJcIixcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5vbkFjY2VudC5kZWZhdWx0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBpc0hpZ2hsaWdodGVkIH0pID0+IHtcbiAgICBjb25zdCBwb2ludE1hcmdpbiA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMik7XG4gICAgY29uc3QgcG9pbnRUcmFuc2xhdGVYID1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sIDEwKSAtXG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAtXG4gICAgICAyICogcG9pbnRNYXJnaW4gLVxuICAgICAgMjtcblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sXG4gICAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUuaGVpZ2h0W3NpemVdLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlW3NpemVdLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgbGluZWFyLCBib3JkZXItY29sb3IgMC4ycyBsaW5lYXJcIixcbiAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgIGJvcmRlckNvbG9yOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRvZ2dsZS5ib3JkZXIuaGlnaGxpZ2h0XG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRvZ2dsZS5iYWNrZ3JvdW5kLmhpZ2hsaWdodFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgICAgbWFyZ2luVG9wOiAyLFxuICAgICAgfSksXG4gICAgICBcImlucHV0OmNoZWNrZWQgKyAmXCI6IHtcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICAgICAgICBbYCR7U3R5bGVkRmFrZUlucHV0SW5uZXJ9YF06IHtcbiAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7cG9pbnRUcmFuc2xhdGVYfXB4KWAsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmRpc2FibGVkICsgJlwiOiB7XG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICBvdXRsaW5lV2lkdGg6IDIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gICAgICB9LFxuICAgICAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMClcIjoge1xuICAgICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBUb2dnbGVQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNpemU/OiBUb2dnbGVTaXplO1xuICBpc0hpZ2hsaWdodGVkPzogYm9vbGVhbjtcbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxIaW50XCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHNpemUgPSBcIm1cIixcbiAgaXNIaWdobGlnaHRlZCA9IGZhbHNlLFxuICBhbGlnbkl0ZW1zID0gXCJsZWZ0XCIsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNwYWNpbmcgPSBzaXplID09PSBcInNcIiA/IFwieHNcIiA6IFwibVwiO1xuICBjb25zdCBsYWJlbENvbG9yID0gc2l6ZSA9PT0gXCJzXCIgPyBcInRlcnRpYXJ5XCIgOiBcInByaW1hcnlcIjtcbiAgY29uc3QgbGFiZWxXZWlnaHQgPSBzaXplID09PSBcInNcIiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz17YWxpZ25JdGVtc30gc3BhY2U9e3NwYWNpbmd9IHZBbGlnbkl0ZW1zPVwidG9wXCIgbm9XcmFwPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0IHNpemU9e3NpemV9IGNvbG9yPXtsYWJlbENvbG9yfSB3ZWlnaHQ9e2xhYmVsV2VpZ2h0fT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgc2l6ZT17c2l6ZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dCBzaXplPXtzaXplfSBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfT5cbiAgICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXRJbm5lciBzaXplPXtzaXplfSAvPlxuICAgICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+function Toggle(_ref4) {
+  let {
+    name,
+    value = "",
+    checked = undefined,
+    label = "",
+    disabled = false,
+    size = "m",
+    isHighlighted = false,
+    alignItems = "left",
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    "data-e2e-test-id": dataE2eTestId,
+    ...rest
+  } = _ref4;
+  const spacing = size === "s" ? "xs" : "m";
+  const labelColor = size === "s" ? "tertiary" : "primary";
+  const labelWeight = size === "s" ? "bold" : "normal";
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Toggle"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(Inline, {
+    alignItems: alignItems,
+    space: spacing,
+    vAlignItems: "top",
+    noWrap: true
+  }, label && /*#__PURE__*/React.createElement(Text, {
+    size: size,
+    color: labelColor,
+    weight: labelWeight
+  }, label), /*#__PURE__*/React.createElement(StyledContainer, {
+    size: size,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(StyledRealInput, {
+    type: "checkbox",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React.createElement(StyledFakeInput, {
+    size: size,
+    isHighlighted: isHighlighted
+  }, /*#__PURE__*/React.createElement(StyledFakeInputInner, {
+    size: size
+  })))));
+}
+
+export { Toggle };
+//# sourceMappingURL=Toggle.js.map

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

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

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

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

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

@@ -0,0 +1,136 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { FormField } from '../FormField/FormField.js';
+import { Inline } from '../../Inline/Inline.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yzh3fz3"
+} : {
+  target: "e1yzh3fz3",
+  label: "StyledContainer"
+})(() => ({
+  display: "inline-block"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0J3QiIsImZpbGUiOiJUb2dnbGVCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YkxhYmVsPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PEZvcm1GaWVsZFByb3BzLCBcImxhYmVsSGludFwiPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVCdXR0b25Qcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTGFiZWwgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICBcImlucHV0OmNoZWNrZWQgKyBkaXYgJlwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUb2dnbGVCdXR0b24oe1xuICBsYWJlbCxcbiAgc3ViTGFiZWwsXG4gIG5hbWUsXG4gIHZhbHVlID0gXCJcIixcbiAgY2hlY2tlZCA9IHVuZGVmaW5lZCxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFRvZ2dsZUJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRvZ2dsZUJ1dHRvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkRmFrZUlucHV0PlxuICAgICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICB7c3ViTGFiZWwgJiYgPFN0eWxlZFN1YkxhYmVsPntzdWJMYWJlbH08L1N0eWxlZFN1YkxhYmVsPn1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledRealInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e1yzh3fz2"
+} : {
+  target: "e1yzh3fz2",
+  label: "StyledRealInput"
+})(() => ({
+  opacity: 0,
+  cursor: "pointer",
+  height: 0,
+  width: 0,
+  position: "absolute"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3QiIsImZpbGUiOiJUb2dnbGVCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YkxhYmVsPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PEZvcm1GaWVsZFByb3BzLCBcImxhYmVsSGludFwiPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVCdXR0b25Qcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTGFiZWwgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICBcImlucHV0OmNoZWNrZWQgKyBkaXYgJlwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUb2dnbGVCdXR0b24oe1xuICBsYWJlbCxcbiAgc3ViTGFiZWwsXG4gIG5hbWUsXG4gIHZhbHVlID0gXCJcIixcbiAgY2hlY2tlZCA9IHVuZGVmaW5lZCxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFRvZ2dsZUJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRvZ2dsZUJ1dHRvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkRmFrZUlucHV0PlxuICAgICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICB7c3ViTGFiZWwgJiYgPFN0eWxlZFN1YkxhYmVsPntzdWJMYWJlbH08L1N0eWxlZFN1YkxhYmVsPn1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledFakeInput = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yzh3fz1"
+} : {
+  target: "e1yzh3fz1",
+  label: "StyledFakeInput"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    boxSizing: "border-box",
+    borderRadius: theme.variables.size.borderRadius.toggleButton.m,
+    border: "2px solid",
+    height: theme.variables.size.dimension.toggleButton.height.m,
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.toggleButton.m,
+    fontWeight: theme.variables.weight.bold,
+    lineHeight: theme.variables.size.lineHeight.toggleButton.m,
+    background: "transparent",
+    borderColor: theme.values.color.border.secondary.default,
+    color: theme.values.color.text.secondary.default,
+    "&:hover": {
+      borderColor: theme.values.color.border.primary.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"
+      }
+    },
+    "input:checked + &": {
+      borderColor: theme.values.color.background.highlight.default,
+      background: theme.values.color.background.highlight.default,
+      color: theme.values.color.text.onAccent.default,
+      "&:hover": {
+        borderColor: theme.values.color.background.highlight.hover,
+        background: theme.values.color.background.highlight.hover
+      }
+    },
+    "input:disabled + &": {
+      pointerEvents: "none"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N3QiIsImZpbGUiOiJUb2dnbGVCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YkxhYmVsPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PEZvcm1GaWVsZFByb3BzLCBcImxhYmVsSGludFwiPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVCdXR0b25Qcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTGFiZWwgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICBcImlucHV0OmNoZWNrZWQgKyBkaXYgJlwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUb2dnbGVCdXR0b24oe1xuICBsYWJlbCxcbiAgc3ViTGFiZWwsXG4gIG5hbWUsXG4gIHZhbHVlID0gXCJcIixcbiAgY2hlY2tlZCA9IHVuZGVmaW5lZCxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFRvZ2dsZUJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRvZ2dsZUJ1dHRvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkRmFrZUlucHV0PlxuICAgICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICB7c3ViTGFiZWwgJiYgPFN0eWxlZFN1YkxhYmVsPntzdWJMYWJlbH08L1N0eWxlZFN1YkxhYmVsPn1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledSubLabel = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yzh3fz0"
+} : {
+  target: "e1yzh3fz0",
+  label: "StyledSubLabel"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    color: theme.values.color.text.tertiary.default,
+    "input:checked + div &": {
+      color: theme.values.color.text.onAccent.default
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZ1QiIsImZpbGUiOiJUb2dnbGVCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YkxhYmVsPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PEZvcm1GaWVsZFByb3BzLCBcImxhYmVsSGludFwiPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVCdXR0b25Qcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTGFiZWwgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICBcImlucHV0OmNoZWNrZWQgKyBkaXYgJlwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUb2dnbGVCdXR0b24oe1xuICBsYWJlbCxcbiAgc3ViTGFiZWwsXG4gIG5hbWUsXG4gIHZhbHVlID0gXCJcIixcbiAgY2hlY2tlZCA9IHVuZGVmaW5lZCxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFRvZ2dsZUJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRvZ2dsZUJ1dHRvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkRmFrZUlucHV0PlxuICAgICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICB7c3ViTGFiZWwgJiYgPFN0eWxlZFN1YkxhYmVsPntzdWJMYWJlbH08L1N0eWxlZFN1YkxhYmVsPn1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+function ToggleButton(_ref3) {
+  let {
+    label,
+    subLabel,
+    name,
+    value = "",
+    checked = undefined,
+    disabled = false,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    "data-e2e-test-id": dataE2eTestId,
+    ...rest
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "ToggleButton"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React.createElement(StyledRealInput, {
+    type: "checkbox",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React.createElement(StyledFakeInput, null, /*#__PURE__*/React.createElement(Inline, {
+    space: "xxs",
+    noWrap: true
+  }, label, subLabel && /*#__PURE__*/React.createElement(StyledSubLabel, null, subLabel)))));
+}
+
+export { ToggleButton };
+//# sourceMappingURL=ToggleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../../../../../src/components/Form/ToggleButton/ToggleButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\n\nexport type ToggleButtonProps = {\n  label: string;\n  subLabel?: string;\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  disabled?: boolean;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nconst StyledContainer = styled.div(() => ({\n  display: \"inline-block\",\n}));\n\nconst StyledRealInput = styled.input<Partial<ToggleButtonProps>>(() => ({\n  opacity: 0,\n  cursor: \"pointer\",\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInput = styled.div(({ theme }) => ({\n  boxSizing: \"border-box\",\n  borderRadius: theme.variables.size.borderRadius.toggleButton.m,\n  border: \"2px solid\",\n  height: theme.variables.size.dimension.toggleButton.height.m,\n  cursor: \"pointer\",\n\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,\n  fontFamily: theme.variables.fontFamily.lato,\n  fontSize: theme.variables.size.font.toggleButton.m,\n  fontWeight: theme.variables.weight.bold,\n  lineHeight: theme.variables.size.lineHeight.toggleButton.m,\n\n  background: \"transparent\",\n  borderColor: theme.values.color.border.secondary.default,\n  color: theme.values.color.text.secondary.default,\n  \"&:hover\": {\n    borderColor: theme.values.color.border.primary.default,\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  \"input:checked + &\": {\n    borderColor: theme.values.color.background.highlight.default,\n    background: theme.values.color.background.highlight.default,\n    color: theme.values.color.text.onAccent.default,\n\n    \"&:hover\": {\n      borderColor: theme.values.color.background.highlight.hover,\n      background: theme.values.color.background.highlight.hover,\n    },\n  },\n  \"input:disabled + &\": {\n    pointerEvents: \"none\",\n  },\n}));\n\nconst StyledSubLabel = styled.div(({ theme }) => ({\n  color: theme.values.color.text.tertiary.default,\n  \"input:checked + div &\": {\n    color: theme.values.color.text.onAccent.default,\n  },\n}));\n\nexport function ToggleButton({\n  label,\n  subLabel,\n  name,\n  value = \"\",\n  checked = undefined,\n  disabled = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: ToggleButtonProps): React.ReactElement {\n  return (\n    <FormField\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"ToggleButton\"\n      {...rest}\n      disabled={disabled}\n    >\n      <StyledContainer data-e2e-test-id={dataE2eTestId}>\n        <StyledRealInput\n          type=\"checkbox\"\n          name={name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          onChange={onChange}\n          onClick={onClick}\n          onBlur={onBlur}\n          onFocus={onFocus}\n        />\n        <StyledFakeInput>\n          <Inline space=\"xxs\" noWrap>\n            {label}\n            {subLabel && <StyledSubLabel>{subLabel}</StyledSubLabel>}\n          </Inline>\n        </StyledFakeInput>\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","display","StyledRealInput","opacity","cursor","height","width","position","StyledFakeInput","_ref","theme","boxSizing","borderRadius","variables","size","toggleButton","m","border","dimension","alignItems","justifyContent","padding","spacing","zero","fontFamily","lato","fontSize","font","fontWeight","weight","bold","lineHeight","background","borderColor","values","color","secondary","default","text","primary","outlineWidth","outlineStyle","outlineColor","highlight","onAccent","hover","pointerEvents","StyledSubLabel","_ref2","tertiary","ToggleButton","_ref3","subLabel","name","value","checked","undefined","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","type","Inline","space","noWrap"],"mappings":";;;;;;AAoBA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACxCC,EAAAA,OAAO,EAAE,cAAA;AACX,CAAC,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qwKAAA,CAAA,CAAA;AAEH,MAAMI,eAAe,gBAAGP,OAAA,CAAA,OAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAyC,OAAO;AACtEG,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,KAAK,EAAE,CAAC;AACRC,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,CAAC,EAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qwKAAA,CAAA,CAAA;AAEH,MAAMU,eAAe,gBAAGb,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAWS,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACjDE,IAAAA,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAEF,KAAK,CAACG,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,YAAY,CAACC,CAAC;AAC9DC,IAAAA,MAAM,EAAE,WAAW;AACnBZ,IAAAA,MAAM,EAAEK,KAAK,CAACG,SAAS,CAACC,IAAI,CAACI,SAAS,CAACH,YAAY,CAACV,MAAM,CAACW,CAAC;AAC5DZ,IAAAA,MAAM,EAAE,SAAS;AAEjBH,IAAAA,OAAO,EAAE,MAAM;AACfkB,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAG,GAAEX,KAAK,CAACG,SAAS,CAACC,IAAI,CAACQ,OAAO,CAACC,IAAK,CAAGb,CAAAA,EAAAA,KAAK,CAACG,SAAS,CAACC,IAAI,CAACQ,OAAO,CAACN,CAAE,CAAC,CAAA;AACjFQ,IAAAA,UAAU,EAAEd,KAAK,CAACG,SAAS,CAACW,UAAU,CAACC,IAAI;IAC3CC,QAAQ,EAAEhB,KAAK,CAACG,SAAS,CAACC,IAAI,CAACa,IAAI,CAACZ,YAAY,CAACC,CAAC;AAClDY,IAAAA,UAAU,EAAElB,KAAK,CAACG,SAAS,CAACgB,MAAM,CAACC,IAAI;IACvCC,UAAU,EAAErB,KAAK,CAACG,SAAS,CAACC,IAAI,CAACiB,UAAU,CAAChB,YAAY,CAACC,CAAC;AAE1DgB,IAAAA,UAAU,EAAE,aAAa;IACzBC,WAAW,EAAEvB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAAClB,MAAM,CAACmB,SAAS,CAACC,OAAO;IACxDF,KAAK,EAAEzB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACF,SAAS,CAACC,OAAO;AAChD,IAAA,SAAS,EAAE;MACTJ,WAAW,EAAEvB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAAClB,MAAM,CAACsB,OAAO,CAACF,OAAAA;KAChD;AAED,IAAA,0BAA0B,EAAE;AAC1BG,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,YAAY,EAAE,OAAO;AACrBC,MAAAA,YAAY,EAAE,WAAA;KACf;AAED,IAAA,2CAA2C,EAAE;AAC3C,MAAA,0BAA0B,EAAE;AAC1BA,QAAAA,YAAY,EAAE,0BAA0B;AACxCD,QAAAA,YAAY,EAAE,MAAA;AAChB,OAAA;KACD;AAED,IAAA,mBAAmB,EAAE;MACnBR,WAAW,EAAEvB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACH,UAAU,CAACW,SAAS,CAACN,OAAO;MAC5DL,UAAU,EAAEtB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACH,UAAU,CAACW,SAAS,CAACN,OAAO;MAC3DF,KAAK,EAAEzB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACM,QAAQ,CAACP,OAAO;AAE/C,MAAA,SAAS,EAAE;QACTJ,WAAW,EAAEvB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACH,UAAU,CAACW,SAAS,CAACE,KAAK;QAC1Db,UAAU,EAAEtB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACH,UAAU,CAACW,SAAS,CAACE,KAAAA;AACtD,OAAA;KACD;AACD,IAAA,oBAAoB,EAAE;AACpBC,MAAAA,aAAa,EAAE,MAAA;AACjB,KAAA;GACD,CAAA;AAAA,CAAC,EAAAlD,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qwKAAA,CAAA,CAAA;AAEH,MAAMiD,cAAc,gBAAGpD,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAWgD,KAAA,IAAA;EAAA,IAAC;AAAEtC,IAAAA,KAAAA;AAAM,GAAC,GAAAsC,KAAA,CAAA;EAAA,OAAM;IAChDb,KAAK,EAAEzB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACW,QAAQ,CAACZ,OAAO;AAC/C,IAAA,uBAAuB,EAAE;MACvBF,KAAK,EAAEzB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACM,QAAQ,CAACP,OAAAA;AAC1C,KAAA;GACD,CAAA;AAAA,CAAC,EAAAzC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qwKAAA,CAAA,CAAA;AAEI,SAASoD,YAAYA,CAAAC,KAAA,EAac;EAAA,IAbb;IAC3BnD,KAAK;IACLoD,QAAQ;IACRC,IAAI;AACJC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,OAAO,GAAGC,SAAS;AACnBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,OAAO;AACP,IAAA,kBAAkB,EAAEC,aAAa;IACjC,GAAGC,IAAAA;AACc,GAAC,GAAAZ,KAAA,CAAA;AAClB,EAAA,oBACEa,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACR,IAAA,kBAAA,EAAkBL,aAAc;IAChC,YAAW,EAAA,cAAA;AAAc,GAAA,EACrBC,IAAI,EAAA;AACRN,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CAAA,eAEnBO,KAAA,CAAAC,aAAA,CAACvE,eAAe,EAAA;IAAC,kBAAkBoE,EAAAA,aAAAA;AAAc,GAAA,eAC/CE,KAAA,CAAAC,aAAA,CAAC/D,eAAe,EAAA;AACdkE,IAAAA,IAAI,EAAC,UAAU;AACff,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,OAAO,EAAEA,OAAQ;AACjBE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAClB,CAAC,eACFG,KAAA,CAAAC,aAAA,CAACzD,eAAe,EAAA,IAAA,eACdwD,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,EACvBvE,KAAK,EACLoD,QAAQ,iBAAIY,KAAA,CAAAC,aAAA,CAAClB,cAAc,QAAEK,QAAyB,CACjD,CACO,CACF,CACR,CAAC,CAAA;AAEhB;;;;"}

package/build/esm/src/components/Icon/Icon.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { IconsVariations, IconsColors } from "../../types";
+import icons from "../../../build-tokens/assets/icons.json";
+import icons16 from "../../../build-tokens/assets/icons16.json";
+export declare type IconName = keyof typeof icons;
+export declare type IconName16 = keyof typeof icons16;
+export declare type IconProps = {
+    /** Icon name */
+    name: IconName;
+    /** set to true to make the icon hoverable, pass a parent's ref to make the icon match the parent hover */
+    hoverable?: boolean | React.MutableRefObject<any>;
+    /** set to true to have an inline icon wrapped in a span instead of div */
+    inline?: boolean;
+    /** @deprecated variant, please use "color" prop instead */
+    variant?: IconsVariations;
+    /** Icon color can inherit parent style. */
+    color?: IconsColors;
+    size?: "s" | "m" | "l";
+    "data-e2e-test-id"?: string;
+    "data-testid"?: string;
+};
+export declare const Icon: ({ name, hoverable, inline, size, color, variant, "data-e2e-test-id": dataE2eTestId, "data-testid": dataTestId, }: IconProps) => React.ReactElement;