@typeolymp/ui-components 1.0.0

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+export declare type PropsType = {
+    label: string | JSX.Element;
+    color?: "blue" | "green" | "white";
+    size?: "small" | "medium";
+    fluid?: boolean;
+    disabled?: boolean;
+    tabIndex?: number;
+    onClick?(): void;
+};
+declare const Button: FC<PropsType>;
+export default Button;

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

@@ -0,0 +1,32 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        label: string;
+        color: string;
+        fluid: boolean;
+        size: string;
+        disabled: boolean;
+    };
+    argTypes: {
+        color: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/atoms/Button/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledButton: any;
+export declare const DisabledButton: any;
+export declare const GhostButton: any;

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+export declare type PropsType = {
+    initialValue?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    id?: string;
+    onChange?(value: boolean): void;
+    onBlur?(): void;
+};
+declare const Checkbox: FC<PropsType>;
+export default Checkbox;

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

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

package/build/components/atoms/Checkbox/styles.d.ts

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

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+export declare type PropsType = {
+    locale: "nl-NL" | "nl-BE";
+    size?: "small" | "medium" | "large";
+};
+declare const Flag: FC<PropsType>;
+export default Flag;

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

@@ -0,0 +1,29 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        locale: string;
+        size: string;
+    };
+    argTypes: {
+        locale: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/atoms/Flag/styles.d.ts

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

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+declare type HeadingType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+declare type PropsType = {
+    type: HeadingType;
+    color?: "black" | "white" | "gray";
+    align?: "left" | "center" | "right";
+    as?: HeadingType | "span";
+};
+declare const Heading: FC<PropsType>;
+export type { PropsType };
+export default Heading;

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

@@ -0,0 +1,40 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        type: string;
+        color: string;
+        align: string;
+        as: string;
+    };
+    argTypes: {
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        as: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};

package/build/components/atoms/Heading/styles.d.ts

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

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

@@ -0,0 +1,9 @@
+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";
+    onClick?(e?: MouseEvent): void;
+};
+declare const Icon: FC<PropsType>;
+export default Icon;

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

@@ -0,0 +1,36 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        type: string;
+        size: string;
+        color: string;
+    };
+    argTypes: {
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            options: string[];
+            controL: {
+                type: string;
+            };
+        };
+    };
+};

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

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

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+export declare type PropsType = {
+    type: "keyboard" | "accuracy" | "speed" | "trophy" | "clipboard" | "rankings" | "lock" | "lockOpen" | "idCard";
+    size?: "small" | "medium" | "large";
+};
+declare const Illustration: FC<PropsType>;
+export default Illustration;

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

@@ -0,0 +1,29 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        type: string;
+        size: string;
+    };
+    argTypes: {
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/atoms/Illustration/styles.d.ts

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

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

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { PropsType } from ".";
+declare const PasswordInput: FC<PropsType>;
+export default PasswordInput;

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

@@ -0,0 +1,15 @@
+import { FC } from "react";
+export declare type PropsType = {
+    initialValue?: string;
+    placeholder?: string;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    id?: string;
+    onChange?(value: string): void;
+    onBlur?(): void;
+};
+declare const Input: FC<PropsType> & {
+    Password: FC<PropsType>;
+};
+export default Input;

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType> & {
+        Password: React.FC<PropsType>;
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        placeholder: string;
+        autoComplete: string;
+        id: string;
+        disabled: boolean;
+        password: boolean;
+    };
+    argTypes: {};
+};

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

@@ -0,0 +1,2 @@
+export declare const PasswordInputWrapper: any;
+export declare const StyledInput: any;

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

@@ -0,0 +1,4 @@
+import { FC } from "react";
+export declare type PropsType = {};
+declare const Logo: FC<PropsType>;
+export default Logo;

package/build/components/atoms/Logo/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/atoms/Logo/styles.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+export declare type PropsType = {
+    type: "gold" | "silver" | "bronze";
+    size?: "small" | "large";
+};
+declare const Medal: FC<PropsType>;
+export default Medal;

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

@@ -0,0 +1,29 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        type: string;
+        size: string;
+    };
+    argTypes: {
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: string[];
+            controL: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/atoms/Medal/styles.d.ts

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

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

@@ -0,0 +1,10 @@
+import { FC } from "react";
+declare type PropsType = {
+    size?: "tiny" | "small" | "medium" | "large";
+    align?: "left" | "center" | "right";
+    weight?: "regular" | "medium";
+    color?: "white" | "lightGray" | "darkGray";
+};
+declare const Paragraph: FC<PropsType>;
+export type { PropsType };
+export default Paragraph;

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

@@ -0,0 +1,31 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        size: string;
+        align: string;
+        weight: string;
+        color: string;
+    };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/atoms/Paragraph/styles.d.ts

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

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+export declare type PropsType = {
+    initialValue?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    id?: string;
+    onChange?(value: boolean): void;
+    onBlur?(): void;
+};
+declare const Radio: FC<PropsType>;
+export default Radio;

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

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

package/build/components/atoms/Radio/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledRadio: any;
+export declare const CheckedDot: any;

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+export declare type PropsType = {
+    placeholder?: string;
+    disabled?: boolean;
+    onChange?(): void;
+};
+declare const Select: FC<PropsType>;
+export default Select;

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

@@ -0,0 +1,16 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        placeholder: string;
+        disabled: boolean;
+    };
+    argTypes: {};
+};

package/build/components/atoms/Select/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Wrapper: any;
+export declare const StyledSelect: any;

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+declare type SpaceType = 5 | 10 | 15 | 20 | 25 | 30 | 35 | 40;
+export declare type PropsType = {
+    horizontal: SpaceType;
+    vertical?: never;
+} | {
+    horizontal?: never;
+    vertical: SpaceType;
+};
+declare const Spacer: FC<PropsType>;
+export default Spacer;

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

@@ -0,0 +1,39 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        type: string;
+        space: number;
+    };
+    argTypes: {
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        space: {
+            options: number[];
+            control: {
+                type: string;
+            };
+        };
+        horizontal: {
+            control: {
+                disable: boolean;
+            };
+        };
+        vertical: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
+};

package/build/components/atoms/Spacer/styles.d.ts

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

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

@@ -0,0 +1,9 @@
+import { FC } from "react";
+declare type PropsType = {
+    size?: "small" | "medium" | "large";
+    align?: "left" | "center" | "right";
+    color?: "black" | "white" | "gray";
+};
+declare const Subheading: FC<PropsType>;
+export type { PropsType };
+export default Subheading;

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

@@ -0,0 +1,22 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        size: string;
+    };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/atoms/Subheading/styles.d.ts

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

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+export declare type PropsType = {
+    variant: 1 | 2 | 3 | 4 | 5 | 6;
+    level: 1 | 2 | 3;
+};
+declare const Trophy: FC<PropsType>;
+export default Trophy;

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

@@ -0,0 +1,29 @@
+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;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        variant: number;
+        level: number;
+    };
+    argTypes: {
+        variant: {
+            options: number[];
+            control: {
+                type: string;
+            };
+        };
+        level: {
+            options: number[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/atoms/Trophy/styles.d.ts

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

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { ColorType } from "../../../lib/types";
+export declare type PropsType = {
+    ellipse?: ColorType;
+    id?: string;
+};
+declare const Card: FC<PropsType>;
+export default Card;