@amboss/design-system 1.15.2 → 1.15.3

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

@@ -0,0 +1,54 @@
+import React from "react";
+import { IconName } from "../../Icon/Icon";
+import { FormFieldProps } from "../FormField/FormField";
+export declare type InputProps = {
+    name: string;
+    value: string;
+    icon?: IconName;
+    placeholder?: string;
+    /**
+     * Set to true to toggle error state
+     */
+    hasError?: boolean;
+    /**
+     * Set to true to disabled input
+     */
+    disabled?: boolean;
+    type?: "text" | "password" | "number";
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+    areaLabel?: string;
+    tabIndex?: number;
+    autoComplete?: string;
+    privateProps?: {
+        isTransparent?: boolean;
+    };
+} & FormFieldProps;
+export declare const InputRaw: React.ForwardRefExoticComponent<{
+    name: string;
+    value: string;
+    icon?: IconName;
+    placeholder?: string;
+    /**
+     * Set to true to toggle error state
+     */
+    hasError?: boolean;
+    /**
+     * Set to true to disabled input
+     */
+    disabled?: boolean;
+    type?: "text" | "password" | "number";
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+    areaLabel?: string;
+    tabIndex?: number;
+    autoComplete?: string;
+    privateProps?: {
+        isTransparent?: boolean;
+    };
+} & FormFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare function Input({ name, value, placeholder, hasError, onChange, onClick, onBlur, onFocus, type, icon, tabIndex, areaLabel, autoComplete, privateProps, ...rest }: InputProps): React.ReactElement;

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

@@ -0,0 +1,178 @@
+import _extends from '@babel/runtime/helpers/extends';
+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/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQ7XG59O1xuXG5jb25zdCBoYW5kbGVSaWdodFBhZGRpbmcgPSAodGhlbWU6IFRoZW1lLCBpY29uOiBzdHJpbmcpID0+IHtcbiAgaWYgKGljb24pIHtcbiAgICByZXR1cm4gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lmljb24ubX0pYDtcbiAgfVxuXG4gIHJldHVybiBcIlwiO1xufTtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBwcml2YXRlUHJvcHMsIGhhc0Vycm9yLCBpY29uIH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0Lm0sXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuaW5wdXQucyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3IoXG4gICAgICB0aGVtZSxcbiAgICAgIHByaXZhdGVQcm9wcz8uaXNUcmFuc3BhcmVudCxcbiAgICAgIGhhc0Vycm9yXG4gICAgKSxcblxuICAgIC4uLihwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnRcbiAgICAgID8ge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIFRPRE8gc2VtIGluIGRhcmsgdGhlbWUgbWlzc21hdGNoZWRcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgXCImOi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucXVhdGVybmFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnF1YXRlcm5hcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIHBhZGRpbmdSaWdodDogaGFuZGxlUmlnaHRQYWRkaW5nKHRoZW1lLCBpY29uKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgLz5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gc2l6ZT1cIm1cIiAvPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIElucHV0KHtcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBoYXNFcnJvciA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DbGljayxcbiAgb25CbHVyLFxuICBvbkZvY3VzLFxuICB0eXBlID0gXCJ0ZXh0XCIsXG4gIGljb24sXG4gIHRhYkluZGV4LFxuICBhcmVhTGFiZWwsXG4gIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgcHJpdmF0ZVByb3BzID0ge30sXG4gIC4uLnJlc3Rcbn06IElucHV0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIklucHV0XCIgey4uLihyZXN0IGFzIEZvcm1GaWVsZFByb3BzKX0+XG4gICAgICA8SW5wdXRSYXdcbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgZGlzYWJsZWQ9e3Jlc3QuZGlzYWJsZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgYXJlYUxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBwcml2YXRlUHJvcHM9e3ByaXZhdGVQcm9wc31cbiAgICAgIC8+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+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/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQ7XG59O1xuXG5jb25zdCBoYW5kbGVSaWdodFBhZGRpbmcgPSAodGhlbWU6IFRoZW1lLCBpY29uOiBzdHJpbmcpID0+IHtcbiAgaWYgKGljb24pIHtcbiAgICByZXR1cm4gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lmljb24ubX0pYDtcbiAgfVxuXG4gIHJldHVybiBcIlwiO1xufTtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBwcml2YXRlUHJvcHMsIGhhc0Vycm9yLCBpY29uIH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0Lm0sXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuaW5wdXQucyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3IoXG4gICAgICB0aGVtZSxcbiAgICAgIHByaXZhdGVQcm9wcz8uaXNUcmFuc3BhcmVudCxcbiAgICAgIGhhc0Vycm9yXG4gICAgKSxcblxuICAgIC4uLihwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnRcbiAgICAgID8ge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIFRPRE8gc2VtIGluIGRhcmsgdGhlbWUgbWlzc21hdGNoZWRcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgXCImOi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucXVhdGVybmFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnF1YXRlcm5hcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIHBhZGRpbmdSaWdodDogaGFuZGxlUmlnaHRQYWRkaW5nKHRoZW1lLCBpY29uKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgLz5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gc2l6ZT1cIm1cIiAvPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIElucHV0KHtcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBoYXNFcnJvciA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DbGljayxcbiAgb25CbHVyLFxuICBvbkZvY3VzLFxuICB0eXBlID0gXCJ0ZXh0XCIsXG4gIGljb24sXG4gIHRhYkluZGV4LFxuICBhcmVhTGFiZWwsXG4gIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgcHJpdmF0ZVByb3BzID0ge30sXG4gIC4uLnJlc3Rcbn06IElucHV0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIklucHV0XCIgey4uLihyZXN0IGFzIEZvcm1GaWVsZFByb3BzKX0+XG4gICAgICA8SW5wdXRSYXdcbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgZGlzYWJsZWQ9e3Jlc3QuZGlzYWJsZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgYXJlYUxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBwcml2YXRlUHJvcHM9e3ByaXZhdGVQcm9wc31cbiAgICAgIC8+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+const handleBorderColor = (theme, isTransparent, hasError) => {
+  if (isTransparent) return "transparent";
+  if (hasError) return theme.values.color.border.error.default;
+  return theme.values.color.border.primary.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.primary.default,
+    borderColor: handleBorderColor(theme, privateProps?.isTransparent, hasError),
+    ...(privateProps?.isTransparent ? {
+      backgroundColor: theme.values.color.background.transparent.default
+    } : {
+      backgroundColor: theme.values.color.background.primary.default
+    }),
+    "&.error": {
+      borderColor: theme.values.color.border.error.default
+    },
+    "& svg": {
+      pointerEvents: "none"
+    },
+    // TODO sem in dark theme missmatched
+    "&::placeholder": {
+      color: theme.values.color.text.quaternary.default,
+      opacity: 1
+    },
+    "&:-ms-input-placeholder": {
+      color: theme.values.color.text.quaternary.default
+    },
+    "&::-ms-input-placeholder": {
+      color: theme.values.color.text.quaternary.default
+    },
+    paddingRight: handleRightPadding(theme, icon)
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRW9CIiwiZmlsZSI6IklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFJlZk9iamVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gdG9nZ2xlIGVycm9yIHN0YXRlXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlZCBpbnB1dFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogXCJ0ZXh0XCIgfCBcInBhc3N3b3JkXCIgfCBcIm51bWJlclwiO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgYXJlYUxhYmVsPzogc3RyaW5nO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICBwcml2YXRlUHJvcHM/OiB7IGlzVHJhbnNwYXJlbnQ/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQ7XG59O1xuXG5jb25zdCBoYW5kbGVSaWdodFBhZGRpbmcgPSAodGhlbWU6IFRoZW1lLCBpY29uOiBzdHJpbmcpID0+IHtcbiAgaWYgKGljb24pIHtcbiAgICByZXR1cm4gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lmljb24ubX0pYDtcbiAgfVxuXG4gIHJldHVybiBcIlwiO1xufTtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBwcml2YXRlUHJvcHMsIGhhc0Vycm9yLCBpY29uIH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0Lm0sXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuaW5wdXQucyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3IoXG4gICAgICB0aGVtZSxcbiAgICAgIHByaXZhdGVQcm9wcz8uaXNUcmFuc3BhcmVudCxcbiAgICAgIGhhc0Vycm9yXG4gICAgKSxcblxuICAgIC4uLihwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnRcbiAgICAgID8ge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIFRPRE8gc2VtIGluIGRhcmsgdGhlbWUgbWlzc21hdGNoZWRcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgXCImOi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucXVhdGVybmFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnF1YXRlcm5hcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIHBhZGRpbmdSaWdodDogaGFuZGxlUmlnaHRQYWRkaW5nKHRoZW1lLCBpY29uKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgLz5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gc2l6ZT1cIm1cIiAvPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIElucHV0KHtcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBoYXNFcnJvciA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DbGljayxcbiAgb25CbHVyLFxuICBvbkZvY3VzLFxuICB0eXBlID0gXCJ0ZXh0XCIsXG4gIGljb24sXG4gIHRhYkluZGV4LFxuICBhcmVhTGFiZWwsXG4gIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgcHJpdmF0ZVByb3BzID0ge30sXG4gIC4uLnJlc3Rcbn06IElucHV0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIklucHV0XCIgey4uLihyZXN0IGFzIEZvcm1GaWVsZFByb3BzKX0+XG4gICAgICA8SW5wdXRSYXdcbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgZGlzYWJsZWQ9e3Jlc3QuZGlzYWJsZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgYXJlYUxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBwcml2YXRlUHJvcHM9e3ByaXZhdGVQcm9wc31cbiAgICAgIC8+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+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",
+    color: "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, _extends({
+    "data-ds-id": "Input"
+  }, 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.error.default;\n  return theme.values.color.border.primary.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.primary.default,\n    borderColor: handleBorderColor(\n      theme,\n      privateProps?.isTransparent,\n      hasError\n    ),\n\n    ...(privateProps?.isTransparent\n      ? {\n          backgroundColor: theme.values.color.background.transparent.default,\n        }\n      : {\n          backgroundColor: theme.values.color.background.primary.default,\n        }),\n    \"&.error\": {\n      borderColor: theme.values.color.border.error.default,\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n    },\n    // TODO sem in dark theme missmatched\n    \"&::placeholder\": {\n      color: theme.values.color.text.quaternary.default,\n      opacity: 1,\n    },\n    \"&:-ms-input-placeholder\": {\n      color: theme.values.color.text.quaternary.default,\n    },\n    \"&::-ms-input-placeholder\": {\n      color: theme.values.color.text.quaternary.default,\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\" color=\"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 data-ds-id=\"Input\" {...(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","error","default","primary","handleRightPadding","icon","s","font","m","StyledInput","_ref2","privateProps","fontFamily","lato","fontSize","text","lineHeight","borderRadius","input","borderWidth","borderStyle","padding","boxSizing","borderColor","backgroundColor","background","transparent","pointerEvents","quaternary","opacity","paddingRight","InputRaw","forwardRef","_ref3","ref","name","value","placeholder","disabled","onChange","onClick","onBlur","onFocus","type","areaLabel","tabIndex","autoComplete","React","createElement","Text","as","Icon","Input","_ref4","rest","FormField","_extends"],"mappings":"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"}

package/build/esm/src/components/Form/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from "./Input";
+export type { InputProps } from "./Input";

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

@@ -0,0 +1,53 @@
+import React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+export declare type PasswordInputProps = {
+    iconAriaLabel: string;
+} & InputProps;
+declare type InputProps = {
+    name: string;
+    value: string;
+    placeholder?: string;
+    /**
+     * Set to true to toggle error state
+     */
+    hasError?: boolean;
+    /**
+     * Set to true to disabled input
+     */
+    disabled?: boolean;
+    type?: string;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onIconClick?: (e: React.MouseEvent) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+    areaLabel?: string;
+    tabIndex?: number;
+    autoComplete?: string;
+} & FormFieldProps;
+export declare const PasswordInputRaw: React.ForwardRefExoticComponent<{
+    iconAriaLabel: string;
+} & {
+    name: string;
+    value: string;
+    placeholder?: string;
+    /**
+     * Set to true to toggle error state
+     */
+    hasError?: boolean;
+    /**
+     * Set to true to disabled input
+     */
+    disabled?: boolean;
+    type?: string;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onIconClick?: (e: React.MouseEvent) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+    areaLabel?: string;
+    tabIndex?: number;
+    autoComplete?: string;
+} & FormFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare function PasswordInput({ name, value, placeholder, hasError, onChange, onClick, onBlur, onFocus, onIconClick, type, tabIndex, areaLabel, autoComplete, iconAriaLabel, ...rest }: PasswordInputProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,218 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React, { forwardRef, useState } from 'react';
+import { Icon } from '../../Icon/Icon.js';
+import { FormField } from '../FormField/FormField.js';
+
+const handleBorderColor = (theme, hasError) => {
+  if (hasError) return theme.values.color.border.error.default;
+  return theme.values.color.border.primary.default;
+};
+const handleIconBorderColor = (theme, hasError) => {
+  if (hasError) return theme.values.color.icon.error;
+  return "transparent";
+};
+const handleIconLeftBorderColor = (theme, hasError) => {
+  if (hasError) return theme.values.color.border.error.default;
+  return theme.values.color.border.primary.default;
+};
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1gat1hh2"
+} : {
+  target: "e1gat1hh2",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhc3N3b3JkSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IiLCJmaWxlIjoiUGFzc3dvcmRJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgZm9yd2FyZFJlZiwgUmVmT2JqZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkLCBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgaWNvbkFyaWFMYWJlbDogc3RyaW5nO1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gZGlzYWJsZWQgaW5wdXRcbiAgICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgdHlwZT86IHN0cmluZztcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25JY29uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIGFyZWFMYWJlbD86IHN0cmluZztcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG4gIGF1dG9Db21wbGV0ZT86IHN0cmluZztcbn0gJiBGb3JtRmllbGRQcm9wcztcblxudHlwZSBJY29uUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBoYXNFcnJvcjogYm9vbGVhbikgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdDtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25Cb3JkZXJDb2xvciA9ICh0aGVtZTogVGhlbWUsIGhhc0Vycm9yOiBib29sZWFuKSA9PiB7XG4gIGlmIChoYXNFcnJvcikgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmVycm9yO1xuICByZXR1cm4gXCJ0cmFuc3BhcmVudFwiO1xufTtcblxuY29uc3QgaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvciA9ICh0aGVtZTogVGhlbWUsIGhhc0Vycm9yOiBib29sZWFuKSA9PiB7XG4gIGlmIChoYXNFcnJvcikgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdDtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IDEsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEljb25CdG4gPSBzdHlsZWQuYnV0dG9uPEljb25Qcm9wcz4oKHsgdGhlbWUsIGhhc0Vycm9yIH0pID0+ICh7XG4gIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gIH0sXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIHpJbmRleDogMixcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmlucHV0LnMsXG4gIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMFwiLFxuICBib3JkZXJUb3BMZWZ0UmFkaXVzOiBcIjBcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICB9LFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICB9LFxuICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkUGFzc3dvcmRJbnB1dCA9IHN0eWxlZC5pbnB1dDxJbnB1dFByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQubSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuaW5wdXQucyxcbiAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bCxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3IodGhlbWUsIGhhc0Vycm9yKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIFwiJi5lcnJvclwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgfSxcbiAgXCImLmhhcy1pY29uXCI6IHtcbiAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzICsgdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5pY29uLm0sXG4gIH0sXG4gIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gICAgb3BhY2l0eTogMSxcbiAgfSxcbiAgXCImOi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnF1YXRlcm5hcnkuZGVmYXVsdCxcbiAgfSxcbiAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uSWNvbkNsaWNrLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUsXG4gICAgICBpY29uQXJpYUxhYmVsLFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IFtpbnB1dFR5cGUsIHNldElucHV0VHlwZV0gPSB1c2VTdGF0ZShcInBhc3N3b3JkXCIpO1xuICAgIGNvbnN0IGN1cnJlbnRUeXBlID0gaW5wdXRUeXBlID09PSBcInBhc3N3b3JkXCIgPyBcInRleHRcIiA6IFwicGFzc3dvcmRcIjtcbiAgICBjb25zdCBleWVJY29uID0gaW5wdXRUeXBlID09PSBcInBhc3N3b3JkXCIgPyBcImV5ZS1vZmZcIiA6IFwiZXllXCI7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFBhc3N3b3JkSW5wdXRcbiAgICAgICAgICB0eXBlPXtpbnB1dFR5cGV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIGFyaWEtbGFiZWw9e2FyZWFMYWJlbH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkSWNvbkJ0blxuICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKG9uSWNvbkNsaWNrKSB7XG4gICAgICAgICAgICAgIG9uSWNvbkNsaWNrKGUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2V0SW5wdXRUeXBlKGN1cnJlbnRUeXBlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIG5hbWU9e2V5ZUljb259IHNpemU9XCJzXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiIC8+XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ0bj5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBQYXNzd29yZElucHV0KHtcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyID0gXCLigKLigKLigKLigKLigKLigKLigKLigKJcIixcbiAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgb25JY29uQ2xpY2ssXG4gIHR5cGUsXG4gIHRhYkluZGV4LFxuICBhcmVhTGFiZWwsXG4gIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgaWNvbkFyaWFMYWJlbCxcbiAgLi4ucmVzdFxufTogUGFzc3dvcmRJbnB1dFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZHMtaWQ9XCJQYXNzd29yZElucHV0XCIgey4uLihyZXN0IGFzIEZvcm1GaWVsZFByb3BzKX0+XG4gICAgICA8UGFzc3dvcmRJbnB1dFJhd1xuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgb25JY29uQ2xpY2s9e29uSWNvbkNsaWNrfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGFyZWFMYWJlbD17YXJlYUxhYmVsfVxuICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgaWNvbkFyaWFMYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgIC8+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+const StyledIconBtn = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1gat1hh1"
+} : {
+  target: "e1gat1hh1",
+  label: "StyledIconBtn"
+})(_ref => {
+  let {
+    theme,
+    hasError
+  } = _ref;
+  return {
+    "&[type='button']": {
+      appearance: "none",
+      MozAppearance: "none",
+      WebkitAppearance: "none"
+    },
+    position: "absolute",
+    top: 0,
+    right: 0,
+    zIndex: 2,
+    border: "1px solid",
+    borderColor: handleIconBorderColor(theme, hasError),
+    borderLeftColor: handleIconLeftBorderColor(theme, hasError),
+    padding: theme.variables.size.spacing.s,
+    borderRadius: theme.variables.size.borderRadius.input.s,
+    borderBottomLeftRadius: "0",
+    borderTopLeftRadius: "0",
+    color: theme.values.color.text.secondary.default,
+    backgroundColor: "inherit",
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: theme.values.color.background.transparent.hover,
+      borderColor: theme.values.color.border.primary.default
+    },
+    "&:active": {
+      color: theme.values.color.text.primary.default,
+      backgroundColor: theme.values.color.background.transparent.active,
+      borderColor: theme.values.color.border.primary.active
+    },
+    "&:disabled": {
+      backgroundColor: theme.values.color.background.transparent.default,
+      borderColor: theme.values.color.border.primary.disabled,
+      pointerEvents: "none"
+    },
+    "& svg": {
+      pointerEvents: "none"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhc3N3b3JkSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFc0IiLCJmaWxlIjoiUGFzc3dvcmRJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgZm9yd2FyZFJlZiwgUmVmT2JqZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkLCBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgaWNvbkFyaWFMYWJlbDogc3RyaW5nO1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gZGlzYWJsZWQgaW5wdXRcbiAgICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgdHlwZT86IHN0cmluZztcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25JY29uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIGFyZWFMYWJlbD86IHN0cmluZztcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG4gIGF1dG9Db21wbGV0ZT86IHN0cmluZztcbn0gJiBGb3JtRmllbGRQcm9wcztcblxudHlwZSBJY29uUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBoYXNFcnJvcjogYm9vbGVhbikgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdDtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25Cb3JkZXJDb2xvciA9ICh0aGVtZTogVGhlbWUsIGhhc0Vycm9yOiBib29sZWFuKSA9PiB7XG4gIGlmIChoYXNFcnJvcikgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmVycm9yO1xuICByZXR1cm4gXCJ0cmFuc3BhcmVudFwiO1xufTtcblxuY29uc3QgaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvciA9ICh0aGVtZTogVGhlbWUsIGhhc0Vycm9yOiBib29sZWFuKSA9PiB7XG4gIGlmIChoYXNFcnJvcikgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdDtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IDEsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEljb25CdG4gPSBzdHlsZWQuYnV0dG9uPEljb25Qcm9wcz4oKHsgdGhlbWUsIGhhc0Vycm9yIH0pID0+ICh7XG4gIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gIH0sXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIHpJbmRleDogMixcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmlucHV0LnMsXG4gIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMFwiLFxuICBib3JkZXJUb3BMZWZ0UmFkaXVzOiBcIjBcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICB9LFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICB9LFxuICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkUGFzc3dvcmRJbnB1dCA9IHN0eWxlZC5pbnB1dDxJbnB1dFByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQubSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuaW5wdXQucyxcbiAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bCxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3IodGhlbWUsIGhhc0Vycm9yKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIFwiJi5lcnJvclwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgfSxcbiAgXCImLmhhcy1pY29uXCI6IHtcbiAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzICsgdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5pY29uLm0sXG4gIH0sXG4gIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gICAgb3BhY2l0eTogMSxcbiAgfSxcbiAgXCImOi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnF1YXRlcm5hcnkuZGVmYXVsdCxcbiAgfSxcbiAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uSWNvbkNsaWNrLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUsXG4gICAgICBpY29uQXJpYUxhYmVsLFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IFtpbnB1dFR5cGUsIHNldElucHV0VHlwZV0gPSB1c2VTdGF0ZShcInBhc3N3b3JkXCIpO1xuICAgIGNvbnN0IGN1cnJlbnRUeXBlID0gaW5wdXRUeXBlID09PSBcInBhc3N3b3JkXCIgPyBcInRleHRcIiA6IFwicGFzc3dvcmRcIjtcbiAgICBjb25zdCBleWVJY29uID0gaW5wdXRUeXBlID09PSBcInBhc3N3b3JkXCIgPyBcImV5ZS1vZmZcIiA6IFwiZXllXCI7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFBhc3N3b3JkSW5wdXRcbiAgICAgICAgICB0eXBlPXtpbnB1dFR5cGV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIGFyaWEtbGFiZWw9e2FyZWFMYWJlbH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkSWNvbkJ0blxuICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKG9uSWNvbkNsaWNrKSB7XG4gICAgICAgICAgICAgIG9uSWNvbkNsaWNrKGUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2V0SW5wdXRUeXBlKGN1cnJlbnRUeXBlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIG5hbWU9e2V5ZUljb259IHNpemU9XCJzXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiIC8+XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ0bj5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBQYXNzd29yZElucHV0KHtcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyID0gXCLigKLigKLigKLigKLigKLigKLigKLigKJcIixcbiAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgb25JY29uQ2xpY2ssXG4gIHR5cGUsXG4gIHRhYkluZGV4LFxuICBhcmVhTGFiZWwsXG4gIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgaWNvbkFyaWFMYWJlbCxcbiAgLi4ucmVzdFxufTogUGFzc3dvcmRJbnB1dFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZHMtaWQ9XCJQYXNzd29yZElucHV0XCIgey4uLihyZXN0IGFzIEZvcm1GaWVsZFByb3BzKX0+XG4gICAgICA8UGFzc3dvcmRJbnB1dFJhd1xuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgb25JY29uQ2xpY2s9e29uSWNvbkNsaWNrfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGFyZWFMYWJlbD17YXJlYUxhYmVsfVxuICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgaWNvbkFyaWFMYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgIC8+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+const StyledPasswordInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e1gat1hh0"
+} : {
+  target: "e1gat1hh0",
+  label: "StyledPasswordInput"
+})(_ref2 => {
+  let {
+    theme,
+    hasError
+  } = _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,
+    paddingRight: theme.variables.size.spacing.xxl,
+    boxSizing: "border-box",
+    color: theme.values.color.text.secondary.default,
+    borderColor: handleBorderColor(theme, hasError),
+    backgroundColor: theme.values.color.background.primary.default,
+    "&.error": {
+      borderColor: theme.values.color.border.error.default
+    },
+    "&.has-icon": {
+      paddingRight: theme.variables.size.spacing.xs + theme.variables.size.font.icon.m
+    },
+    "&::placeholder": {
+      color: theme.values.color.text.quaternary.default,
+      opacity: 1
+    },
+    "&:-ms-input-placeholder": {
+      color: theme.values.color.text.quaternary.default
+    },
+    "&::-ms-input-placeholder": {
+      color: theme.values.color.text.quaternary.default
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhc3N3b3JkSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlHNEIiLCJmaWxlIjoiUGFzc3dvcmRJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgZm9yd2FyZFJlZiwgUmVmT2JqZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkLCBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgaWNvbkFyaWFMYWJlbDogc3RyaW5nO1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gZGlzYWJsZWQgaW5wdXRcbiAgICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgdHlwZT86IHN0cmluZztcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25JY29uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIGFyZWFMYWJlbD86IHN0cmluZztcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG4gIGF1dG9Db21wbGV0ZT86IHN0cmluZztcbn0gJiBGb3JtRmllbGRQcm9wcztcblxudHlwZSBJY29uUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBoYXNFcnJvcjogYm9vbGVhbikgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdDtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25Cb3JkZXJDb2xvciA9ICh0aGVtZTogVGhlbWUsIGhhc0Vycm9yOiBib29sZWFuKSA9PiB7XG4gIGlmIChoYXNFcnJvcikgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmVycm9yO1xuICByZXR1cm4gXCJ0cmFuc3BhcmVudFwiO1xufTtcblxuY29uc3QgaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvciA9ICh0aGVtZTogVGhlbWUsIGhhc0Vycm9yOiBib29sZWFuKSA9PiB7XG4gIGlmIChoYXNFcnJvcikgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdDtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IDEsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEljb25CdG4gPSBzdHlsZWQuYnV0dG9uPEljb25Qcm9wcz4oKHsgdGhlbWUsIGhhc0Vycm9yIH0pID0+ICh7XG4gIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gIH0sXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIHpJbmRleDogMixcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmlucHV0LnMsXG4gIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMFwiLFxuICBib3JkZXJUb3BMZWZ0UmFkaXVzOiBcIjBcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICB9LFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICB9LFxuICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkUGFzc3dvcmRJbnB1dCA9IHN0eWxlZC5pbnB1dDxJbnB1dFByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQubSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuaW5wdXQucyxcbiAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bCxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3IodGhlbWUsIGhhc0Vycm9yKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIFwiJi5lcnJvclwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgfSxcbiAgXCImLmhhcy1pY29uXCI6IHtcbiAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzICsgdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5pY29uLm0sXG4gIH0sXG4gIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gICAgb3BhY2l0eTogMSxcbiAgfSxcbiAgXCImOi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnF1YXRlcm5hcnkuZGVmYXVsdCxcbiAgfSxcbiAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uSWNvbkNsaWNrLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUsXG4gICAgICBpY29uQXJpYUxhYmVsLFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IFtpbnB1dFR5cGUsIHNldElucHV0VHlwZV0gPSB1c2VTdGF0ZShcInBhc3N3b3JkXCIpO1xuICAgIGNvbnN0IGN1cnJlbnRUeXBlID0gaW5wdXRUeXBlID09PSBcInBhc3N3b3JkXCIgPyBcInRleHRcIiA6IFwicGFzc3dvcmRcIjtcbiAgICBjb25zdCBleWVJY29uID0gaW5wdXRUeXBlID09PSBcInBhc3N3b3JkXCIgPyBcImV5ZS1vZmZcIiA6IFwiZXllXCI7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFBhc3N3b3JkSW5wdXRcbiAgICAgICAgICB0eXBlPXtpbnB1dFR5cGV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIGFyaWEtbGFiZWw9e2FyZWFMYWJlbH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAvPlxuICAgICAgICA8U3R5bGVkSWNvbkJ0blxuICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKG9uSWNvbkNsaWNrKSB7XG4gICAgICAgICAgICAgIG9uSWNvbkNsaWNrKGUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2V0SW5wdXRUeXBlKGN1cnJlbnRUeXBlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIG5hbWU9e2V5ZUljb259IHNpemU9XCJzXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiIC8+XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ0bj5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBQYXNzd29yZElucHV0KHtcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyID0gXCLigKLigKLigKLigKLigKLigKLigKLigKJcIixcbiAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgb25JY29uQ2xpY2ssXG4gIHR5cGUsXG4gIHRhYkluZGV4LFxuICBhcmVhTGFiZWwsXG4gIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgaWNvbkFyaWFMYWJlbCxcbiAgLi4ucmVzdFxufTogUGFzc3dvcmRJbnB1dFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZHMtaWQ9XCJQYXNzd29yZElucHV0XCIgey4uLihyZXN0IGFzIEZvcm1GaWVsZFByb3BzKX0+XG4gICAgICA8UGFzc3dvcmRJbnB1dFJhd1xuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgb25JY29uQ2xpY2s9e29uSWNvbkNsaWNrfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGFyZWFMYWJlbD17YXJlYUxhYmVsfVxuICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgaWNvbkFyaWFMYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgIC8+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+const PasswordInputRaw = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    name,
+    value,
+    placeholder,
+    hasError = false,
+    disabled,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    onIconClick,
+    areaLabel,
+    tabIndex,
+    autoComplete,
+    iconAriaLabel
+  } = _ref3;
+  const [inputType, setInputType] = useState("password");
+  const currentType = inputType === "password" ? "text" : "password";
+  const eyeIcon = inputType === "password" ? "eye-off" : "eye";
+  return /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(StyledPasswordInput, {
+    type: inputType,
+    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
+  }), /*#__PURE__*/React.createElement(StyledIconBtn, {
+    onClick: e => {
+      if (disabled) {
+        e.preventDefault();
+      }
+      if (onIconClick) {
+        onIconClick(e);
+      }
+      setInputType(currentType);
+    },
+    hasError: hasError,
+    disabled: disabled,
+    "aria-label": iconAriaLabel,
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: eyeIcon,
+    size: "s",
+    color: "tertiary"
+  })));
+});
+function PasswordInput(_ref4) {
+  let {
+    name,
+    value,
+    placeholder = "••••••••",
+    hasError = false,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    onIconClick,
+    type,
+    tabIndex,
+    areaLabel,
+    autoComplete = "on",
+    iconAriaLabel,
+    ...rest
+  } = _ref4;
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    "data-ds-id": "PasswordInput"
+  }, rest), /*#__PURE__*/React.createElement(PasswordInputRaw, {
+    name: name,
+    value: value,
+    type: type,
+    placeholder: placeholder,
+    hasError: hasError,
+    disabled: rest.disabled,
+    onChange: onChange,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onClick: onClick,
+    onIconClick: onIconClick,
+    tabIndex: tabIndex,
+    areaLabel: areaLabel,
+    autoComplete: autoComplete,
+    iconAriaLabel: iconAriaLabel
+  }));
+}
+
+export { PasswordInput, PasswordInputRaw };
+//# sourceMappingURL=PasswordInput.js.map