@typeolymp/ui-components 1.2.1 → 1.3.1

package/build/components/atoms/Icon/index.d.ts

@@ -2,7 +2,7 @@ import { FC } from "react";
 export declare type PropsType = {
     type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand";
     size?: "tiny" | "small" | "medium" | "large";
-    color?: "blue" | "green" | "orange" | "red" | "gray" | "darkGray" | "lightGray" | "white";
+    color?: "blue" | "green" | "orange" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
     onClick?(e?: MouseEvent): void;
 };
 declare const Icon: FC<PropsType>;

package/build/components/atoms/Input/Password.d.ts

@@ -1,4 +1,7 @@
 import { FC } from "react";
-import { PropsType } from ".";
+import { PropsType as InputPropsType } from ".";
+export declare type PropsType = InputPropsType & {
+    onKeyPress?(e: KeyboardEvent): void;
+};
 declare const PasswordInput: FC<PropsType>;
 export default PasswordInput;

package/build/components/atoms/Input/index.d.ts

@@ -1,4 +1,5 @@
 import { FC } from "react";
+import { PropsType as PasswordInputPropsType } from "./Password";
 export declare type PropsType = {
     id: string;
     initialValue?: string;
@@ -10,6 +11,6 @@ export declare type PropsType = {
     onBlur?(): void;
 };
 declare const Input: FC<PropsType> & {
-    Password: FC<PropsType>;
+    Password: FC<PasswordInputPropsType>;
 };
 export default Input;

package/build/components/atoms/Input/stories.d.ts

@@ -3,7 +3,7 @@ import { PropsType } from ".";
 declare const _default: {
     title: string;
     component: React.FC<PropsType> & {
-        Password: React.FC<PropsType>;
+        Password: React.FC<import("./Password").PropsType>;
     };
 };
 export default _default;

package/build/components/molecules/InputField/index.d.ts

@@ -7,7 +7,6 @@ export declare type PropsType = {
     autoFocus?: boolean;
     disabled?: boolean;
     placeholder?: string;
-    isPassword?: boolean;
     onChange?(fieldName: string, value: string): void;
     onBlur?(fieldName: string): void;
 };

package/build/components/molecules/PasswordInputField/index.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+export declare type PropsType = {
+    name: string;
+    label: string | JSX.Element;
+    autocomplete?: string;
+    initialValue?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    onChange?(fieldName: string, value: string): void;
+    onKeyPressEnter?(): void;
+    onBlur?(fieldName: string): void;
+};
+declare const PasswordInputField: FC<PropsType>;
+export default PasswordInputField;

package/build/components/molecules/PasswordInputField/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: any;
+export declare const Label: any;

package/build/components/organisms/Form/index.d.ts

@@ -1,6 +1,7 @@
 import { FC } from "react";
 import { PropsType as ButtonPropsType } from "../../atoms/Button";
 import { PropsType as InputFieldPropsType } from "../../molecules/InputField";
+import { PropsType as PasswordInputFieldPropsType } from "../../molecules/PasswordInputField";
 import { PropsType as RadioGroupPropsType } from "../../molecules/RadioGroup";
 import { PropsType as NumberFieldPropsType } from "../../molecules/NumberField";
 import { PropsType as CheckboxesPropsType } from "../../molecules/Checkboxes";
@@ -17,8 +18,12 @@ declare type ValidationType = {
     feedback?: FeedbackType;
 };
 declare type InputFieldType = {
-    type: "text" | "password";
+    type: "text";
 } & InputFieldPropsType & ValidationType;
+declare type PasswordInputFieldType = {
+    type: "password";
+    submitOnEnter?: boolean;
+} & PasswordInputFieldPropsType & ValidationType;
 declare type RadioGroupFieldType = {
     type: "radio";
 } & RadioGroupPropsType & ValidationType;
@@ -34,7 +39,7 @@ declare type SelectFieldType = {
 declare type ToggleFieldType = {
     type: "toggle";
 } & ToggleFieldPropsType & ValidationType;
-export declare type FormFieldType = InputFieldType | RadioGroupFieldType | NumberFieldType | CheckboxesFieldType | SelectFieldType | ToggleFieldType;
+export declare type FormFieldType = InputFieldType | PasswordInputFieldType | RadioGroupFieldType | NumberFieldType | CheckboxesFieldType | SelectFieldType | ToggleFieldType;
 export declare type PropsType = {
     title?: string;
     description?: string;

package/build/index.d.ts

@@ -26,6 +26,7 @@ import Loading from "./components/molecules/Loading";
 import Medals from "./components/molecules/Medals";
 import Notification from "./components/molecules/Notification";
 import NumberField from "./components/molecules/NumberField";
+import PasswordInputField from "./components/molecules/PasswordInputField";
 import Popup from "./components/molecules/Popup";
 import ProgressBar from "./components/molecules/ProgressBar";
 import RadioGroup from "./components/molecules/RadioGroup";
@@ -35,4 +36,4 @@ import Tooltip from "./components/molecules/Tooltip";
 import Form from "./components/organisms/Form";
 import Keyboard from "./components/organisms/Keyboard";
 import Modal from "./components/organisms/Modal";
-export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Select, Spacer, Subheading, Toggle, Trophy, Alert, Card, Checkboxes, IconButton, InputField, Link, Loading, Medals, Notification, NumberField, Popup, ProgressBar, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, };
+export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Select, Spacer, Subheading, Toggle, Trophy, Alert, Card, Checkboxes, IconButton, InputField, Link, Loading, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, };