@integrigo/integrigo-ui 1.3.9 → 1.4.2

package/lib/components/atoms/Button/BasicButton.d.ts

@@ -0,0 +1,6 @@
+import { FlattenSimpleInterpolation } from "styled-components";
+export declare const getDirectionPadding: (direction?: "rtl" | "ltr" | undefined, ghost?: boolean | undefined) => FlattenSimpleInterpolation;
+export declare const BasicButton: import("styled-components").StyledComponent<"button", any, {
+    direction?: "rtl" | "ltr" | undefined;
+    ghost?: boolean | undefined;
+}, never>;

package/lib/components/atoms/Button/Button.d.ts

@@ -1,7 +1,12 @@
 import React from "react";
-export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+import { IconType } from "../Icon";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     primary?: boolean;
     ghost?: boolean;
-    size?: "small" | "medium" | "large";
+    icon?: IconType;
+    direction?: "rtl" | "ltr";
+    size?: "ultra-small" | "small" | "medium" | "big";
+    children: string;
+    onIconClick?: () => void;
 }
-export declare const Button: import("styled-components").StyledComponent<"button", any, Omit<ButtonProps, "label">, never>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/atoms/Button/Ghost.d.ts

@@ -0,0 +1,6 @@
+export declare const Ghost: import("styled-components").StyledComponent<"button", any, {
+    direction?: "ltr" | "rtl" | undefined;
+    ghost?: boolean | undefined;
+} & {
+    direction?: "ltr" | "rtl" | undefined;
+}, never>;

package/lib/components/atoms/Button/Primary.d.ts

@@ -0,0 +1,4 @@
+export declare const Primary: import("styled-components").StyledComponent<"button", any, {
+    direction?: "ltr" | "rtl" | undefined;
+    ghost?: boolean | undefined;
+}, never>;

package/lib/components/atoms/Icon/Icon.d.ts

@@ -1,11 +1,22 @@
 import React from "react";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-declare const ICONS: string[];
-declare const SOCIAL_ICONS: string[];
-declare type IconType = typeof ICONS[number];
-declare type IconSocialType = typeof SOCIAL_ICONS[number];
-declare type IconProps = Omit<FontAwesomeIconProps, "icon"> & {
-    icon: IconType | IconSocialType;
+export declare const iconHashMap: {
+    bars: React.FCS<{}>;
+    envelope: React.FCS<{}>;
+    facebook: React.FCS<{}>;
+    instagram: React.FCS<{}>;
+    linkedin: React.FCS<{}>;
+    minus: React.FCS<{}>;
+    phone: React.FCS<{}>;
+    plus: React.FCS<{}>;
+    "user-circle": React.FCS<{}>;
 };
-export declare const Icon: React.FC<IconProps>;
+export declare type IconType = keyof typeof iconHashMap;
+declare type IconProps = React.SVGProps<SVGSVGElement> & {
+    type: IconType;
+    size?: "ultra-small" | "small" | "medium" | "big" | {
+        width: number;
+        height: number;
+    };
+};
+export declare const Icon: React.FCS<IconProps>;
 export {};

package/lib/components/atoms/Icon/IconAddition.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IconType } from "./Icon";
+interface IconAdditionProps {
+    disabled?: boolean;
+    icon?: IconType;
+    direction?: "rtl" | "ltr";
+    colorVariant?: 'grey' | 'white' | 'ghost';
+    onClick?: () => void;
+}
+export declare const IconAddition: React.FC<IconAdditionProps>;
+export {};

package/lib/components/atoms/Icon/icons/Bars.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-declare const Bars: React.FC<Omit<FontAwesomeIconProps, 'icon'>>;
+declare const Bars: React.FCS;
 export default Bars;

package/lib/components/atoms/Icon/icons/Envelope.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-declare const Envelope: React.FC<Omit<FontAwesomeIconProps, 'icon'>>;
+declare const Envelope: React.FCS;
 export default Envelope;

package/lib/components/atoms/Icon/icons/Facebook.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-declare const Facebook: React.FC<Omit<FontAwesomeIconProps, 'icon'>>;
+declare const Facebook: React.FCS;
 export default Facebook;

package/lib/components/atoms/Icon/icons/Instagram.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-declare const Instagram: React.FC<Omit<FontAwesomeIconProps, 'icon'>>;
+declare const Instagram: React.FCS;
 export default Instagram;

package/lib/components/atoms/Icon/icons/Linkedin.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-declare const Linkedin: React.FC<Omit<FontAwesomeIconProps, 'icon'>>;
+declare const Linkedin: React.FCS;
 export default Linkedin;

package/lib/components/atoms/Icon/icons/Minus.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-declare const Minus: React.FC<Omit<FontAwesomeIconProps, 'icon'>>;
+declare const Minus: React.FCS;
 export default Minus;

package/lib/components/atoms/Icon/icons/Phone.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-declare const Phone: React.FC<Omit<FontAwesomeIconProps, 'icon'>>;
+declare const Phone: React.FCS;
 export default Phone;

package/lib/components/atoms/Icon/icons/Plus.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-declare const Plus: React.FC<Omit<FontAwesomeIconProps, 'icon'>>;
+declare const Plus: React.FCS;
 export default Plus;

package/lib/components/atoms/Icon/icons/UserCircle.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const UserCircle: React.FCS;
+export default UserCircle;

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

@@ -1 +1,3 @@
 export { Icon } from './Icon';
+export { IconAddition } from './IconAddition';
+export type { IconType } from './Icon';

package/lib/components/atoms/index.d.ts

@@ -1,7 +1,5 @@
-export { Button } from './Button';
 export { Card } from './Card';
 export { Icon } from './Icon';
-export { Input } from './Input';
 export { Pill } from './Pill';
 export { Typography } from './Typography';
 export { Nav } from './Nav';

package/lib/components/molecules/Button/BasicButton.d.ts

@@ -0,0 +1,6 @@
+import { FlattenSimpleInterpolation } from "styled-components";
+export declare const getDirectionPadding: (direction?: "rtl" | "ltr" | undefined, ghost?: boolean | undefined) => FlattenSimpleInterpolation;
+export declare const BasicButton: import("styled-components").StyledComponent<"button", any, {
+    direction?: "rtl" | "ltr" | undefined;
+    ghost?: boolean | undefined;
+}, never>;

package/lib/components/molecules/Button/Button.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { IconType } from "../../atoms/Icon";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    primary?: boolean;
+    ghost?: boolean;
+    icon?: IconType;
+    direction?: "rtl" | "ltr";
+    size?: "ultra-small" | "small" | "medium" | "big";
+    children: string;
+    onIconClick?: () => void;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/molecules/Button/Ghost.d.ts

@@ -0,0 +1,6 @@
+export declare const Ghost: import("styled-components").StyledComponent<"button", any, {
+    direction?: "ltr" | "rtl" | undefined;
+    ghost?: boolean | undefined;
+} & {
+    direction?: "ltr" | "rtl" | undefined;
+}, never>;

package/lib/components/molecules/Button/Primary.d.ts

@@ -0,0 +1,4 @@
+export declare const Primary: import("styled-components").StyledComponent<"button", any, {
+    direction?: "ltr" | "rtl" | undefined;
+    ghost?: boolean | undefined;
+}, never>;

package/lib/components/molecules/Button/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './Button';

package/lib/components/molecules/Input/Input.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ValidationType } from "../../../types/validation";
+import { IconType } from "../../atoms/Icon";
+export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    validationType?: ValidationType;
+    icon?: IconType;
+    size?: "ultra-small" | "small" | "medium" | "big";
+    direction?: "ltr" | "rtl";
+    onIconClick?: () => void;
+};
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    validationType?: ValidationType | undefined;
+    icon?: "bars" | "envelope" | "facebook" | "instagram" | "linkedin" | "minus" | "phone" | "plus" | "user-circle" | undefined;
+    size?: "ultra-small" | "small" | "medium" | "big" | undefined;
+    direction?: "ltr" | "rtl" | undefined;
+    onIconClick?: (() => void) | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/lib/components/molecules/Input/index.d.ts

@@ -0,0 +1 @@
+export { Input } from './Input';

package/lib/components/molecules/TextArea/TextArea.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ValidationType } from "../../../types/validation";
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    validationType?: ValidationType;
+}
+export declare const TextArea: React.FC<TextAreaProps>;

package/lib/components/molecules/TextArea/index.d.ts

@@ -0,0 +1 @@
+export { TextArea } from './TextArea';

package/lib/components/molecules/index.d.ts

@@ -1 +1,4 @@
-export { InfoCard } from './InfoCard';
+export { InfoCard } from "./InfoCard";
+export { Input } from "./Input";
+export { TextArea } from "./TextArea";
+export { Button } from "./Button";

package/lib/helpers/validation.d.ts

@@ -0,0 +1,3 @@
+import { FlattenSimpleInterpolation } from "styled-components";
+import { ValidationType } from "../types/validation";
+export declare const getValidationTypeProps: (type?: ValidationType | undefined) => FlattenSimpleInterpolation;

package/lib/index.d.ts

@@ -1,3 +1,3 @@
-export { Button, Card, Icon, Input, Nav, Pill, Typography } from './components/atoms';
-export { InfoCard } from './components/molecules';
-export { GlobalStyles as IntegrigoUI, Color } from './styles';
+export { Card, Icon, Nav, Pill, Typography } from "./components/atoms";
+export { InfoCard, Input, TextArea, Button } from "./components/molecules";
+export { GlobalStyles as IntegrigoUI, Color } from "./styles";