@amboss/design-system 1.7.0 → 1.7.2--canary-ts1

package/build/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","theme","userSelect","display","position","width","variables","size","dimension","checkbox","m","height","boxSizing","StyledRealInput","opacity","cursor","StyledFakeInput","borderRadius","border","top","left","alignItems","justifyContent","background","values","color","default","icon","borderColor","defaultHover","outlineWidth","outlineStyle","outlineColor","checked","checkedHover","svg","pointerEvents","Checkbox","name","value","undefined","label","labelHint","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest"],"mappings":"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"}

package/build/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/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","messages","dataE2eTestId","map","message"],"mappings":";;;;AASO,SAASA,iBAAiB,CAGc,IAAA,EAAA;EAAA,IAHb;AAChCC,IAAAA,QAAQ,GAAG,EAAE;AACb,IAAA,kBAAkB,EAAEC,aAAAA;GACG,GAAA,IAAA,CAAA;AACvB,EAAA,oBACE,oBAAC,KAAK,EAAA;AAAC,IAAA,kBAAA,EAAkBA,aAAc;AAAC,IAAA,KAAK,EAAC,MAAA;AAAM,GAAA,EACjDD,QAAQ,CAACE,GAAG,CAAEC,OAAO,iBACpB,oBAAC,IAAI,EAAA;AAAC,IAAA,IAAI,EAAC,IAAI;AAAC,IAAA,GAAG,EAAEA,OAAQ;AAAC,IAAA,OAAO,EAAC,OAAA;GACnCA,EAAAA,OAAO,CAEX,CAAC,CACI,CAAA;AAEZ;;;;"}

package/build/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 = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ln0hj60"
+} : {
+  target: "e1ln0hj60",
+  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/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","theme","disabled","variables","opacity","form","FormField","label","labelHint","hint","errorMessages","children","dataE2eTestId","validErrorMessages","filter","message","length"],"mappings":";;;;;;;AAuBA,MAAMA,eAAe,GAAG,OAAA,CAAA,KAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;AAAA,EAAA,MAAA,EAAA,WAAA;AAAA,EAAA,KAAA,EAAA,iBAAA;AAAA,CACtB,CAAA,CAAA,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEC,IAAAA,QAAAA;GAAU,GAAA,IAAA,CAAA;AAAA,EAAA,OAClBA,QAAQ,IACP,CAAA;AACL,aAAeD,EAAAA,KAAK,CAACE,SAAS,CAACC,OAAO,CAACC,IAAI,CAACH,QAAS,CAAA;AACrD,CAAC,CAAA;AAAA,CACA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ihFAAA,CAAA,CAAA;AAEM,SAASI,SAAS,CAQuB,KAAA,EAAA;EAAA,IARtB;AACxBC,IAAAA,KAAK,GAAG,EAAE;AACVC,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;GACI,GAAA,KAAA,CAAA;EACxB,MAAMC,kBAAkB,GAAGH,aAAa,CAACI,MAAM,CAAEC,OAAO,IAAKA,OAAO,CAAC,CAAA;AACrE,EAAA,oBACE,oBAAC,eAAe,EAAA;AAAC,IAAA,kBAAA,EAAkBH,aAAc;AAAC,IAAA,QAAQ,EAAEV,QAAAA;AAAS,GAAA,eACnE,oBAAC,KAAK,EAAA;AAAC,IAAA,KAAK,EAAC,KAAA;GACX,eAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,eACE,oBAAC,KAAK,EAAA;AAAC,IAAA,KAAK,EAAC,IAAA;GACVK,EAAAA,KAAK,iBACJ,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA;AAAC,IAAA,SAAS,EAAEC,SAAAA;AAAU,GAAA,EAAED,KAAK,CAC5C,EAEAI,QAAQ,CACH,CACF,EACPF,IAAI,IAAI,CAACI,kBAAkB,CAACG,MAAM,iBAAI,oBAAC,IAAI,EAAA;AAAC,IAAA,IAAI,EAAC,IAAA;GAAMP,EAAAA,IAAI,CAAQ,EACnE,CAAC,CAACI,kBAAkB,CAACG,MAAM,iBAC1B,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA;AAAC,IAAA,QAAQ,EAAEH,kBAAAA;AAAmB,GAAA,CACjD,CACK,CACQ,CAAA;AAEtB;;;;"}

package/build/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 = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1l3il750"
+} : {
+  target: "e1l3il750",
+  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/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","theme","disabled","opacity","variables","form","FormFieldGroup","children","label","labelHint","errorMessages","hint","dataE2eTestId","validErrorMessages","filter","message","length"],"mappings":";;;;;;;AAkBA,MAAMA,SAAS,GAAG,OAAA,CAAA,KAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;AAAA,EAAA,MAAA,EAAA,WAAA;AAAA,EAAA,KAAA,EAAA,WAAA;AAAA,CAChB,CAAA,CAAA,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEC,IAAAA,QAAAA;GAAU,GAAA,IAAA,CAAA;EAAA,OAAM;AACxBC,IAAAA,OAAO,EAAED,QAAQ,GAAGD,KAAK,CAACG,SAAS,CAACD,OAAO,CAACE,IAAI,CAACH,QAAQ,GAAG,EAAA;GAC7D,CAAA;AAAA,CAAC,EACH,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yrEAAA,CAAA,CAAA;AAEM,SAASI,cAAc,CAQc,KAAA,EAAA;EAAA,IARb;IAC7BC,QAAQ;AACRC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,aAAa,GAAG,EAAE;AAClBC,IAAAA,IAAI,GAAG,EAAE;AACTT,IAAAA,QAAQ,GAAG,KAAK;AAChB,IAAA,kBAAkB,EAAEU,aAAAA;GACA,GAAA,KAAA,CAAA;EACpB,MAAMC,kBAAkB,GAAGH,aAAa,CAACI,MAAM,CAAEC,OAAO,IAAKA,OAAO,CAAC,CAAA;AACrE,EAAA,oBACE,oBAAC,SAAS,EAAA;AAAC,IAAA,QAAQ,EAAEb,QAAS;IAAC,kBAAkBU,EAAAA,aAAAA;AAAc,GAAA,eAC7D,oBAAC,KAAK,EAAA;AAAC,IAAA,KAAK,EAAC,GAAA;GACVJ,EAAAA,KAAK,iBAAI,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA;AAAC,IAAA,SAAS,EAAEC,SAAAA;AAAU,GAAA,EAAED,KAAK,CAAiB,EACrED,QAAQ,EACRI,IAAI,IAAI,CAACE,kBAAkB,CAACG,MAAM,iBAAI,oBAAC,IAAI,EAAA;AAAC,IAAA,IAAI,EAAC,IAAA;GAAML,EAAAA,IAAI,CAAQ,EACnE,CAAC,CAACE,kBAAkB,CAACG,MAAM,iBAC1B,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA;AAAC,IAAA,QAAQ,EAAEH,kBAAAA;AAAmB,GAAA,CACjD,CACK,CACE,CAAA;AAEhB;;;;"}

package/build/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 = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e1lzsnwv0"
+} : {
+  target: "e1lzsnwv0",
+  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/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","theme","color","values","text","secondary","textTransform","fontWeight","variables","weight","normal","FormLabelText","children","labelHint","dataE2eTestId"],"mappings":";;;;;AAKA,MAAMA,eAAe,GAAG,OAAA,CAAA,MAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;AAAA,EAAA,MAAA,EAAA,WAAA;AAAA,EAAA,KAAA,EAAA,iBAAA;AAAA,CAAY,CAAA,CAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAO,GAAA,IAAA,CAAA;EAAA,OAAM;IAClDC,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,EAAC,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y8CAAA,CAAA,CAAA;AAQI,SAASC,aAAa,CAIc,KAAA,EAAA;EAAA,IAJb;IAC5BC,QAAQ;AACRC,IAAAA,SAAS,GAAG,EAAE;AACd,IAAA,kBAAkB,EAAEC,aAAAA;GACD,GAAA,KAAA,CAAA;AACnB,EAAA,oBACE,oBAAC,MAAM,EAAA;AAAC,IAAA,kBAAA,EAAkBA,aAAc;AAAC,IAAA,KAAK,EAAC,KAAK;AAAC,IAAA,WAAW,EAAC,QAAA;GAC9DF,EAAAA,QAAQ,iBAAI,KAAA,CAAA,aAAA,CAAC,EAAE,EAAA,IAAA,EAAEA,QAAQ,CAAM,EAC/BA,QAAQ,IAAIC,SAAS,iBACpB,oBAAC,EAAE,EAAA,IAAA,eACD,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,IAAA,EAAA,GAAC,EAACA,SAAS,EAAC,GAAC,CAAkB,CAEnD,CACM,CAAA;AAEb;;;;"}

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

@@ -0,0 +1,171 @@
+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 = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1822ati2"
+} : {
+  target: "e1822ati2",
+  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+IHtcbiAgaWYgKGlzVHJhbnNwYXJlbnQpIHJldHVybiBcInRyYW5zcGFyZW50XCI7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5pbnB1dC5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlUmlnaHRQYWRkaW5nID0gKHRoZW1lOiBUaGVtZSwgaWNvbjogc3RyaW5nKSA9PiB7XG4gIGlmIChpY29uICE9PSBcIlwiKVxuICAgIHJldHVybiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lmljb24ubX0pYDtcbiAgcmV0dXJuIFwiXCI7XG59O1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dDxJbnB1dFByb3BzPihcbiAgKHsgdGhlbWUsIHByaXZhdGVQcm9wcywgaGFzRXJyb3IsIGljb24gfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQubSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5pbnB1dC5zLFxuICAgIGJvcmRlcldpZHRoOiBcIjFweFwiLFxuICAgIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LFxuICAgIGJvcmRlckNvbG9yOiBoYW5kbGVCb3JkZXJDb2xvcihcbiAgICAgIHRoZW1lLFxuICAgICAgcHJpdmF0ZVByb3BzPy5pc1RyYW5zcGFyZW50LFxuICAgICAgaGFzRXJyb3JcbiAgICApLFxuICAgIGJhY2tncm91bmRDb2xvcjogaGFuZGxlQmFja2dyb3VuZENvbG9yKHRoZW1lLCBwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnQpLFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5pbnB1dC5lcnJvcixcbiAgICB9LFxuICAgIFwiJiBzdmdcIjoge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wbGFjZWhvbGRlcixcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wbGFjZWhvbGRlcixcbiAgICB9LFxuICAgIFwiJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wbGFjZWhvbGRlcixcbiAgICB9LFxuICAgIHBhZGRpbmdSaWdodDogaGFuZGxlUmlnaHRQYWRkaW5nKHRoZW1lLCBpY29uKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgLz5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSBzaXplPVwibVwiIC8+XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gSW5wdXQoe1xuICBuYW1lLFxuICB2YWx1ZSxcbiAgcGxhY2Vob2xkZXIsXG4gIGhhc0Vycm9yID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgaWNvbixcbiAgdGFiSW5kZXgsXG4gIGFyZWFMYWJlbCxcbiAgYXV0b0NvbXBsZXRlID0gXCJvblwiLFxuICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgLi4ucmVzdFxufTogSW5wdXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCB7Li4uKHJlc3QgYXMgRm9ybUZpZWxkUHJvcHMpfT5cbiAgICAgIDxJbnB1dFJhd1xuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICBhcmVhTGFiZWw9e2FyZWFMYWJlbH1cbiAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgLz5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledIconContainer = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1822ati1"
+} : {
+  target: "e1822ati1",
+  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+IHtcbiAgaWYgKGlzVHJhbnNwYXJlbnQpIHJldHVybiBcInRyYW5zcGFyZW50XCI7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5pbnB1dC5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlUmlnaHRQYWRkaW5nID0gKHRoZW1lOiBUaGVtZSwgaWNvbjogc3RyaW5nKSA9PiB7XG4gIGlmIChpY29uICE9PSBcIlwiKVxuICAgIHJldHVybiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lmljb24ubX0pYDtcbiAgcmV0dXJuIFwiXCI7XG59O1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dDxJbnB1dFByb3BzPihcbiAgKHsgdGhlbWUsIHByaXZhdGVQcm9wcywgaGFzRXJyb3IsIGljb24gfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQubSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5pbnB1dC5zLFxuICAgIGJvcmRlcldpZHRoOiBcIjFweFwiLFxuICAgIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LFxuICAgIGJvcmRlckNvbG9yOiBoYW5kbGVCb3JkZXJDb2xvcihcbiAgICAgIHRoZW1lLFxuICAgICAgcHJpdmF0ZVByb3BzPy5pc1RyYW5zcGFyZW50LFxuICAgICAgaGFzRXJyb3JcbiAgICApLFxuICAgIGJhY2tncm91bmRDb2xvcjogaGFuZGxlQmFja2dyb3VuZENvbG9yKHRoZW1lLCBwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnQpLFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5pbnB1dC5lcnJvcixcbiAgICB9LFxuICAgIFwiJiBzdmdcIjoge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wbGFjZWhvbGRlcixcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wbGFjZWhvbGRlcixcbiAgICB9LFxuICAgIFwiJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wbGFjZWhvbGRlcixcbiAgICB9LFxuICAgIHBhZGRpbmdSaWdodDogaGFuZGxlUmlnaHRQYWRkaW5nKHRoZW1lLCBpY29uKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgLz5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSBzaXplPVwibVwiIC8+XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gSW5wdXQoe1xuICBuYW1lLFxuICB2YWx1ZSxcbiAgcGxhY2Vob2xkZXIsXG4gIGhhc0Vycm9yID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgaWNvbixcbiAgdGFiSW5kZXgsXG4gIGFyZWFMYWJlbCxcbiAgYXV0b0NvbXBsZXRlID0gXCJvblwiLFxuICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgLi4ucmVzdFxufTogSW5wdXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCB7Li4uKHJlc3QgYXMgRm9ybUZpZWxkUHJvcHMpfT5cbiAgICAgIDxJbnB1dFJhd1xuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICBhcmVhTGFiZWw9e2FyZWFMYWJlbH1cbiAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgLz5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+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.xs} + ${theme.variables.size.font.icon.m})`;
+  return "";
+};
+const StyledInput = _styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e1822ati0"
+} : {
+  target: "e1822ati0",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRW9CIiwiZmlsZSI6IklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFJlZk9iamVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gdG9nZ2xlIGVycm9yIHN0YXRlXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlZCBpbnB1dFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogXCJ0ZXh0XCIgfCBcInBhc3N3b3JkXCIgfCBcIm51bWJlclwiO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgYXJlYUxhYmVsPzogc3RyaW5nO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICBwcml2YXRlUHJvcHM/OiB7IGlzVHJhbnNwYXJlbnQ/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5pbnB1dC5lcnJvcjtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuaW5wdXQuZGVmYXVsdDtcbn07XG5cbmNvbnN0IGhhbmRsZUJhY2tncm91bmRDb2xvciA9ICh0aGVtZTogVGhlbWUsIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzVHJhbnNwYXJlbnQpIHJldHVybiBcInRyYW5zcGFyZW50XCI7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5pbnB1dC5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlUmlnaHRQYWRkaW5nID0gKHRoZW1lOiBUaGVtZSwgaWNvbjogc3RyaW5nKSA9PiB7XG4gIGlmIChpY29uICE9PSBcIlwiKVxuICAgIHJldHVybiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lmljb24ubX0pYDtcbiAgcmV0dXJuIFwiXCI7XG59O1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dDxJbnB1dFByb3BzPihcbiAgKHsgdGhlbWUsIHByaXZhdGVQcm9wcywgaGFzRXJyb3IsIGljb24gfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQubSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5pbnB1dC5zLFxuICAgIGJvcmRlcldpZHRoOiBcIjFweFwiLFxuICAgIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LFxuICAgIGJvcmRlckNvbG9yOiBoYW5kbGVCb3JkZXJDb2xvcihcbiAgICAgIHRoZW1lLFxuICAgICAgcHJpdmF0ZVByb3BzPy5pc1RyYW5zcGFyZW50LFxuICAgICAgaGFzRXJyb3JcbiAgICApLFxuICAgIGJhY2tncm91bmRDb2xvcjogaGFuZGxlQmFja2dyb3VuZENvbG9yKHRoZW1lLCBwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnQpLFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5pbnB1dC5lcnJvcixcbiAgICB9LFxuICAgIFwiJiBzdmdcIjoge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wbGFjZWhvbGRlcixcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wbGFjZWhvbGRlcixcbiAgICB9LFxuICAgIFwiJjo6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wbGFjZWhvbGRlcixcbiAgICB9LFxuICAgIHBhZGRpbmdSaWdodDogaGFuZGxlUmlnaHRQYWRkaW5nKHRoZW1lLCBpY29uKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgLz5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSBzaXplPVwibVwiIC8+XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gSW5wdXQoe1xuICBuYW1lLFxuICB2YWx1ZSxcbiAgcGxhY2Vob2xkZXIsXG4gIGhhc0Vycm9yID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgaWNvbixcbiAgdGFiSW5kZXgsXG4gIGFyZWFMYWJlbCxcbiAgYXV0b0NvbXBsZXRlID0gXCJvblwiLFxuICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgLi4ucmVzdFxufTogSW5wdXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCB7Li4uKHJlc3QgYXMgRm9ybUZpZWxkUHJvcHMpfT5cbiAgICAgIDxJbnB1dFJhd1xuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICBhcmVhTGFiZWw9e2FyZWFMYWJlbH1cbiAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgLz5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+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 && /*#__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/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.xs} + ${theme.variables.size.font.icon.m})`;\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      />\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","width","display","alignItems","flexDirection","position","zIndex","StyledIconContainer","theme","right","variables","size","spacing","xs","handleBorderColor","isTransparent","hasError","values","color","border","input","error","default","handleBackgroundColor","background","handleRightPadding","icon","font","m","StyledInput","privateProps","fontFamily","lato","fontSize","text","lineHeight","borderRadius","s","borderWidth","borderStyle","padding","boxSizing","secondary","borderColor","backgroundColor","pointerEvents","placeholder","opacity","paddingRight","InputRaw","forwardRef","ref","name","value","disabled","onChange","onClick","onBlur","onFocus","type","areaLabel","tabIndex","autoComplete","Input","rest"],"mappings":"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"}