@amboss/design-system 1.9.1 → 1.9.5

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.checkbox.default,\n  color: theme.values.color.icon.checkbox.default,\n  borderColor: theme.values.color.border.checkbox.default,\n  \"& svg\": {\n    opacity: 0,\n  },\n  \"&: hover\": {\n    borderColor: theme.values.color.border.checkbox.defaultHover,\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.checkbox.checked,\n\n    \"&:hover\": {\n      background: theme.values.color.background.checkbox.checkedHover,\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 data-e2e-test-id={dataE2eTestId} {...rest} disabled={disabled}>\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 variant=\"secondary\" 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","default","icon","borderColor","defaultHover","outlineWidth","outlineStyle","outlineColor","checked","checkedHover","svg","pointerEvents","Checkbox","_ref3","name","value","undefined","labelHint","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","type","Icon","Text","variant"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+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,
+    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 data-e2e-test-id={dataE2eTestId} space=\"zero\">\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;AAAC,IAAA,kBAAA,EAAkBH,aAAc;AAACI,IAAAA,KAAK,EAAC,MAAA;GAC3CL,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,OAAO,CAEX,CAAC,CACI,CAAA;AAEZ;;;;"}

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

@@ -0,0 +1,50 @@
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1GaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ3QiIsImZpbGUiOiJGb3JtRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUganN4LWExMXkvbGFiZWwtaGFzLWFzc29jaWF0ZWQtY29udHJvbCAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEZvcm1FcnJvck1lc3NhZ2VzIH0gZnJvbSBcIi4uL0Zvcm1FcnJvck1lc3NhZ2VzL0Zvcm1FcnJvck1lc3NhZ2VzXCI7XG5pbXBvcnQgeyBGb3JtTGFiZWxUZXh0IH0gZnJvbSBcIi4uL0Zvcm1MYWJlbFRleHQvRm9ybUxhYmVsVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtRmllbGRQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGxhYmVsSGludD86IHN0cmluZztcbiAgZXJyb3JNZXNzYWdlcz86IHN0cmluZ1tdO1xuICBoaW50Pzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRm9ybUZpZWxkQ29tcG9uZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxuY29uc3QgU3R5bGVkRm9ybUZpZWxkID0gc3R5bGVkLmRpdjxQYXJ0aWFsPEZvcm1GaWVsZFByb3BzPj4oXG4gICh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkICYmXG4gICAgYFxuICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZm9ybS5kaXNhYmxlZH1cbmBcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBGb3JtRmllbGQoe1xuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGhpbnQgPSBcIlwiLFxuICBlcnJvck1lc3NhZ2VzID0gW10sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IEZvcm1GaWVsZENvbXBvbmVudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdmFsaWRFcnJvck1lc3NhZ2VzID0gZXJyb3JNZXNzYWdlcy5maWx0ZXIoKG1lc3NhZ2UpID0+IG1lc3NhZ2UpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGb3JtRmllbGQgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICA8bGFiZWw+XG4gICAgICAgICAgPFN0YWNrIHNwYWNlPVwieHNcIj5cbiAgICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICAgIDxGb3JtTGFiZWxUZXh0IGxhYmVsSGludD17bGFiZWxIaW50fT57bGFiZWx9PC9Gb3JtTGFiZWxUZXh0PlxuICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICAgIHtoaW50ICYmICF2YWxpZEVycm9yTWVzc2FnZXMubGVuZ3RoICYmIDxUZXh0IHNpemU9XCJ4c1wiPntoaW50fTwvVGV4dD59XG4gICAgICAgIHshIXZhbGlkRXJyb3JNZXNzYWdlcy5sZW5ndGggJiYgKFxuICAgICAgICAgIDxGb3JtRXJyb3JNZXNzYWdlcyBtZXNzYWdlcz17dmFsaWRFcnJvck1lc3NhZ2VzfSAvPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L1N0eWxlZEZvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+function FormField(_ref2) {
+  let {
+    label = "",
+    labelHint = "",
+    hint = "",
+    errorMessages = [],
+    disabled = false,
+    children,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  const validErrorMessages = errorMessages.filter(message => message);
+  return /*#__PURE__*/React.createElement(StyledFormField, {
+    "data-e2e-test-id": dataE2eTestId,
+    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};\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}: FormFieldComponentProps): React.ReactElement {\n  const validErrorMessages = errorMessages.filter((message) => message);\n  return (\n    <StyledFormField data-e2e-test-id={dataE2eTestId} disabled={disabled}>\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","validErrorMessages","filter","message","React","createElement","Stack","space","FormLabelText","length","Text","size","FormErrorMessages","messages"],"mappings":";;;;;;;AAuBA,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,KACA,YAAA,GAAA,EAAA,GAAA,ihFAAA,CAAA,CAAA;AAEM,SAASS,SAASA,CAAAC,KAAA,EAQuB;EAAA,IARtB;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,aAAAA;AACG,GAAC,GAAAL,KAAA,CAAA;EACxB,MAAMM,kBAAkB,GAAGH,aAAa,CAACI,MAAM,CAAEC,OAAO,IAAKA,OAAO,CAAC,CAAA;AACrE,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACxB,eAAe,EAAA;AAAC,IAAA,kBAAA,EAAkBmB,aAAc;AAACV,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eACnEc,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,EACdpB,KAAK,iBACJiB,KAAA,CAAAC,aAAA,CAACG,aAAa,EAAA;AAACZ,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAAET,KAAK,CAC5C,EAEAY,QAAQ,CACH,CACF,EACPF,IAAI,IAAI,CAACI,kBAAkB,CAACQ,MAAM,iBAAIL,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAA;AAAI,GAAA,EAAEd,IAAI,CAAQ,EACnE,CAAC,CAACI,kBAAkB,CAACQ,MAAM,iBAC1BL,KAAA,CAAAC,aAAA,CAACO,iBAAiB,EAAA;AAACC,IAAAA,QAAQ,EAAEZ,kBAAAA;AAAmB,GAAA,CACjD,CACK,CACQ,CAAA;AAEtB;;;;"}

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

@@ -0,0 +1,48 @@
+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+ICh7XG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5mb3JtLmRpc2FibGVkIDogXCJcIixcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBGb3JtRmllbGRHcm91cCh7XG4gIGNoaWxkcmVuLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGVycm9yTWVzc2FnZXMgPSBbXSxcbiAgaGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRm9ybUZpZWxkR3JvdXBQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHZhbGlkRXJyb3JNZXNzYWdlcyA9IGVycm9yTWVzc2FnZXMuZmlsdGVyKChtZXNzYWdlKSA9PiBtZXNzYWdlKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRGl2IGRpc2FibGVkPXtkaXNhYmxlZH0gZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+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
+  }, /*#__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 disabled={disabled} data-e2e-test-id={dataE2eTestId}>\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,KACH,YAAA,GAAA,EAAA,GAAA,yrEAAA,CAAA,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;AAACS,IAAAA,QAAQ,EAAEA,QAAS;IAAC,kBAAkBU,EAAAA,aAAAA;AAAc,GAAA,eAC7DI,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,KAAK,CAAiB,EACrES,QAAQ,EACRG,IAAI,IAAI,CAACE,kBAAkB,CAACQ,MAAM,iBAAIL,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAA;AAAI,GAAA,EAAEZ,IAAI,CAAQ,EACnE,CAAC,CAACE,kBAAkB,CAACQ,MAAM,iBAC1BL,KAAA,CAAAC,aAAA,CAACO,iBAAiB,EAAA;AAACC,IAAAA,QAAQ,EAAEZ,kBAAAA;AAAmB,GAAA,CACjD,CACK,CACE,CAAA;AAEhB;;;;"}

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

@@ -0,0 +1,35 @@
+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.secondary,
+    textTransform: "uppercase",
+    fontWeight: theme.variables.weight.normal
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1MYWJlbFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt3QiIsImZpbGUiOiJGb3JtTGFiZWxUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEg2IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvSGVhZGVyL0hlYWRlclwiO1xuXG5jb25zdCBTdHlsZWRMYWJlbEhpbnQgPSBzdHlsZWQuc3BhbigoeyB0aGVtZSB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LFxuICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0Lm5vcm1hbCxcbn0pKTtcblxuZXhwb3J0IHR5cGUgRm9ybUxhYmVsVGV4dFByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nO1xuICBsYWJlbEhpbnQ/OiBzdHJpbmc7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIEZvcm1MYWJlbFRleHQoe1xuICBjaGlsZHJlbixcbiAgbGFiZWxIaW50ID0gXCJcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBGb3JtTGFiZWxUZXh0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gc3BhY2U9XCJ4eHNcIiB2QWxpZ25JdGVtcz1cImJvdHRvbVwiPlxuICAgICAge2NoaWxkcmVuICYmIDxINj57Y2hpbGRyZW59PC9INj59XG4gICAgICB7Y2hpbGRyZW4gJiYgbGFiZWxIaW50ICYmIChcbiAgICAgICAgPEg2PlxuICAgICAgICAgIDxTdHlsZWRMYWJlbEhpbnQ+KHtsYWJlbEhpbnR9KTwvU3R5bGVkTGFiZWxIaW50PlxuICAgICAgICA8L0g2PlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdfQ== */");
+function FormLabelText(_ref2) {
+  let {
+    children,
+    labelHint = "",
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(Inline, {
+    "data-e2e-test-id": dataE2eTestId,
+    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.secondary,\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 data-e2e-test-id={dataE2eTestId} space=\"xxs\" vAlignItems=\"bottom\">\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","secondary","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,SAAS;AACxCC,IAAAA,aAAa,EAAE,WAAW;AAC1BC,IAAAA,UAAU,EAAEN,KAAK,CAACO,SAAS,CAACC,MAAM,CAACC,MAAAA;GACpC,CAAA;AAAA,CAAC,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,y8CAAA,CAAA,CAAA;AAQI,SAASc,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;AAAC,IAAA,kBAAA,EAAkBH,aAAc;AAACI,IAAAA,KAAK,EAAC,KAAK;AAACC,IAAAA,WAAW,EAAC,QAAA;AAAQ,GAAA,EACtEP,QAAQ,iBAAIG,KAAA,CAAAC,aAAA,CAACI,EAAE,EAAER,IAAAA,EAAAA,QAAQ,CAAM,EAC/BA,QAAQ,IAAIC,SAAS,iBACpBE,KAAA,CAAAC,aAAA,CAACI,EAAE,EAAA,IAAA,eACDL,KAAA,CAAAC,aAAA,CAACxB,eAAe,EAAC,IAAA,EAAA,GAAC,EAACqB,SAAS,EAAC,GAAC,CAAkB,CAEnD,CACM,CAAA;AAEb;;;;"}

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

@@ -0,0 +1,174 @@
+import _styled from '@emotion/styled/base';
+import React, { forwardRef } from 'react';
+import { Icon } from '../../Icon/Icon.js';
+import { FormField } from '../FormField/FormField.js';
+import { Text } from '../../Typography/Text/Text.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1dohmou2"
+} : {
+  target: "e1dohmou2",
+  label: "StyledContainer"
+})(() => ({
+  width: "100%",
+  display: "flex",
+  alignItems: "center",
+  flexDirection: "row",
+  position: "relative",
+  zIndex: 1
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ3dCIiwiZmlsZSI6IklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFJlZk9iamVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gdG9nZ2xlIGVycm9yIHN0YXRlXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlZCBpbnB1dFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogXCJ0ZXh0XCIgfCBcInBhc3N3b3JkXCIgfCBcIm51bWJlclwiO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgYXJlYUxhYmVsPzogc3RyaW5nO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICBwcml2YXRlUHJvcHM/OiB7IGlzVHJhbnNwYXJlbnQ/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5pbnB1dC5lcnJvcjtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuaW5wdXQuZGVmYXVsdDtcbn07XG5cbmNvbnN0IGhhbmRsZUJhY2tncm91bmRDb2xvciA9ICh0aGVtZTogVGhlbWUsIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzVHJhbnNwYXJlbnQpIHJldHVybiBcInRyYW5zcGFyZW50XCI7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5pbnB1dC5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlUmlnaHRQYWRkaW5nID0gKHRoZW1lOiBUaGVtZSwgaWNvbjogc3RyaW5nKSA9PiB7XG4gIGlmIChpY29uKSB7XG4gICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSArICR7dGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5pY29uLm19KWA7XG4gIH1cblxuICByZXR1cm4gXCJcIjtcbn07XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0PElucHV0UHJvcHM+KFxuICAoeyB0aGVtZSwgcHJpdmF0ZVByb3BzLCBoYXNFcnJvciwgaWNvbiB9KSA9PiAoe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC5tLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmlucHV0LnMsXG4gICAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gICAgYm9yZGVyU3R5bGU6IFwic29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnksXG4gICAgYm9yZGVyQ29sb3I6IGhhbmRsZUJvcmRlckNvbG9yKFxuICAgICAgdGhlbWUsXG4gICAgICBwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnQsXG4gICAgICBoYXNFcnJvclxuICAgICksXG4gICAgYmFja2dyb3VuZENvbG9yOiBoYW5kbGVCYWNrZ3JvdW5kQ29sb3IodGhlbWUsIHByaXZhdGVQcm9wcz8uaXNUcmFuc3BhcmVudCksXG4gICAgXCImLmVycm9yXCI6IHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmlucHV0LmVycm9yLFxuICAgIH0sXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnBsYWNlaG9sZGVyLFxuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICAgIFwiJjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnBsYWNlaG9sZGVyLFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnBsYWNlaG9sZGVyLFxuICAgIH0sXG4gICAgcGFkZGluZ1JpZ2h0OiBoYW5kbGVSaWdodFBhZGRpbmcodGhlbWUsIGljb24pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIHR5cGUgPSBcInRleHRcIixcbiAgICAgIGljb24sXG4gICAgICBhcmVhTGFiZWwsXG4gICAgICB0YWJJbmRleCxcbiAgICAgIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgICAgIHByaXZhdGVQcm9wcyA9IHt9LFxuICAgIH06IElucHV0UHJvcHMsXG4gICAgcmVmOiBSZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IChcbiAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIGFyaWEtbGFiZWw9e2FyZWFMYWJlbH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgcHJpdmF0ZVByb3BzPXtwcml2YXRlUHJvcHN9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAvPlxuICAgICAge2ljb24gJiYgKFxuICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IHNpemU9XCJtXCIgLz5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gIClcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBJbnB1dCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgdHlwZSA9IFwidGV4dFwiLFxuICBpY29uLFxuICB0YWJJbmRleCxcbiAgYXJlYUxhYmVsLFxuICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gIHByaXZhdGVQcm9wcyA9IHt9LFxuICAuLi5yZXN0XG59OiBJbnB1dFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIHsuLi4ocmVzdCBhcyBGb3JtRmllbGRQcm9wcyl9PlxuICAgICAgPElucHV0UmF3XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIGRpc2FibGVkPXtyZXN0LmRpc2FibGVkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGFyZWFMYWJlbD17YXJlYUxhYmVsfVxuICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgcHJpdmF0ZVByb3BzPXtwcml2YXRlUHJvcHN9XG4gICAgICAvPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const StyledIconContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1dohmou1"
+} : {
+  target: "e1dohmou1",
+  label: "StyledIconContainer"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    position: "absolute",
+    right: theme.variables.size.spacing.xs
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzRCIiwiZmlsZSI6IklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFJlZk9iamVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gdG9nZ2xlIGVycm9yIHN0YXRlXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlZCBpbnB1dFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogXCJ0ZXh0XCIgfCBcInBhc3N3b3JkXCIgfCBcIm51bWJlclwiO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgYXJlYUxhYmVsPzogc3RyaW5nO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICBwcml2YXRlUHJvcHM/OiB7IGlzVHJhbnNwYXJlbnQ/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5pbnB1dC5lcnJvcjtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuaW5wdXQuZGVmYXVsdDtcbn07XG5cbmNvbnN0IGhhbmRsZUJhY2tncm91bmRDb2xvciA9ICh0aGVtZTogVGhlbWUsIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzVHJhbnNwYXJlbnQpIHJldHVybiBcInRyYW5zcGFyZW50XCI7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5pbnB1dC5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlUmlnaHRQYWRkaW5nID0gKHRoZW1lOiBUaGVtZSwgaWNvbjogc3RyaW5nKSA9PiB7XG4gIGlmIChpY29uKSB7XG4gICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSArICR7dGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5pY29uLm19KWA7XG4gIH1cblxuICByZXR1cm4gXCJcIjtcbn07XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0PElucHV0UHJvcHM+KFxuICAoeyB0aGVtZSwgcHJpdmF0ZVByb3BzLCBoYXNFcnJvciwgaWNvbiB9KSA9PiAoe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC5tLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmlucHV0LnMsXG4gICAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gICAgYm9yZGVyU3R5bGU6IFwic29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnksXG4gICAgYm9yZGVyQ29sb3I6IGhhbmRsZUJvcmRlckNvbG9yKFxuICAgICAgdGhlbWUsXG4gICAgICBwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnQsXG4gICAgICBoYXNFcnJvclxuICAgICksXG4gICAgYmFja2dyb3VuZENvbG9yOiBoYW5kbGVCYWNrZ3JvdW5kQ29sb3IodGhlbWUsIHByaXZhdGVQcm9wcz8uaXNUcmFuc3BhcmVudCksXG4gICAgXCImLmVycm9yXCI6IHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmlucHV0LmVycm9yLFxuICAgIH0sXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnBsYWNlaG9sZGVyLFxuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICAgIFwiJjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnBsYWNlaG9sZGVyLFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnBsYWNlaG9sZGVyLFxuICAgIH0sXG4gICAgcGFkZGluZ1JpZ2h0OiBoYW5kbGVSaWdodFBhZGRpbmcodGhlbWUsIGljb24pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIHR5cGUgPSBcInRleHRcIixcbiAgICAgIGljb24sXG4gICAgICBhcmVhTGFiZWwsXG4gICAgICB0YWJJbmRleCxcbiAgICAgIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgICAgIHByaXZhdGVQcm9wcyA9IHt9LFxuICAgIH06IElucHV0UHJvcHMsXG4gICAgcmVmOiBSZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IChcbiAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIGFyaWEtbGFiZWw9e2FyZWFMYWJlbH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgcHJpdmF0ZVByb3BzPXtwcml2YXRlUHJvcHN9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAvPlxuICAgICAge2ljb24gJiYgKFxuICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IHNpemU9XCJtXCIgLz5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gIClcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBJbnB1dCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgdHlwZSA9IFwidGV4dFwiLFxuICBpY29uLFxuICB0YWJJbmRleCxcbiAgYXJlYUxhYmVsLFxuICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gIHByaXZhdGVQcm9wcyA9IHt9LFxuICAuLi5yZXN0XG59OiBJbnB1dFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIHsuLi4ocmVzdCBhcyBGb3JtRmllbGRQcm9wcyl9PlxuICAgICAgPElucHV0UmF3XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIGRpc2FibGVkPXtyZXN0LmRpc2FibGVkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGFyZWFMYWJlbD17YXJlYUxhYmVsfVxuICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgcHJpdmF0ZVByb3BzPXtwcml2YXRlUHJvcHN9XG4gICAgICAvPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const handleBorderColor = (theme, isTransparent, hasError) => {
+  if (isTransparent) return "transparent";
+  if (hasError) return theme.values.color.border.input.error;
+  return theme.values.color.border.input.default;
+};
+const handleBackgroundColor = (theme, isTransparent) => {
+  if (isTransparent) return "transparent";
+  return theme.values.color.background.input.default;
+};
+const handleRightPadding = (theme, icon) => {
+  if (icon) {
+    return `calc(${theme.variables.size.spacing.s} + ${theme.variables.size.font.icon.m})`;
+  }
+  return "";
+};
+const StyledInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e1dohmou0"
+} : {
+  target: "e1dohmou0",
+  label: "StyledInput"
+})(_ref2 => {
+  let {
+    theme,
+    privateProps,
+    hasError,
+    icon
+  } = _ref2;
+  return {
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.text.m,
+    lineHeight: theme.variables.size.lineHeight.text.m,
+    borderRadius: theme.variables.size.borderRadius.input.s,
+    borderWidth: "1px",
+    borderStyle: "solid",
+    width: "100%",
+    padding: theme.variables.size.spacing.xs,
+    boxSizing: "border-box",
+    color: theme.values.color.text.secondary,
+    borderColor: handleBorderColor(theme, privateProps?.isTransparent, hasError),
+    backgroundColor: handleBackgroundColor(theme, privateProps?.isTransparent),
+    "&.error": {
+      borderColor: theme.values.color.border.input.error
+    },
+    "& svg": {
+      pointerEvents: "none"
+    },
+    "&::placeholder": {
+      color: theme.values.color.text.placeholder,
+      opacity: 1
+    },
+    "&:-ms-input-placeholder": {
+      color: theme.values.color.text.placeholder
+    },
+    "&::-ms-input-placeholder": {
+      color: theme.values.color.text.placeholder
+    },
+    paddingRight: handleRightPadding(theme, icon)
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRW9CIiwiZmlsZSI6IklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFJlZk9iamVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gdG9nZ2xlIGVycm9yIHN0YXRlXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlZCBpbnB1dFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogXCJ0ZXh0XCIgfCBcInBhc3N3b3JkXCIgfCBcIm51bWJlclwiO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgYXJlYUxhYmVsPzogc3RyaW5nO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICBwcml2YXRlUHJvcHM/OiB7IGlzVHJhbnNwYXJlbnQ/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5pbnB1dC5lcnJvcjtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuaW5wdXQuZGVmYXVsdDtcbn07XG5cbmNvbnN0IGhhbmRsZUJhY2tncm91bmRDb2xvciA9ICh0aGVtZTogVGhlbWUsIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzVHJhbnNwYXJlbnQpIHJldHVybiBcInRyYW5zcGFyZW50XCI7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5pbnB1dC5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlUmlnaHRQYWRkaW5nID0gKHRoZW1lOiBUaGVtZSwgaWNvbjogc3RyaW5nKSA9PiB7XG4gIGlmIChpY29uKSB7XG4gICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSArICR7dGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5pY29uLm19KWA7XG4gIH1cblxuICByZXR1cm4gXCJcIjtcbn07XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0PElucHV0UHJvcHM+KFxuICAoeyB0aGVtZSwgcHJpdmF0ZVByb3BzLCBoYXNFcnJvciwgaWNvbiB9KSA9PiAoe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC5tLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmlucHV0LnMsXG4gICAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gICAgYm9yZGVyU3R5bGU6IFwic29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnksXG4gICAgYm9yZGVyQ29sb3I6IGhhbmRsZUJvcmRlckNvbG9yKFxuICAgICAgdGhlbWUsXG4gICAgICBwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnQsXG4gICAgICBoYXNFcnJvclxuICAgICksXG4gICAgYmFja2dyb3VuZENvbG9yOiBoYW5kbGVCYWNrZ3JvdW5kQ29sb3IodGhlbWUsIHByaXZhdGVQcm9wcz8uaXNUcmFuc3BhcmVudCksXG4gICAgXCImLmVycm9yXCI6IHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmlucHV0LmVycm9yLFxuICAgIH0sXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnBsYWNlaG9sZGVyLFxuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICAgIFwiJjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnBsYWNlaG9sZGVyLFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnBsYWNlaG9sZGVyLFxuICAgIH0sXG4gICAgcGFkZGluZ1JpZ2h0OiBoYW5kbGVSaWdodFBhZGRpbmcodGhlbWUsIGljb24pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIHR5cGUgPSBcInRleHRcIixcbiAgICAgIGljb24sXG4gICAgICBhcmVhTGFiZWwsXG4gICAgICB0YWJJbmRleCxcbiAgICAgIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgICAgIHByaXZhdGVQcm9wcyA9IHt9LFxuICAgIH06IElucHV0UHJvcHMsXG4gICAgcmVmOiBSZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IChcbiAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIGFyaWEtbGFiZWw9e2FyZWFMYWJlbH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgcHJpdmF0ZVByb3BzPXtwcml2YXRlUHJvcHN9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAvPlxuICAgICAge2ljb24gJiYgKFxuICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IHNpemU9XCJtXCIgLz5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gIClcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBJbnB1dCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgdHlwZSA9IFwidGV4dFwiLFxuICBpY29uLFxuICB0YWJJbmRleCxcbiAgYXJlYUxhYmVsLFxuICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gIHByaXZhdGVQcm9wcyA9IHt9LFxuICAuLi5yZXN0XG59OiBJbnB1dFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIHsuLi4ocmVzdCBhcyBGb3JtRmllbGRQcm9wcyl9PlxuICAgICAgPElucHV0UmF3XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIGRpc2FibGVkPXtyZXN0LmRpc2FibGVkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGFyZWFMYWJlbD17YXJlYUxhYmVsfVxuICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgcHJpdmF0ZVByb3BzPXtwcml2YXRlUHJvcHN9XG4gICAgICAvPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const InputRaw = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    name,
+    value,
+    placeholder,
+    hasError = false,
+    disabled,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    type = "text",
+    icon,
+    areaLabel,
+    tabIndex,
+    autoComplete = "on",
+    privateProps = {}
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(StyledInput, {
+    type: type,
+    value: value,
+    placeholder: placeholder,
+    name: name,
+    disabled: disabled,
+    onClick: onClick,
+    onChange: onChange,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    "aria-label": areaLabel,
+    ref: ref,
+    tabIndex: tabIndex,
+    autoComplete: autoComplete,
+    hasError: hasError,
+    privateProps: privateProps,
+    icon: icon
+  }), icon && /*#__PURE__*/React.createElement(StyledIconContainer, null, /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    variant: "tertiary"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: "m"
+  }))));
+});
+function Input(_ref4) {
+  let {
+    name,
+    value,
+    placeholder,
+    hasError = false,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    type = "text",
+    icon,
+    tabIndex,
+    areaLabel,
+    autoComplete = "on",
+    privateProps = {},
+    ...rest
+  } = _ref4;
+  return /*#__PURE__*/React.createElement(FormField, rest, /*#__PURE__*/React.createElement(InputRaw, {
+    name: name,
+    value: value,
+    type: type,
+    icon: icon,
+    placeholder: placeholder,
+    hasError: hasError,
+    disabled: rest.disabled,
+    onChange: onChange,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onClick: onClick,
+    tabIndex: tabIndex,
+    areaLabel: areaLabel,
+    autoComplete: autoComplete,
+    privateProps: privateProps
+  }));
+}
+
+export { Input, InputRaw };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React, { forwardRef, RefObject } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { Icon, IconName } from \"../../Icon/Icon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Text } from \"../../Typography/Text/Text\";\n\nexport type InputProps = {\n  name: string;\n  value: string;\n  icon?: IconName;\n  placeholder?: string;\n  /**\n   * Set to true to toggle error state\n   */\n  hasError?: boolean;\n  /**\n   * Set to true to disabled input\n   */\n  disabled?: boolean;\n  type?: \"text\" | \"password\" | \"number\";\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  areaLabel?: string;\n  tabIndex?: number;\n  autoComplete?: string;\n  privateProps?: { isTransparent?: boolean };\n} & FormFieldProps;\n\nconst StyledContainer = styled.div(() => ({\n  width: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  position: \"relative\",\n  zIndex: 1,\n}));\n\nconst StyledIconContainer = styled.div(({ theme }) => ({\n  position: \"absolute\",\n  right: theme.variables.size.spacing.xs,\n}));\n\nconst handleBorderColor = (\n  theme: Theme,\n  isTransparent: boolean,\n  hasError: boolean\n) => {\n  if (isTransparent) return \"transparent\";\n  if (hasError) return theme.values.color.border.input.error;\n  return theme.values.color.border.input.default;\n};\n\nconst handleBackgroundColor = (theme: Theme, isTransparent: boolean) => {\n  if (isTransparent) return \"transparent\";\n  return theme.values.color.background.input.default;\n};\n\nconst handleRightPadding = (theme: Theme, icon: string) => {\n  if (icon) {\n    return `calc(${theme.variables.size.spacing.s} + ${theme.variables.size.font.icon.m})`;\n  }\n\n  return \"\";\n};\n\nconst StyledInput = styled.input<InputProps>(\n  ({ theme, privateProps, hasError, icon }) => ({\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.text.m,\n    lineHeight: theme.variables.size.lineHeight.text.m,\n    borderRadius: theme.variables.size.borderRadius.input.s,\n    borderWidth: \"1px\",\n    borderStyle: \"solid\",\n    width: \"100%\",\n    padding: theme.variables.size.spacing.xs,\n    boxSizing: \"border-box\",\n    color: theme.values.color.text.secondary,\n    borderColor: handleBorderColor(\n      theme,\n      privateProps?.isTransparent,\n      hasError\n    ),\n    backgroundColor: handleBackgroundColor(theme, privateProps?.isTransparent),\n    \"&.error\": {\n      borderColor: theme.values.color.border.input.error,\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n    },\n    \"&::placeholder\": {\n      color: theme.values.color.text.placeholder,\n      opacity: 1,\n    },\n    \"&:-ms-input-placeholder\": {\n      color: theme.values.color.text.placeholder,\n    },\n    \"&::-ms-input-placeholder\": {\n      color: theme.values.color.text.placeholder,\n    },\n    paddingRight: handleRightPadding(theme, icon),\n  })\n);\n\nexport const InputRaw = forwardRef(\n  (\n    {\n      name,\n      value,\n      placeholder,\n      hasError = false,\n      disabled,\n      onChange,\n      onClick,\n      onBlur,\n      onFocus,\n      type = \"text\",\n      icon,\n      areaLabel,\n      tabIndex,\n      autoComplete = \"on\",\n      privateProps = {},\n    }: InputProps,\n    ref: RefObject<HTMLInputElement>\n  ): React.ReactElement => (\n    <StyledContainer>\n      <StyledInput\n        type={type}\n        value={value}\n        placeholder={placeholder}\n        name={name}\n        disabled={disabled}\n        onClick={onClick}\n        onChange={onChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        aria-label={areaLabel}\n        ref={ref}\n        tabIndex={tabIndex}\n        autoComplete={autoComplete}\n        hasError={hasError}\n        privateProps={privateProps}\n        icon={icon}\n      />\n      {icon && (\n        <StyledIconContainer>\n          <Text as=\"span\" variant=\"tertiary\">\n            <Icon name={icon} size=\"m\" />\n          </Text>\n        </StyledIconContainer>\n      )}\n    </StyledContainer>\n  )\n);\n\nexport function Input({\n  name,\n  value,\n  placeholder,\n  hasError = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  type = \"text\",\n  icon,\n  tabIndex,\n  areaLabel,\n  autoComplete = \"on\",\n  privateProps = {},\n  ...rest\n}: InputProps): React.ReactElement {\n  return (\n    <FormField {...(rest as FormFieldProps)}>\n      <InputRaw\n        name={name}\n        value={value}\n        type={type}\n        icon={icon}\n        placeholder={placeholder}\n        hasError={hasError}\n        disabled={rest.disabled}\n        onChange={onChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onClick={onClick}\n        tabIndex={tabIndex}\n        areaLabel={areaLabel}\n        autoComplete={autoComplete}\n        privateProps={privateProps}\n      />\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","width","display","alignItems","flexDirection","position","zIndex","StyledIconContainer","_ref","theme","right","variables","size","spacing","xs","handleBorderColor","isTransparent","hasError","values","color","border","input","error","default","handleBackgroundColor","background","handleRightPadding","icon","s","font","m","StyledInput","_ref2","privateProps","fontFamily","lato","fontSize","text","lineHeight","borderRadius","borderWidth","borderStyle","padding","boxSizing","secondary","borderColor","backgroundColor","pointerEvents","placeholder","opacity","paddingRight","InputRaw","forwardRef","_ref3","ref","name","value","disabled","onChange","onClick","onBlur","onFocus","type","areaLabel","tabIndex","autoComplete","React","createElement","Text","as","variant","Icon","Input","_ref4","rest","FormField"],"mappings":"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"}