Release v0.3.0 (#228)

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

@@ -5,5 +5,4 @@ export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
   tooltip?: string;
   overrideLabelClasses?: string;
   overrideCheckboxStyles?: CSSObject;
-  noTopMargin?: boolean;
 }

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

@@ -3,7 +3,7 @@ import { CSSObject } from "styled-components";
 export interface FormLayoutProps {
   sx?: CSSObject;
   children?: React.ReactNode;
-  title: string;
-  icon: React.ReactNode;
+  title?: string;
+  icon?: React.ReactNode;
   helpBox?: React.ReactNode;
 }

dist/cjs/types/components/Icons/ReportIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ReportIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default ReportIcon;

dist/cjs/types/components/Icons/VisibilityOffIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ViewColumnIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default ViewColumnIcon;

dist/cjs/types/components/Icons/VisibilityOnIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ViewColumnIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default ViewColumnIcon;

dist/cjs/types/components/Icons/index.d.ts

@@ -183,3 +183,6 @@ export { default as ArrowDropDown } from "./ArrowDropDown";
 export { default as CloudIcon } from "./CloudIcon";
 export { default as DisableIcon } from "./DisableIcon";
 export { default as FormatDriveIcon } from "./FormatDriveIcon";
+export { default as ReportIcon } from "./ReportIcon";
+export { default as VisibilityOnIcon } from "./VisibilityOnIcon";
+export { default as VisibilityOffIcon } from "./VisibilityOffIcon";

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

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

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

@@ -0,0 +1,25 @@
+import React, { ReactNode } from "react";
+import { CSSObject } from "styled-components";
+export interface InputBoxProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {
+  id: string;
+  fullWidth?: boolean;
+  label?: string;
+  tooltip?: string;
+  sx?: CSSObject;
+  index?: number;
+  overlayId?: "index";
+  overlayIcon?: React.ReactNode;
+  overlayAction?: () => void;
+  overlayObject?: React.ReactNode;
+  noLabelMinWidth?: boolean;
+  required?: boolean;
+  className?: string;
+  error?: string;
+}
+export interface InputContainerProps {
+  children?: ReactNode;
+  sx?: CSSObject;
+  error?: boolean;
+  className?: string;
+}

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

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

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface MainContainerProps {
+  menu?: React.ReactNode;
+  children: React.ReactNode;
+}

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

@@ -18,6 +18,8 @@ export { default as SectionTitle } from "./SectionTitle/SectionTitle";
 export { default as Box } from "./Box/Box";
 export { default as FormLayout } from "./FormLayout/FormLayout";
 export { default as PageLayout } from "./PageLayout/PageLayout";
+export { default as MainContainer } from "./MainContainer/MainContainer";
+export { default as InputBox } from "./InputBox/InputBox";
 export * from "./Icons";
 export * from "./Icons/SidebarMenus";
 export * from "./Icons/FileIcons";

dist/cjs/types/global/themes.d.ts

@@ -245,6 +245,13 @@ export declare const lightTheme: {
     arrow: string;
     hover: string;
   };
+  inputBox: {
+    border: string;
+    hoverBorder: string;
+    color: string;
+    backgroundColor: string;
+    error: string;
+  };
 };
 export declare const darkTheme: {
   bgColor: string;
@@ -405,4 +412,11 @@ export declare const darkTheme: {
     arrow: string;
     hover: string;
   };
+  inputBox: {
+    border: string;
+    hoverBorder: string;
+    color: string;
+    backgroundColor: string;
+    error: string;
+  };
 };