@typeolymp/ui-components 1.8.3 → 1.9.0

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

@@ -1,6 +1,6 @@
 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" | "calendar" | "menuAlt";
+    type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt";
     size?: "tiny" | "small" | "medium" | "large";
     color?: "blue" | "green" | "orange" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
     onClick?(e?: MouseEvent): void;

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

@@ -1,8 +1,9 @@
 import { FC } from "react";
 export declare type PropsType = {
-    characters?: string[];
-    color?: "purple" | "yellow" | "green" | "blue" | "pink";
-    active?: boolean;
+    char: string;
+    color: "pink" | "blue" | "green" | "yellow" | "purple";
+    status: "passed" | "active" | "incoming";
+    error?: boolean;
 };
 declare const Key: FC<PropsType>;
 export default Key;

package/build/components/molecules/{TranslationSelect → Key}/stories.d.ts

@@ -5,11 +5,4 @@ declare const _default: {
     component: React.FC<PropsType>;
 };
 export default _default;
-export declare const Overview: {
-    (): JSX.Element;
-    parameters: {
-        backgrounds: {
-            default: string;
-        };
-    };
-};
+export declare const Overview: () => JSX.Element;

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

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

package/build/components/molecules/Key/translations.d.ts

@@ -0,0 +1,5 @@
+import { LocaleType } from "@typeolymp/utility/build/types";
+declare const translations: {
+    [key in LocaleType]: string;
+};
+export default translations;

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

@@ -8,7 +8,7 @@ export declare type PropsType = {
     autoFocus?: boolean;
     disabled?: boolean;
     placeholder?: string;
-    helper?: LocaleType;
+    helperLocale?: LocaleType;
     onChange?(fieldName: string, value: string): void;
     onKeyPress?(e: KeyboardEvent): void;
     onBlur?(fieldName: string): void;

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

@@ -1,2 +1,3 @@
 export declare const FormWrapper: any;
+export declare const DescriptionWrapper: any;
 export declare const ButtonWrapper: any;

package/build/components/organisms/Keyboard/Key/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+export declare type PropsType = {
+    characters?: string[];
+    color?: "purple" | "yellow" | "green" | "blue" | "pink";
+    active?: boolean;
+};
+declare const Key: FC<PropsType>;
+export default Key;

package/build/components/organisms/Keyboard/Key/styles.d.ts

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

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

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { PropsType as KeyPropsType } from "../../molecules/Key";
+import { PropsType as KeyPropsType } from "./Key";
 export declare type PropsType = {
     keys?: Array<{
         index: number;

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

@@ -0,0 +1,14 @@
+import { FC } from "react";
+export declare type PropsType = {
+    title: string;
+    subtitle: string;
+    target: number;
+    value: number;
+    progressBar?: {
+        min: number;
+        max: number;
+        unit?: string;
+    };
+};
+declare const Result: FC<PropsType>;
+export default Result;

package/build/components/organisms/Result/stories.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;

package/build/components/organisms/Result/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Container: any;
+export declare const ProgressBarWrapper: any;
+export declare const Indicator: any;
+export declare const Target: any;

package/build/index.d.ts

@@ -24,6 +24,7 @@ import Collapse from "./components/molecules/Collapse";
 import DateInputField from "./components/molecules/DateInputField";
 import IconButton from "./components/molecules/IconButton";
 import InputField from "./components/molecules/InputField";
+import Key from "./components/molecules/Key";
 import Link from "./components/molecules/Link";
 import Loading from "./components/molecules/Loading";
 import LocaleSelect from "./components/molecules/LocaleSelect";
@@ -41,4 +42,5 @@ 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, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, DateInputField, IconButton, InputField, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, };
+import Result from "./components/organisms/Result";
+export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Select, Spacer, Subheading, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, DateInputField, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, Result, };