@amboss/design-system 1.15.2 → 1.15.3

package/build/esm/src/components/DropdownMenu/MenuItem.js

@@ -0,0 +1,97 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Icon } from '../Icon/Icon.js';
+import { Inline } from '../Inline/Inline.js';
+
+const StyledMenuItem = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1ggdt310"
+} : {
+  target: "e1ggdt310",
+  label: "StyledMenuItem"
+})(_ref => {
+  let {
+    theme,
+    size,
+    textVariant
+  } = _ref;
+  return {
+    "&[type='button']": {
+      appearance: "none",
+      MozAppearance: "none",
+      WebkitAppearance: "none"
+    },
+    display: "inline-block",
+    width: "100%",
+    border: 0,
+    color: theme.values.color.text.secondary.default,
+    backgroundColor: theme.values.color.background.primary.default,
+    textTransform: textVariant || "uppercase",
+    textDecoration: "none",
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.header.xxs,
+    lineHeight: theme.variables.size.lineHeight.header.xxs,
+    letterSpacing: 0.5,
+    fontWeight: theme.variables.weight.bold,
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: theme.values.color.background.secondary.hover
+    },
+    "&:active": {
+      color: theme.values.color.text.primary.default
+    },
+    "&:disabled": {
+      backgroundColor: theme.values.color.background.transparent.default,
+      // TODO gray.dark01-transparent
+      color: theme.values.color.text.tertiary.disabled
+    },
+    ...(size === "s" && {
+      padding: theme.variables.size.spacing.xs
+    }),
+    ...(size === "m" && {
+      padding: theme.variables.size.spacing.s
+    }),
+    ...(size === "l" && {
+      padding: theme.variables.size.spacing.m
+    }),
+    "&[disabled], &:disabled": {
+      pointerEvents: "none"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnVCIiwiZmlsZSI6Ik1lbnVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uU2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuXG5leHBvcnQgdHlwZSBNZW51SXRlbVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFRoZSB0ZXh0IGZvciB0aGUgbWVudSBpdGVtICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKiBUaGUgc2l6ZSBvZiB0aGUgbWVudSBpdGVtICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiogTWVudSBpdGVtIGRpc2FibGVkIHN0YXRlICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIE9uIHNlbGVjdCBtZW51IGl0ZW0gY2FsbGJhY2sgKi9cbiAgb25TZWxlY3Q6IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbj86IEljb25OYW1lO1xuICAvKiBFbXBoYXNpemVkIGJ5IFwiZmlsbGVkLWRvdFwiIHJpZ2h0IGljb24gKi9cbiAgZW1waGFzaXplZD86IGJvb2xlYW47XG4gIC8qIFRleHQgdHJhbnNmb3JtICh1cHBlcmNhc2UgYXMgZGVmYXVsdCkgKi9cbiAgdGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xufTtcblxuY29uc3QgU3R5bGVkTWVudUl0ZW0gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8TWVudUl0ZW1Qcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSwgdGV4dFZhcmlhbnQgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm9yZGVyOiAwLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICB0ZXh0VHJhbnNmb3JtOiB0ZXh0VmFyaWFudCB8fCBcInVwcGVyY2FzZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54eHMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICAgIGxldHRlclNwYWNpbmc6IDAuNSxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgfSxcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgLy8gVE9ETyBncmF5LmRhcmswMS10cmFuc3BhcmVudFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRpc2FibGVkLFxuICAgIH0sXG4gICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgIH0pLFxuICAgIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51SXRlbSh7XG4gIGxhYmVsLFxuICBzaXplID0gXCJtXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uU2VsZWN0LFxuICBpY29uLFxuICBlbXBoYXNpemVkID0gZmFsc2UsXG4gIHRleHRWYXJpYW50ID0gXCJ1cHBlcmNhc2VcIixcbiAgb25CbHVyLFxufTogTWVudUl0ZW1Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lbnVJdGVtXG4gICAgICBzaXplPXtzaXplfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICB0ZXh0VmFyaWFudD17dGV4dFZhcmlhbnR9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImxlZnRcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBuYW1lPXtpY29ufVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2BtZW51SXRlbS0ke2ljb259YH1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2BtZW51SXRlbS0ke2ljb259YH1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIHtlbXBoYXNpemVkICYmIChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgbmFtZT1cImZpbGxlZC1kb3RcIlxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJtZW51SXRlbS1lbXBoYXNpemVkXCJcbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9XCJtZW51SXRlbS1lbXBoYXNpemVkXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRNZW51SXRlbT5cbiAgKTtcbn1cbiJdfQ== */");
+function MenuItem(_ref2) {
+  let {
+    label,
+    size = "m",
+    disabled = false,
+    onSelect,
+    icon,
+    emphasized = false,
+    textVariant = "uppercase",
+    onBlur
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(StyledMenuItem, {
+    size: size,
+    disabled: disabled,
+    onClick: onSelect,
+    textVariant: textVariant,
+    onBlur: onBlur
+  }, /*#__PURE__*/React.createElement(Inline, {
+    vAlignItems: "center",
+    alignItems: "left",
+    space: "xxs",
+    noWrap: true
+  }, icon && /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: icon,
+    "data-testid": `menuItem-${icon}`,
+    "data-e2e-test-id": `menuItem-${icon}`
+  }), label, emphasized && /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: "filled-dot",
+    "data-testid": "menuItem-emphasized",
+    "data-e2e-test-id": "menuItem-emphasized"
+  })));
+}
+
+export { MenuItem };
+//# sourceMappingURL=MenuItem.js.map

package/build/esm/src/components/DropdownMenu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/DropdownMenu/MenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ButtonSize } from \"../../types\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\n\nexport type MenuItemProps = {\n  children?: React.ReactNode;\n  /** The text for the menu item */\n  label: string;\n  /** The size of the menu item */\n  size?: ButtonSize;\n  /** Menu item disabled state */\n  disabled?: boolean;\n  /** On select menu item callback */\n  onSelect: (e: React.MouseEvent) => void;\n  /* Icon name */\n  icon?: IconName;\n  /* Emphasized by \"filled-dot\" right icon */\n  emphasized?: boolean;\n  /* Text transform (uppercase as default) */\n  textVariant?: \"uppercase\" | \"capitalize\" | \"lowercase\" | \"none\";\n  onBlur?: (e: React.FocusEvent) => void;\n};\n\nconst StyledMenuItem = styled.button<Partial<MenuItemProps>>(\n  ({ theme, size, textVariant }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      MozAppearance: \"none\",\n      WebkitAppearance: \"none\",\n    },\n    display: \"inline-block\",\n    width: \"100%\",\n    border: 0,\n    color: theme.values.color.text.secondary.default,\n    backgroundColor: theme.values.color.background.primary.default,\n    textTransform: textVariant || \"uppercase\",\n    textDecoration: \"none\",\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.header.xxs,\n    lineHeight: theme.variables.size.lineHeight.header.xxs,\n    letterSpacing: 0.5,\n    fontWeight: theme.variables.weight.bold,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.secondary.hover,\n    },\n    \"&:active\": {\n      color: theme.values.color.text.primary.default,\n    },\n    \"&:disabled\": {\n      backgroundColor: theme.values.color.background.transparent.default,\n      // TODO gray.dark01-transparent\n      color: theme.values.color.text.tertiary.disabled,\n    },\n    ...(size === \"s\" && {\n      padding: theme.variables.size.spacing.xs,\n    }),\n    ...(size === \"m\" && {\n      padding: theme.variables.size.spacing.s,\n    }),\n    ...(size === \"l\" && {\n      padding: theme.variables.size.spacing.m,\n    }),\n    \"&[disabled], &:disabled\": {\n      pointerEvents: \"none\",\n    },\n  })\n);\n\nexport function MenuItem({\n  label,\n  size = \"m\",\n  disabled = false,\n  onSelect,\n  icon,\n  emphasized = false,\n  textVariant = \"uppercase\",\n  onBlur,\n}: MenuItemProps): React.ReactElement {\n  return (\n    <StyledMenuItem\n      size={size}\n      disabled={disabled}\n      onClick={onSelect}\n      textVariant={textVariant}\n      onBlur={onBlur}\n    >\n      <Inline vAlignItems=\"center\" alignItems=\"left\" space=\"xxs\" noWrap>\n        {icon && (\n          <Icon\n            size=\"s\"\n            name={icon}\n            data-testid={`menuItem-${icon}`}\n            data-e2e-test-id={`menuItem-${icon}`}\n          />\n        )}\n        {label}\n        {emphasized && (\n          <Icon\n            size=\"s\"\n            name=\"filled-dot\"\n            data-testid=\"menuItem-emphasized\"\n            data-e2e-test-id=\"menuItem-emphasized\"\n          />\n        )}\n      </Inline>\n    </StyledMenuItem>\n  );\n}\n"],"names":["StyledMenuItem","_styled","process","env","NODE_ENV","target","label","_ref","theme","size","textVariant","appearance","MozAppearance","WebkitAppearance","display","width","border","color","values","text","secondary","default","backgroundColor","background","primary","textTransform","textDecoration","fontFamily","variables","lato","fontSize","font","header","xxs","lineHeight","letterSpacing","fontWeight","weight","bold","cursor","hover","transparent","tertiary","disabled","padding","spacing","xs","s","m","pointerEvents","MenuItem","_ref2","onSelect","icon","emphasized","onBlur","React","createElement","onClick","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}

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

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

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

@@ -0,0 +1,140 @@
+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';
+import { Icon } from '../../Icon/Icon.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "es2dog22"
+} : {
+  target: "es2dog22",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    userSelect: "none",
+    display: "block",
+    position: "relative",
+    width: theme.variables.size.dimension.checkbox.m,
+    height: theme.variables.size.dimension.checkbox.m,
+    boxSizing: "border-box"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQndCIiwiZmlsZSI6IkNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuXG5leHBvcnQgdHlwZSBDaGVja2JveFByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbGFiZWw/OiBzdHJpbmcgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICBsYWJlbEhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jaGVja2JveC5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcblxuICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgb3V0bGluZVdpZHRoOiBcIjJweFwiLFxuICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgIG91dGxpbmVDb2xvcjogXCJIaWdobGlnaHRcIixcbiAgfSxcblxuICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgIH0sXG4gIH0sXG5cbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgfSxcblxuICAgIHN2Zzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrYm94KHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNoZWNrYm94XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxJbmxpbmUgc3BhY2U9XCJtXCIgdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9XCJjaGVja1wiIC8+XG4gICAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICB7dHlwZW9mIGxhYmVsID09PSBcInN0cmluZ1wiID8gPFRleHQ+e2xhYmVsfTwvVGV4dD4gOiBsYWJlbH1cbiAgICAgICAgICAgIHtsYWJlbEhpbnQgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwic1wiPlxuICAgICAgICAgICAgICAgIHtsYWJlbEhpbnR9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L0lubGluZT5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledRealInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "es2dog21"
+} : {
+  target: "es2dog21",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQndCIiwiZmlsZSI6IkNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuXG5leHBvcnQgdHlwZSBDaGVja2JveFByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbGFiZWw/OiBzdHJpbmcgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICBsYWJlbEhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jaGVja2JveC5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcblxuICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgb3V0bGluZVdpZHRoOiBcIjJweFwiLFxuICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgIG91dGxpbmVDb2xvcjogXCJIaWdobGlnaHRcIixcbiAgfSxcblxuICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgIH0sXG4gIH0sXG5cbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgfSxcblxuICAgIHN2Zzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrYm94KHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNoZWNrYm94XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxJbmxpbmUgc3BhY2U9XCJtXCIgdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9XCJjaGVja1wiIC8+XG4gICAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICB7dHlwZW9mIGxhYmVsID09PSBcInN0cmluZ1wiID8gPFRleHQ+e2xhYmVsfTwvVGV4dD4gOiBsYWJlbH1cbiAgICAgICAgICAgIHtsYWJlbEhpbnQgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwic1wiPlxuICAgICAgICAgICAgICAgIHtsYWJlbEhpbnR9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L0lubGluZT5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledFakeInput = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "es2dog20"
+} : {
+  target: "es2dog20",
+  label: "StyledFakeInput"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    boxSizing: "border-box",
+    width: theme.variables.size.dimension.checkbox.m,
+    height: theme.variables.size.dimension.checkbox.m,
+    borderRadius: theme.variables.size.borderRadius.checkbox.m,
+    border: "2px solid",
+    position: "absolute",
+    top: 0,
+    left: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer",
+    background: theme.values.color.background.primary.default,
+    color: theme.values.color.text.onAccent.default,
+    borderColor: theme.values.color.border.secondary.default,
+    "& svg": {
+      opacity: 0
+    },
+    "&:hover": {
+      borderColor: theme.values.color.background.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"
+      }
+    },
+    "input:checked + & ": {
+      border: 0,
+      background: theme.values.color.background.accent.default,
+      "&:hover": {
+        background: theme.values.color.background.accent.hover
+      },
+      svg: {
+        opacity: 1
+      }
+    },
+    "input:disabled + &": {
+      pointerEvents: "none"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3dCIiwiZmlsZSI6IkNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuXG5leHBvcnQgdHlwZSBDaGVja2JveFByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbGFiZWw/OiBzdHJpbmcgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICBsYWJlbEhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jaGVja2JveC5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcblxuICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgb3V0bGluZVdpZHRoOiBcIjJweFwiLFxuICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgIG91dGxpbmVDb2xvcjogXCJIaWdobGlnaHRcIixcbiAgfSxcblxuICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgIH0sXG4gIH0sXG5cbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgfSxcblxuICAgIHN2Zzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrYm94KHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNoZWNrYm94XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxJbmxpbmUgc3BhY2U9XCJtXCIgdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9XCJjaGVja1wiIC8+XG4gICAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICB7dHlwZW9mIGxhYmVsID09PSBcInN0cmluZ1wiID8gPFRleHQ+e2xhYmVsfTwvVGV4dD4gOiBsYWJlbH1cbiAgICAgICAgICAgIHtsYWJlbEhpbnQgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwic1wiPlxuICAgICAgICAgICAgICAgIHtsYWJlbEhpbnR9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L0lubGluZT5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+function Checkbox(_ref3) {
+  let {
+    name,
+    value = "",
+    checked = undefined,
+    label = "",
+    labelHint = "",
+    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": "Checkbox"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(Inline, {
+    space: "m",
+    vAlignItems: "top",
+    noWrap: true
+  }, /*#__PURE__*/React.createElement(StyledContainer, null, /*#__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(Icon, {
+    size: "s",
+    name: "check"
+  }))), label && /*#__PURE__*/React.createElement("div", null, typeof label === "string" ? /*#__PURE__*/React.createElement(Text, null, label) : label, labelHint && /*#__PURE__*/React.createElement(Text, {
+    color: "primary",
+    size: "s"
+  }, labelHint))));
+}
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/Form/Checkbox/Checkbox.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 { Icon } from \"../../Icon/Icon\";\n\nexport type CheckboxProps = {\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  label?: string | React.ComponentType;\n  labelHint?: string;\n  disabled?: boolean;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nconst StyledContainer = styled.div(({ theme }) => ({\n  userSelect: \"none\",\n  display: \"block\",\n  position: \"relative\",\n  width: theme.variables.size.dimension.checkbox.m,\n  height: theme.variables.size.dimension.checkbox.m,\n  boxSizing: \"border-box\",\n}));\n\nconst StyledRealInput = styled.input(() => ({\n  opacity: 0,\n  cursor: \"pointer\",\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInput = styled.span(({ theme }) => ({\n  boxSizing: \"border-box\",\n  width: theme.variables.size.dimension.checkbox.m,\n  height: theme.variables.size.dimension.checkbox.m,\n  borderRadius: theme.variables.size.borderRadius.checkbox.m,\n  border: \"2px solid\",\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  cursor: \"pointer\",\n\n  background: theme.values.color.background.primary.default,\n  color: theme.values.color.text.onAccent.default,\n  borderColor: theme.values.color.border.secondary.default,\n  \"& svg\": {\n    opacity: 0,\n  },\n  \"&:hover\": {\n    borderColor: theme.values.color.background.accent.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    border: 0,\n    background: theme.values.color.background.accent.default,\n\n    \"&:hover\": {\n      background: theme.values.color.background.accent.hover,\n    },\n\n    svg: {\n      opacity: 1,\n    },\n  },\n\n  \"input:disabled + &\": {\n    pointerEvents: \"none\",\n  },\n}));\n\nexport function Checkbox({\n  name,\n  value = \"\",\n  checked = undefined,\n  label = \"\",\n  labelHint = \"\",\n  disabled = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: CheckboxProps): React.ReactElement {\n  return (\n    <FormField\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Checkbox\"\n      {...rest}\n      disabled={disabled}\n    >\n      <Inline space=\"m\" vAlignItems=\"top\" noWrap>\n        <StyledContainer>\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            <Icon size=\"s\" name=\"check\" />\n          </StyledFakeInput>\n        </StyledContainer>\n        {label && (\n          <div>\n            {typeof label === \"string\" ? <Text>{label}</Text> : label}\n            {labelHint && (\n              <Text color=\"primary\" size=\"s\">\n                {labelHint}\n              </Text>\n            )}\n          </div>\n        )}\n      </Inline>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","userSelect","display","position","width","variables","size","dimension","checkbox","m","height","boxSizing","StyledRealInput","opacity","cursor","StyledFakeInput","_ref2","borderRadius","border","top","left","alignItems","justifyContent","background","values","color","primary","default","text","onAccent","borderColor","secondary","accent","outlineWidth","outlineStyle","outlineColor","hover","svg","pointerEvents","Checkbox","_ref3","name","value","checked","undefined","labelHint","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","type","Icon","Text"],"mappings":";;;;;;;;AAsBA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAWC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACjDE,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAEJ,KAAK,CAACK,SAAS,CAACC,IAAI,CAACC,SAAS,CAACC,QAAQ,CAACC,CAAC;IAChDC,MAAM,EAAEV,KAAK,CAACK,SAAS,CAACC,IAAI,CAACC,SAAS,CAACC,QAAQ,CAACC,CAAC;AACjDE,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AAAA,CAAC,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,y0KAAA,CAAA,CAAA;AAEH,MAAMgB,eAAe,gBAAGnB,OAAA,CAAA,OAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAa,OAAO;AAC1Ce,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,MAAM,EAAE,SAAS;AACjBJ,EAAAA,MAAM,EAAE,CAAC;AACTN,EAAAA,KAAK,EAAE,CAAC;AACRD,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,CAAC,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,y0KAAA,CAAA,CAAA;AAEH,MAAMmB,eAAe,gBAAGtB,OAAA,CAAA,MAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAYkB,KAAA,IAAA;EAAA,IAAC;AAAEhB,IAAAA,KAAAA;AAAM,GAAC,GAAAgB,KAAA,CAAA;EAAA,OAAM;AAClDL,IAAAA,SAAS,EAAE,YAAY;IACvBP,KAAK,EAAEJ,KAAK,CAACK,SAAS,CAACC,IAAI,CAACC,SAAS,CAACC,QAAQ,CAACC,CAAC;IAChDC,MAAM,EAAEV,KAAK,CAACK,SAAS,CAACC,IAAI,CAACC,SAAS,CAACC,QAAQ,CAACC,CAAC;IACjDQ,YAAY,EAAEjB,KAAK,CAACK,SAAS,CAACC,IAAI,CAACW,YAAY,CAACT,QAAQ,CAACC,CAAC;AAC1DS,IAAAA,MAAM,EAAE,WAAW;AACnBf,IAAAA,QAAQ,EAAE,UAAU;AACpBgB,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPlB,IAAAA,OAAO,EAAE,MAAM;AACfmB,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBR,IAAAA,MAAM,EAAE,SAAS;IAEjBS,UAAU,EAAEvB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACG,OAAO,CAACC,OAAO;IACzDF,KAAK,EAAEzB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACC,QAAQ,CAACF,OAAO;IAC/CG,WAAW,EAAE9B,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACP,MAAM,CAACa,SAAS,CAACJ,OAAO;AACxD,IAAA,OAAO,EAAE;AACPd,MAAAA,OAAO,EAAE,CAAA;KACV;AACD,IAAA,SAAS,EAAE;MACTiB,WAAW,EAAE9B,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACS,MAAM,CAACL,OAAAA;KACnD;AAED,IAAA,0BAA0B,EAAE;AAC1BM,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,oBAAoB,EAAE;AACpBhB,MAAAA,MAAM,EAAE,CAAC;MACTK,UAAU,EAAEvB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACS,MAAM,CAACL,OAAO;AAExD,MAAA,SAAS,EAAE;QACTJ,UAAU,EAAEvB,KAAK,CAACwB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACS,MAAM,CAACI,KAAAA;OAClD;AAEDC,MAAAA,GAAG,EAAE;AACHxB,QAAAA,OAAO,EAAE,CAAA;AACX,OAAA;KACD;AAED,IAAA,oBAAoB,EAAE;AACpByB,MAAAA,aAAa,EAAE,MAAA;AACjB,KAAA;GACD,CAAA;AAAA,CAAC,EAAA5C,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,y0KAAA,CAAA,CAAA;AAEI,SAAS2C,QAAQA,CAAAC,KAAA,EAac;EAAA,IAbb;IACvBC,IAAI;AACJC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,OAAO,GAAGC,SAAS;AACnB9C,IAAAA,KAAK,GAAG,EAAE;AACV+C,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,OAAO;AACP,IAAA,kBAAkB,EAAEC,aAAa;IACjC,GAAGC,IAAAA;AACU,GAAC,GAAAZ,KAAA,CAAA;AACd,EAAA,oBACEa,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACR,IAAA,kBAAA,EAAkBL,aAAc;IAChC,YAAW,EAAA,UAAA;AAAU,GAAA,EACjBC,IAAI,EAAA;AACRN,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CAAA,eAEnBO,KAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,GAAG;AAACC,IAAAA,WAAW,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;GACxCP,eAAAA,KAAA,CAAAC,aAAA,CAAC9D,eAAe,qBACd6D,KAAA,CAAAC,aAAA,CAAC1C,eAAe,EAAA;AACdiD,IAAAA,IAAI,EAAC,UAAU;AACfpB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,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,CAACvC,eAAe,EAAA,IAAA,eACdsC,KAAA,CAAAC,aAAA,CAACQ,IAAI,EAAA;AAACxD,IAAAA,IAAI,EAAC,GAAG;AAACmC,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAE,CACd,CACF,CAAC,EACjB3C,KAAK,iBACJuD,KAAA,CAAAC,aAAA,CACG,KAAA,EAAA,IAAA,EAAA,OAAOxD,KAAK,KAAK,QAAQ,gBAAGuD,KAAA,CAAAC,aAAA,CAACS,IAAI,EAAEjE,IAAAA,EAAAA,KAAY,CAAC,GAAGA,KAAK,EACxD+C,SAAS,iBACRQ,KAAA,CAAAC,aAAA,CAACS,IAAI,EAAA;AAACtC,IAAAA,KAAK,EAAC,SAAS;AAACnB,IAAAA,IAAI,EAAC,GAAA;AAAG,GAAA,EAC3BuC,SACG,CAEL,CAED,CACC,CAAC,CAAA;AAEhB;;;;"}

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

@@ -0,0 +1,6 @@
+import React from "react";
+export declare type FormErrorMessagesProps = {
+    messages: string[];
+    "data-e2e-test-id"?: string;
+};
+export declare function FormErrorMessages({ messages, "data-e2e-test-id": dataE2eTestId, }: FormErrorMessagesProps): React.ReactElement;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Stack } from '../../Stack/Stack.js';
+import { Text } from '../../Typography/Text/Text.js';
+
+function FormErrorMessages(_ref) {
+  let {
+    messages = [],
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Stack, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "FormErrorMessages",
+    space: "zero"
+  }, messages.map(message => /*#__PURE__*/React.createElement(Text, {
+    size: "xs",
+    key: message,
+    variant: "error"
+  }, message)));
+}
+
+export { FormErrorMessages };
+//# sourceMappingURL=FormErrorMessages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormErrorMessages.js","sources":["../../../../../../src/components/Form/FormErrorMessages/FormErrorMessages.tsx"],"sourcesContent":["import React from \"react\";\nimport { Stack } from \"../../Stack/Stack\";\nimport { Text } from \"../../Typography/Text/Text\";\n\nexport type FormErrorMessagesProps = {\n  messages: string[];\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function FormErrorMessages({\n  messages = [],\n  \"data-e2e-test-id\": dataE2eTestId,\n}: FormErrorMessagesProps): React.ReactElement {\n  return (\n    <Stack\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"FormErrorMessages\"\n      space=\"zero\"\n    >\n      {messages.map((message) => (\n        <Text size=\"xs\" key={message} variant=\"error\">\n          {message}\n        </Text>\n      ))}\n    </Stack>\n  );\n}\n"],"names":["FormErrorMessages","_ref","messages","dataE2eTestId","React","createElement","Stack","space","map","message","Text","size","key","variant"],"mappings":";;;;AASO,SAASA,iBAAiBA,CAAAC,IAAA,EAGc;EAAA,IAHb;AAChCC,IAAAA,QAAQ,GAAG,EAAE;AACb,IAAA,kBAAkB,EAAEC,aAAAA;AACE,GAAC,GAAAF,IAAA,CAAA;AACvB,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AACJ,IAAA,kBAAA,EAAkBH,aAAc;AAChC,IAAA,YAAA,EAAW,mBAAmB;AAC9BI,IAAAA,KAAK,EAAC,MAAA;GAELL,EAAAA,QAAQ,CAACM,GAAG,CAAEC,OAAO,iBACpBL,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,GAAG,EAAEH,OAAQ;AAACI,IAAAA,OAAO,EAAC,OAAA;GACnCJ,EAAAA,OACG,CACP,CACI,CAAC,CAAA;AAEZ;;;;"}

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

@@ -0,0 +1,15 @@
+import React from "react";
+export declare type FormFieldProps = {
+    label?: string;
+    labelHint?: string;
+    errorMessages?: string[];
+    hint?: string;
+    disabled?: boolean;
+    "data-e2e-test-id"?: string;
+    /** @ignore */
+    "data-ds-id"?: string;
+};
+export declare type FormFieldComponentProps = {
+    children: React.ReactNode[] | React.ReactElement;
+} & FormFieldProps;
+export declare function FormField({ label, labelHint, hint, errorMessages, disabled, children, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, }: FormFieldComponentProps): React.ReactElement;

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

@@ -0,0 +1,52 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Stack } from '../../Stack/Stack.js';
+import { Text } from '../../Typography/Text/Text.js';
+import { FormErrorMessages } from '../FormErrorMessages/FormErrorMessages.js';
+import { FormLabelText } from '../FormLabelText/FormLabelText.js';
+
+const StyledFormField = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1vxz97h0"
+} : {
+  target: "e1vxz97h0",
+  label: "StyledFormField"
+})(_ref => {
+  let {
+    theme,
+    disabled
+  } = _ref;
+  return disabled && `
+    opacity: ${theme.variables.opacity.form.disabled}
+`;
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1GaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJ3QiIsImZpbGUiOiJGb3JtRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUganN4LWExMXkvbGFiZWwtaGFzLWFzc29jaWF0ZWQtY29udHJvbCAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEZvcm1FcnJvck1lc3NhZ2VzIH0gZnJvbSBcIi4uL0Zvcm1FcnJvck1lc3NhZ2VzL0Zvcm1FcnJvck1lc3NhZ2VzXCI7XG5pbXBvcnQgeyBGb3JtTGFiZWxUZXh0IH0gZnJvbSBcIi4uL0Zvcm1MYWJlbFRleHQvRm9ybUxhYmVsVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtRmllbGRQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGxhYmVsSGludD86IHN0cmluZztcbiAgZXJyb3JNZXNzYWdlcz86IHN0cmluZ1tdO1xuICBoaW50Pzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIEZvcm1GaWVsZENvbXBvbmVudFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZEZvcm1GaWVsZCA9IHN0eWxlZC5kaXY8UGFydGlhbDxGb3JtRmllbGRQcm9wcz4+KFxuICAoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZCAmJlxuICAgIGBcbiAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmZvcm0uZGlzYWJsZWR9XG5gXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gRm9ybUZpZWxkKHtcbiAgbGFiZWwgPSBcIlwiLFxuICBsYWJlbEhpbnQgPSBcIlwiLFxuICBoaW50ID0gXCJcIixcbiAgZXJyb3JNZXNzYWdlcyA9IFtdLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBkYXRhRHNJZCA9IFwiRm9ybUZpZWxkXCIsXG59OiBGb3JtRmllbGRDb21wb25lbnRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHZhbGlkRXJyb3JNZXNzYWdlcyA9IGVycm9yTWVzc2FnZXMuZmlsdGVyKChtZXNzYWdlKSA9PiBtZXNzYWdlKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD17ZGF0YURzSWR9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAgPFN0YWNrIHNwYWNlPVwieHhzXCI+XG4gICAgICAgIDxsYWJlbD5cbiAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgPEZvcm1MYWJlbFRleHQgbGFiZWxIaW50PXtsYWJlbEhpbnR9PntsYWJlbH08L0Zvcm1MYWJlbFRleHQ+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9sYWJlbD5cbiAgICAgICAge2hpbnQgJiYgIXZhbGlkRXJyb3JNZXNzYWdlcy5sZW5ndGggJiYgPFRleHQgc2l6ZT1cInhzXCI+e2hpbnR9PC9UZXh0Pn1cbiAgICAgICAgeyEhdmFsaWRFcnJvck1lc3NhZ2VzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgPEZvcm1FcnJvck1lc3NhZ2VzIG1lc3NhZ2VzPXt2YWxpZEVycm9yTWVzc2FnZXN9IC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvU3R5bGVkRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+function FormField(_ref2) {
+  let {
+    label = "",
+    labelHint = "",
+    hint = "",
+    errorMessages = [],
+    disabled = false,
+    children,
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": dataDsId = "FormField"
+  } = _ref2;
+  const validErrorMessages = errorMessages.filter(message => message);
+  return /*#__PURE__*/React.createElement(StyledFormField, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": dataDsId,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: "xxs"
+  }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement(Stack, {
+    space: "xs"
+  }, label && /*#__PURE__*/React.createElement(FormLabelText, {
+    labelHint: labelHint
+  }, label), children)), hint && !validErrorMessages.length && /*#__PURE__*/React.createElement(Text, {
+    size: "xs"
+  }, hint), !!validErrorMessages.length && /*#__PURE__*/React.createElement(FormErrorMessages, {
+    messages: validErrorMessages
+  })));
+}
+
+export { FormField };
+//# sourceMappingURL=FormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sources":["../../../../../../src/components/Form/FormField/FormField.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/label-has-associated-control */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Stack } from \"../../Stack/Stack\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { FormErrorMessages } from \"../FormErrorMessages/FormErrorMessages\";\nimport { FormLabelText } from \"../FormLabelText/FormLabelText\";\n\nexport type FormFieldProps = {\n  label?: string;\n  labelHint?: string;\n  errorMessages?: string[];\n  hint?: string;\n  disabled?: boolean;\n  \"data-e2e-test-id\"?: string;\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nexport type FormFieldComponentProps = {\n  children: React.ReactNode[] | React.ReactElement;\n} & FormFieldProps;\n\nconst StyledFormField = styled.div<Partial<FormFieldProps>>(\n  ({ theme, disabled }) =>\n    disabled &&\n    `\n    opacity: ${theme.variables.opacity.form.disabled}\n`\n);\n\nexport function FormField({\n  label = \"\",\n  labelHint = \"\",\n  hint = \"\",\n  errorMessages = [],\n  disabled = false,\n  children,\n  \"data-e2e-test-id\": dataE2eTestId,\n  \"data-ds-id\": dataDsId = \"FormField\",\n}: FormFieldComponentProps): React.ReactElement {\n  const validErrorMessages = errorMessages.filter((message) => message);\n  return (\n    <StyledFormField\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id={dataDsId}\n      disabled={disabled}\n    >\n      <Stack space=\"xxs\">\n        <label>\n          <Stack space=\"xs\">\n            {label && (\n              <FormLabelText labelHint={labelHint}>{label}</FormLabelText>\n            )}\n\n            {children}\n          </Stack>\n        </label>\n        {hint && !validErrorMessages.length && <Text size=\"xs\">{hint}</Text>}\n        {!!validErrorMessages.length && (\n          <FormErrorMessages messages={validErrorMessages} />\n        )}\n      </Stack>\n    </StyledFormField>\n  );\n}\n"],"names":["StyledFormField","_styled","process","env","NODE_ENV","target","label","_ref","theme","disabled","variables","opacity","form","FormField","_ref2","labelHint","hint","errorMessages","children","dataE2eTestId","dataDsId","validErrorMessages","filter","message","React","createElement","Stack","space","FormLabelText","length","Text","size","FormErrorMessages","messages"],"mappings":";;;;;;;AAyBA,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,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAF,IAAA,CAAA;AAAA,EAAA,OAClBE,QAAQ,IACP,CAAA;AACL,aAAeD,EAAAA,KAAK,CAACE,SAAS,CAACC,OAAO,CAACC,IAAI,CAACH,QAAS,CAAA;AACrD,CAAC,CAAA;AAAA,CAAA,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,kuFACD,CAAC,CAAA;AAEM,SAASS,SAASA,CAAAC,KAAA,EASuB;EAAA,IATtB;AACxBR,IAAAA,KAAK,GAAG,EAAE;AACVS,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,IAAI,GAAG,EAAE;AACTC,IAAAA,aAAa,GAAG,EAAE;AAClBR,IAAAA,QAAQ,GAAG,KAAK;IAChBS,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAa;IACjC,YAAY,EAAEC,QAAQ,GAAG,WAAA;AACF,GAAC,GAAAN,KAAA,CAAA;EACxB,MAAMO,kBAAkB,GAAGJ,aAAa,CAACK,MAAM,CAAEC,OAAO,IAAKA,OAAO,CAAC,CAAA;AACrE,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACzB,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBmB,aAAc;AAChC,IAAA,YAAA,EAAYC,QAAS;AACrBX,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBe,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACC,IAAAA,KAAK,EAAC,KAAA;GACXH,eAAAA,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA,IAAA,eACED,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAA;AAAI,GAAA,EACdrB,KAAK,iBACJkB,KAAA,CAAAC,aAAA,CAACG,aAAa,EAAA;AAACb,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAAET,KAAqB,CAC5D,EAEAY,QACI,CACF,CAAC,EACPF,IAAI,IAAI,CAACK,kBAAkB,CAACQ,MAAM,iBAAIL,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAA;AAAI,GAAA,EAAEf,IAAW,CAAC,EACnE,CAAC,CAACK,kBAAkB,CAACQ,MAAM,iBAC1BL,KAAA,CAAAC,aAAA,CAACO,iBAAiB,EAAA;AAACC,IAAAA,QAAQ,EAAEZ,kBAAAA;GAAqB,CAE/C,CACQ,CAAC,CAAA;AAEtB;;;;"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+export declare type FormFieldGroupProps = {
+    label?: string;
+    labelHint?: string;
+    children: React.ReactNode[] | React.ReactElement;
+    errorMessages?: string[];
+    hint?: string;
+    disabled?: boolean;
+    "data-e2e-test-id"?: string;
+};
+export declare function FormFieldGroup({ children, label, labelHint, errorMessages, hint, disabled, "data-e2e-test-id": dataE2eTestId, }: FormFieldGroupProps): React.ReactElement;

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

@@ -0,0 +1,49 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Stack } from '../../Stack/Stack.js';
+import { Text } from '../../Typography/Text/Text.js';
+import { FormErrorMessages } from '../FormErrorMessages/FormErrorMessages.js';
+import { FormLabelText } from '../FormLabelText/FormLabelText.js';
+
+const StyledDiv = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eiobxjh0"
+} : {
+  target: "eiobxjh0",
+  label: "StyledDiv"
+})(_ref => {
+  let {
+    theme,
+    disabled
+  } = _ref;
+  return {
+    opacity: disabled ? theme.variables.opacity.form.disabled : ""
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1GaWVsZEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmtCIiwiZmlsZSI6IkZvcm1GaWVsZEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgRm9ybUVycm9yTWVzc2FnZXMgfSBmcm9tIFwiLi4vRm9ybUVycm9yTWVzc2FnZXMvRm9ybUVycm9yTWVzc2FnZXNcIjtcbmltcG9ydCB7IEZvcm1MYWJlbFRleHQgfSBmcm9tIFwiLi4vRm9ybUxhYmVsVGV4dC9Gb3JtTGFiZWxUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEZvcm1GaWVsZEdyb3VwUHJvcHMgPSB7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBsYWJlbEhpbnQ/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgZXJyb3JNZXNzYWdlcz86IHN0cmluZ1tdO1xuICBoaW50Pzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPEZvcm1GaWVsZEdyb3VwUHJvcHM+PihcbiAgKHsgdGhlbWUsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5mb3JtLmRpc2FibGVkIDogXCJcIixcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBGb3JtRmllbGRHcm91cCh7XG4gIGNoaWxkcmVuLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGVycm9yTWVzc2FnZXMgPSBbXSxcbiAgaGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRm9ybUZpZWxkR3JvdXBQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHZhbGlkRXJyb3JNZXNzYWdlcyA9IGVycm9yTWVzc2FnZXMuZmlsdGVyKChtZXNzYWdlKSA9PiBtZXNzYWdlKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRGl2XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkZvcm1GaWVsZEdyb3VwXCJcbiAgICA+XG4gICAgICA8U3RhY2sgc3BhY2U9XCJtXCI+XG4gICAgICAgIHtsYWJlbCAmJiA8Rm9ybUxhYmVsVGV4dCBsYWJlbEhpbnQ9e2xhYmVsSGludH0+e2xhYmVsfTwvRm9ybUxhYmVsVGV4dD59XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2hpbnQgJiYgIXZhbGlkRXJyb3JNZXNzYWdlcy5sZW5ndGggJiYgPFRleHQgc2l6ZT1cInhzXCI+e2hpbnR9PC9UZXh0Pn1cbiAgICAgICAgeyEhdmFsaWRFcnJvck1lc3NhZ2VzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgPEZvcm1FcnJvck1lc3NhZ2VzIG1lc3NhZ2VzPXt2YWxpZEVycm9yTWVzc2FnZXN9IC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvU3R5bGVkRGl2PlxuICApO1xufVxuIl19 */");
+function FormFieldGroup(_ref2) {
+  let {
+    children,
+    label = "",
+    labelHint = "",
+    errorMessages = [],
+    hint = "",
+    disabled = false,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  const validErrorMessages = errorMessages.filter(message => message);
+  return /*#__PURE__*/React.createElement(StyledDiv, {
+    disabled: disabled,
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "FormFieldGroup"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: "m"
+  }, label && /*#__PURE__*/React.createElement(FormLabelText, {
+    labelHint: labelHint
+  }, label), children, hint && !validErrorMessages.length && /*#__PURE__*/React.createElement(Text, {
+    size: "xs"
+  }, hint), !!validErrorMessages.length && /*#__PURE__*/React.createElement(FormErrorMessages, {
+    messages: validErrorMessages
+  })));
+}
+
+export { FormFieldGroup };
+//# sourceMappingURL=FormFieldGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldGroup.js","sources":["../../../../../../src/components/Form/FormFieldGroup/FormFieldGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Stack } from \"../../Stack/Stack\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { FormErrorMessages } from \"../FormErrorMessages/FormErrorMessages\";\nimport { FormLabelText } from \"../FormLabelText/FormLabelText\";\n\nexport type FormFieldGroupProps = {\n  label?: string;\n  labelHint?: string;\n  children: React.ReactNode[] | React.ReactElement;\n  errorMessages?: string[];\n  hint?: string;\n  disabled?: boolean;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst StyledDiv = styled.div<Partial<FormFieldGroupProps>>(\n  ({ theme, disabled }) => ({\n    opacity: disabled ? theme.variables.opacity.form.disabled : \"\",\n  })\n);\n\nexport function FormFieldGroup({\n  children,\n  label = \"\",\n  labelHint = \"\",\n  errorMessages = [],\n  hint = \"\",\n  disabled = false,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: FormFieldGroupProps): React.ReactElement {\n  const validErrorMessages = errorMessages.filter((message) => message);\n  return (\n    <StyledDiv\n      disabled={disabled}\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"FormFieldGroup\"\n    >\n      <Stack space=\"m\">\n        {label && <FormLabelText labelHint={labelHint}>{label}</FormLabelText>}\n        {children}\n        {hint && !validErrorMessages.length && <Text size=\"xs\">{hint}</Text>}\n        {!!validErrorMessages.length && (\n          <FormErrorMessages messages={validErrorMessages} />\n        )}\n      </Stack>\n    </StyledDiv>\n  );\n}\n"],"names":["StyledDiv","_styled","process","env","NODE_ENV","target","label","_ref","theme","disabled","opacity","variables","form","FormFieldGroup","_ref2","children","labelHint","errorMessages","hint","dataE2eTestId","validErrorMessages","filter","message","React","createElement","Stack","space","FormLabelText","length","Text","size","FormErrorMessages","messages"],"mappings":";;;;;;;AAkBA,MAAMA,SAAS,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAChBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAF,IAAA,CAAA;EAAA,OAAM;AACxBG,IAAAA,OAAO,EAAED,QAAQ,GAAGD,KAAK,CAACG,SAAS,CAACD,OAAO,CAACE,IAAI,CAACH,QAAQ,GAAG,EAAA;GAC7D,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,8xEACJ,CAAC,CAAA;AAEM,SAASS,cAAcA,CAAAC,KAAA,EAQc;EAAA,IARb;IAC7BC,QAAQ;AACRT,IAAAA,KAAK,GAAG,EAAE;AACVU,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,aAAa,GAAG,EAAE;AAClBC,IAAAA,IAAI,GAAG,EAAE;AACTT,IAAAA,QAAQ,GAAG,KAAK;AAChB,IAAA,kBAAkB,EAAEU,aAAAA;AACD,GAAC,GAAAL,KAAA,CAAA;EACpB,MAAMM,kBAAkB,GAAGH,aAAa,CAACI,MAAM,CAAEC,OAAO,IAAKA,OAAO,CAAC,CAAA;AACrE,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACxB,SAAS,EAAA;AACRS,IAAAA,QAAQ,EAAEA,QAAS;AACnB,IAAA,kBAAA,EAAkBU,aAAc;IAChC,YAAW,EAAA,gBAAA;AAAgB,GAAA,eAE3BI,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACC,IAAAA,KAAK,EAAC,GAAA;AAAG,GAAA,EACbpB,KAAK,iBAAIiB,KAAA,CAAAC,aAAA,CAACG,aAAa,EAAA;AAACX,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAAEV,KAAqB,CAAC,EACrES,QAAQ,EACRG,IAAI,IAAI,CAACE,kBAAkB,CAACQ,MAAM,iBAAIL,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAA;AAAI,GAAA,EAAEZ,IAAW,CAAC,EACnE,CAAC,CAACE,kBAAkB,CAACQ,MAAM,iBAC1BL,KAAA,CAAAC,aAAA,CAACO,iBAAiB,EAAA;AAACC,IAAAA,QAAQ,EAAEZ,kBAAAA;GAAqB,CAE/C,CACE,CAAC,CAAA;AAEhB;;;;"}

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

@@ -0,0 +1,7 @@
+import React from "react";
+export declare type FormLabelTextProps = {
+    children: string;
+    labelHint?: string;
+    "data-e2e-test-id"?: string;
+};
+export declare function FormLabelText({ children, labelHint, "data-e2e-test-id": dataE2eTestId, }: FormLabelTextProps): React.ReactElement;

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

@@ -0,0 +1,36 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Inline } from '../../Inline/Inline.js';
+import { H6 } from '../../Typography/Header/Header.js';
+
+const StyledLabelHint = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "ezxuii70"
+} : {
+  target: "ezxuii70",
+  label: "StyledLabelHint"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    color: theme.values.color.text.primary.default,
+    textTransform: "uppercase",
+    fontWeight: theme.variables.weight.normal
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1MYWJlbFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt3QiIsImZpbGUiOiJGb3JtTGFiZWxUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEg2IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvSGVhZGVyL0hlYWRlclwiO1xuXG5jb25zdCBTdHlsZWRMYWJlbEhpbnQgPSBzdHlsZWQuc3BhbigoeyB0aGVtZSB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0Lm5vcm1hbCxcbn0pKTtcblxuZXhwb3J0IHR5cGUgRm9ybUxhYmVsVGV4dFByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nO1xuICBsYWJlbEhpbnQ/OiBzdHJpbmc7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIEZvcm1MYWJlbFRleHQoe1xuICBjaGlsZHJlbixcbiAgbGFiZWxIaW50ID0gXCJcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBGb3JtTGFiZWxUZXh0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxJbmxpbmVcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRm9ybUxhYmVsVGV4dFwiXG4gICAgICBzcGFjZT1cInh4c1wiXG4gICAgICB2QWxpZ25JdGVtcz1cImJvdHRvbVwiXG4gICAgPlxuICAgICAge2NoaWxkcmVuICYmIDxINj57Y2hpbGRyZW59PC9INj59XG4gICAgICB7Y2hpbGRyZW4gJiYgbGFiZWxIaW50ICYmIChcbiAgICAgICAgPEg2PlxuICAgICAgICAgIDxTdHlsZWRMYWJlbEhpbnQ+KHtsYWJlbEhpbnR9KTwvU3R5bGVkTGFiZWxIaW50PlxuICAgICAgICA8L0g2PlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdfQ== */");
+function FormLabelText(_ref2) {
+  let {
+    children,
+    labelHint = "",
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(Inline, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "FormLabelText",
+    space: "xxs",
+    vAlignItems: "bottom"
+  }, children && /*#__PURE__*/React.createElement(H6, null, children), children && labelHint && /*#__PURE__*/React.createElement(H6, null, /*#__PURE__*/React.createElement(StyledLabelHint, null, "(", labelHint, ")")));
+}
+
+export { FormLabelText };
+//# sourceMappingURL=FormLabelText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabelText.js","sources":["../../../../../../src/components/Form/FormLabelText/FormLabelText.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { H6 } from \"../../Typography/Header/Header\";\n\nconst StyledLabelHint = styled.span(({ theme }) => ({\n  color: theme.values.color.text.primary.default,\n  textTransform: \"uppercase\",\n  fontWeight: theme.variables.weight.normal,\n}));\n\nexport type FormLabelTextProps = {\n  children: string;\n  labelHint?: string;\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function FormLabelText({\n  children,\n  labelHint = \"\",\n  \"data-e2e-test-id\": dataE2eTestId,\n}: FormLabelTextProps): React.ReactElement {\n  return (\n    <Inline\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"FormLabelText\"\n      space=\"xxs\"\n      vAlignItems=\"bottom\"\n    >\n      {children && <H6>{children}</H6>}\n      {children && labelHint && (\n        <H6>\n          <StyledLabelHint>({labelHint})</StyledLabelHint>\n        </H6>\n      )}\n    </Inline>\n  );\n}\n"],"names":["StyledLabelHint","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","values","text","primary","default","textTransform","fontWeight","variables","weight","normal","FormLabelText","_ref2","children","labelHint","dataE2eTestId","React","createElement","Inline","space","vAlignItems","H6"],"mappings":";;;;;AAKA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,MAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAYC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IAClDE,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,OAAO,CAACC,OAAO;AAC9CC,IAAAA,aAAa,EAAE,WAAW;AAC1BC,IAAAA,UAAU,EAAEP,KAAK,CAACQ,SAAS,CAACC,MAAM,CAACC,MAAAA;GACpC,CAAA;AAAA,CAAC,EAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qiDAAA,CAAA,CAAA;AAQI,SAASe,aAAaA,CAAAC,KAAA,EAIc;EAAA,IAJb;IAC5BC,QAAQ;AACRC,IAAAA,SAAS,GAAG,EAAE;AACd,IAAA,kBAAkB,EAAEC,aAAAA;AACF,GAAC,GAAAH,KAAA,CAAA;AACnB,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AACL,IAAA,kBAAA,EAAkBH,aAAc;AAChC,IAAA,YAAA,EAAW,eAAe;AAC1BI,IAAAA,KAAK,EAAC,KAAK;AACXC,IAAAA,WAAW,EAAC,QAAA;AAAQ,GAAA,EAEnBP,QAAQ,iBAAIG,KAAA,CAAAC,aAAA,CAACI,EAAE,EAAER,IAAAA,EAAAA,QAAa,CAAC,EAC/BA,QAAQ,IAAIC,SAAS,iBACpBE,KAAA,CAAAC,aAAA,CAACI,EAAE,EAAA,IAAA,eACDL,KAAA,CAAAC,aAAA,CAACzB,eAAe,EAAC,IAAA,EAAA,GAAC,EAACsB,SAAS,EAAC,GAAkB,CAC7C,CAEA,CAAC,CAAA;AAEb;;;;"}