@amboss/design-system 1.15.2 → 1.15.4

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

@@ -0,0 +1,78 @@
+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 const Input: 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>>;

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

@@ -0,0 +1,179 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ3dCIiwiZmlsZSI6IklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gdG9nZ2xlIGVycm9yIHN0YXRlXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlZCBpbnB1dFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogXCJ0ZXh0XCIgfCBcInBhc3N3b3JkXCIgfCBcIm51bWJlclwiO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgYXJlYUxhYmVsPzogc3RyaW5nO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICBwcml2YXRlUHJvcHM/OiB7IGlzVHJhbnNwYXJlbnQ/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQ7XG59O1xuXG5jb25zdCBoYW5kbGVSaWdodFBhZGRpbmcgPSAodGhlbWU6IFRoZW1lLCBpY29uOiBzdHJpbmcpID0+IHtcbiAgaWYgKGljb24pIHtcbiAgICByZXR1cm4gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lmljb24ubX0pYDtcbiAgfVxuXG4gIHJldHVybiBcIlwiO1xufTtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBwcml2YXRlUHJvcHMsIGhhc0Vycm9yLCBpY29uIH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0Lm0sXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuaW5wdXQucyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3IoXG4gICAgICB0aGVtZSxcbiAgICAgIHByaXZhdGVQcm9wcz8uaXNUcmFuc3BhcmVudCxcbiAgICAgIGhhc0Vycm9yXG4gICAgKSxcblxuICAgIC4uLihwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnRcbiAgICAgID8ge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIFRPRE8gc2VtIGluIGRhcmsgdGhlbWUgbWlzc21hdGNoZWRcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgXCImOi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucXVhdGVybmFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnF1YXRlcm5hcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIHBhZGRpbmdSaWdodDogaGFuZGxlUmlnaHRQYWRkaW5nKHRoZW1lLCBpY29uKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnB1dFJhdyA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgLz5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gc2l6ZT1cIm1cIiAvPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxuKTtcblxuZXhwb3J0IGNvbnN0IElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhcmVhTGFiZWwsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWRzLWlkPVwiSW5wdXRcIiB7Li4uKHJlc3QgYXMgRm9ybUZpZWxkUHJvcHMpfT5cbiAgICAgIDxJbnB1dFJhd1xuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgZGlzYWJsZWQ9e3Jlc3QuZGlzYWJsZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgYXJlYUxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBwcml2YXRlUHJvcHM9e3ByaXZhdGVQcm9wc31cbiAgICAgIC8+XG4gICAgPC9Gb3JtRmllbGQ+XG4gIClcbik7XG4iXX0= */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzRCIiwiZmlsZSI6IklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gdG9nZ2xlIGVycm9yIHN0YXRlXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlZCBpbnB1dFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogXCJ0ZXh0XCIgfCBcInBhc3N3b3JkXCIgfCBcIm51bWJlclwiO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgYXJlYUxhYmVsPzogc3RyaW5nO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICBwcml2YXRlUHJvcHM/OiB7IGlzVHJhbnNwYXJlbnQ/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQ7XG59O1xuXG5jb25zdCBoYW5kbGVSaWdodFBhZGRpbmcgPSAodGhlbWU6IFRoZW1lLCBpY29uOiBzdHJpbmcpID0+IHtcbiAgaWYgKGljb24pIHtcbiAgICByZXR1cm4gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lmljb24ubX0pYDtcbiAgfVxuXG4gIHJldHVybiBcIlwiO1xufTtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBwcml2YXRlUHJvcHMsIGhhc0Vycm9yLCBpY29uIH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0Lm0sXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuaW5wdXQucyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3IoXG4gICAgICB0aGVtZSxcbiAgICAgIHByaXZhdGVQcm9wcz8uaXNUcmFuc3BhcmVudCxcbiAgICAgIGhhc0Vycm9yXG4gICAgKSxcblxuICAgIC4uLihwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnRcbiAgICAgID8ge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIFRPRE8gc2VtIGluIGRhcmsgdGhlbWUgbWlzc21hdGNoZWRcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgXCImOi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucXVhdGVybmFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnF1YXRlcm5hcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIHBhZGRpbmdSaWdodDogaGFuZGxlUmlnaHRQYWRkaW5nKHRoZW1lLCBpY29uKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnB1dFJhdyA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgLz5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gc2l6ZT1cIm1cIiAvPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxuKTtcblxuZXhwb3J0IGNvbnN0IElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhcmVhTGFiZWwsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWRzLWlkPVwiSW5wdXRcIiB7Li4uKHJlc3QgYXMgRm9ybUZpZWxkUHJvcHMpfT5cbiAgICAgIDxJbnB1dFJhd1xuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgZGlzYWJsZWQ9e3Jlc3QuZGlzYWJsZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgYXJlYUxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBwcml2YXRlUHJvcHM9e3ByaXZhdGVQcm9wc31cbiAgICAgIC8+XG4gICAgPC9Gb3JtRmllbGQ+XG4gIClcbik7XG4iXX0= */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRW9CIiwiZmlsZSI6IklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gdG9nZ2xlIGVycm9yIHN0YXRlXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlZCBpbnB1dFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogXCJ0ZXh0XCIgfCBcInBhc3N3b3JkXCIgfCBcIm51bWJlclwiO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgYXJlYUxhYmVsPzogc3RyaW5nO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICBwcml2YXRlUHJvcHM/OiB7IGlzVHJhbnNwYXJlbnQ/OiBib29sZWFuIH07XG59ICYgRm9ybUZpZWxkUHJvcHM7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaXNUcmFuc3BhcmVudDogYm9vbGVhbixcbiAgaGFzRXJyb3I6IGJvb2xlYW5cbikgPT4ge1xuICBpZiAoaXNUcmFuc3BhcmVudCkgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQ7XG59O1xuXG5jb25zdCBoYW5kbGVSaWdodFBhZGRpbmcgPSAodGhlbWU6IFRoZW1lLCBpY29uOiBzdHJpbmcpID0+IHtcbiAgaWYgKGljb24pIHtcbiAgICByZXR1cm4gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lmljb24ubX0pYDtcbiAgfVxuXG4gIHJldHVybiBcIlwiO1xufTtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBwcml2YXRlUHJvcHMsIGhhc0Vycm9yLCBpY29uIH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0Lm0sXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuaW5wdXQucyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3IoXG4gICAgICB0aGVtZSxcbiAgICAgIHByaXZhdGVQcm9wcz8uaXNUcmFuc3BhcmVudCxcbiAgICAgIGhhc0Vycm9yXG4gICAgKSxcblxuICAgIC4uLihwcml2YXRlUHJvcHM/LmlzVHJhbnNwYXJlbnRcbiAgICAgID8ge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIFRPRE8gc2VtIGluIGRhcmsgdGhlbWUgbWlzc21hdGNoZWRcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgXCImOi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucXVhdGVybmFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnF1YXRlcm5hcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIHBhZGRpbmdSaWdodDogaGFuZGxlUmlnaHRQYWRkaW5nKHRoZW1lLCBpY29uKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnB1dFJhdyA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgYXJlYUxhYmVsLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIHByaXZhdGVQcm9wcz17cHJpdmF0ZVByb3BzfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgLz5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gc2l6ZT1cIm1cIiAvPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxuKTtcblxuZXhwb3J0IGNvbnN0IElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgICBpY29uLFxuICAgICAgdGFiSW5kZXgsXG4gICAgICBhcmVhTGFiZWwsXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBwcml2YXRlUHJvcHMgPSB7fSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBJbnB1dFByb3BzLFxuICAgIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWRzLWlkPVwiSW5wdXRcIiB7Li4uKHJlc3QgYXMgRm9ybUZpZWxkUHJvcHMpfT5cbiAgICAgIDxJbnB1dFJhd1xuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgZGlzYWJsZWQ9e3Jlc3QuZGlzYWJsZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgYXJlYUxhYmVsPXthcmVhTGFiZWx9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICBwcml2YXRlUHJvcHM9e3ByaXZhdGVQcm9wc31cbiAgICAgIC8+XG4gICAgPC9Gb3JtRmllbGQ+XG4gIClcbik7XG4iXX0= */");
+const InputRaw = /*#__PURE__*/React.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"
+  }))));
+});
+const Input = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
+  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, {
+    ref: ref,
+    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 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 = React.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: React.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 const Input = React.forwardRef(\n  (\n    {\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,\n    ref: React.RefObject<HTMLInputElement>\n  ): React.ReactElement => (\n    <FormField data-ds-id=\"Input\" {...(rest as FormFieldProps)}>\n      <InputRaw\n        ref={ref}\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","React","forwardRef","_ref3","ref","name","value","placeholder","disabled","onChange","onClick","onBlur","onFocus","type","areaLabel","tabIndex","autoComplete","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,76 @@
+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 const PasswordInput: 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 {};