Release v0.0.1-alpha (#55)

Signed-off-by: Benjamin Perez <[email protected]>

dist/cjs/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ButtonProps } from "./Button.types";
+declare const Button: FC<ButtonProps>;
+export default Button;

dist/cjs/components/Button/Button.types.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler, ReactNode } from "react";
+export interface ButtonProps {
+    id: string;
+    name?: string;
+    label?: string;
+    variant?: "regular" | "callAction" | "secondary";
+    icon?: ReactNode;
+    iconLocation?: "start" | "end";
+    fullWidth?: boolean;
+    disabled?: boolean;
+    collapseOnSmall?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}

dist/cjs/components/ThemeHandler/ThemeHandler.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ThemeHandlerProps } from "./ThemeHandler.types";
+declare const ThemeHandler: FC<ThemeHandlerProps>;
+export default ThemeHandler;

dist/cjs/components/ThemeHandler/ThemeHandler.types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export interface ThemeHandlerProps {
+    darkMode?: boolean;
+    children: ReactNode;
+}

dist/cjs/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button/Button";
+export { default as ThemeHandler } from "./ThemeHandler/ThemeHandler";

dist/cjs/global/themes.d.ts

@@ -0,0 +1,196 @@
+export declare const lightColors: {
+    white: string;
+    mainGrey: string;
+    disabledGrey: string;
+    hoverGrey: string;
+    pressedGrey: string;
+    actionDisabledGrey: string;
+    mainBlue: string;
+    hoverBlue: string;
+    pressedBlue: string;
+    mainRed: string;
+    hoverRed: string;
+    lightRed: string;
+    divisorColor: string;
+};
+export declare const darkColors: {
+    dark: string;
+    mainGrey: string;
+    disabledGrey: string;
+    hoverGrey: string;
+    borderPressedGrey: string;
+    pressedGrey: string;
+    mainWhite: string;
+    disabledWhite: string;
+    hoverWhite: string;
+    pressedWhite: string;
+    mainRed: string;
+    hoverRed: string;
+    divisorColor: string;
+};
+export declare const lightTheme: {
+    bgColor: string;
+    buttons: {
+        regular: {
+            enabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            disabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            hover: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            pressed: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+        };
+        callAction: {
+            enabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            disabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            hover: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            pressed: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+        };
+        secondary: {
+            enabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            disabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            hover: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            pressed: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+        };
+    };
+};
+export declare const darkTheme: {
+    bgColor: string;
+    buttons: {
+        regular: {
+            enabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            disabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            hover: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            pressed: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+        };
+        callAction: {
+            enabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            disabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            hover: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            pressed: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+        };
+        secondary: {
+            enabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            disabled: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            hover: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+            pressed: {
+                border: string;
+                text: string;
+                background: string;
+                iconColor: string;
+            };
+        };
+    };
+};

dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";