reso-ui 1.7.0 → 1.8.0

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "reso-ui",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "Reusable React components in Typescript",
-  "types": "dist/types",
+  "types": "types",
   "exports": {
     "./components": "./dist/lib/components.bundle.js",
     "./forms": "./dist/lib/forms.bundle.js",
@@ -11,7 +11,8 @@
     "./hooks": "./dist/lib/hooks.bundle.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "types"
   ],
   "scripts": {
     "setup-commitlint": "husky install && npx husky add .husky/commit-msg \"npx --no-install commitlint --edit \"$1\"\"",

package/types/jest-dom-setup.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/types/src/App.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./App.scss";
+declare const App: () => React.JSX.Element;
+export default App;

package/types/src/index.d.ts

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

package/types/src/library/components/Banners/Banner/Banner.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import "./styles/Banner.layout.scss";
+export interface IBannerProps extends IComponent {
+    type: "info" | "warning" | "error" | "success";
+    text: string;
+}
+export declare const Banner: ({ type, text, rootClassName, rootStyles, }: IBannerProps) => React.JSX.Element;

package/types/src/library/components/Banners/Banner/__test__/Banner.test.d.ts

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

package/types/src/library/components/Banners/Banner/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Banner";

package/types/src/library/components/Banners/Banner/stories/Banner.stories.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+import "./storiesStyle.scss";
+declare const _default: ComponentMeta<({ type, text, rootClassName, rootStyles, }: import("@components/Banners/Banner").IBannerProps) => React.JSX.Element>;
+export default _default;
+export declare const DefaultInfo: any;
+export declare const DefaultSuccess: any;
+export declare const DefaultWarning: any;
+export declare const DefaultError: any;
+export declare const WithCustomStyle: any;
+export declare const WithCustomClass: any;
+export declare const OverflowBehaviour: any;

package/types/src/library/components/Banners/Banner-Wrapper/Banner-Wrapper.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import "./styles/Banner-Wrapper.layout.scss";
+export interface IBannerWrapperProps extends IComponent {
+    children: React.ReactNode;
+    positionAbsolute?: boolean;
+    hasMaxHeight?: boolean;
+}
+export declare const BannerWrapper: ({ children, positionAbsolute, hasMaxHeight, rootClassName, rootStyles, }: IBannerWrapperProps) => React.JSX.Element;

package/types/src/library/components/Banners/Banner-Wrapper/__test__/Banner-Wrapper.test.d.ts

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

package/types/src/library/components/Banners/Banner-Wrapper/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Banner-Wrapper";

package/types/src/library/components/Banners/Banner-Wrapper/stories/Banner-Wrapper.stories.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<({ children, positionAbsolute, hasMaxHeight, rootClassName, rootStyles, }: import("@components/Banners/Banner-Wrapper").IBannerWrapperProps) => React.JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithCustomStyle: any;
+export declare const WithPositionAbsolute: any;
+export declare const WithPositionAbsoluteAndHasMaxHeight: any;

package/types/src/library/components/Banners/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Banner";
+export * from "./Banner-Wrapper";

package/types/src/library/components/Buttons/Back/Back.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import IThemeProps from "@interfaces/Theme";
+import { IMarginProps } from "@interfaces/ISpacingsProps";
+import "./styles/Back.layout.scss";
+import "./styles/Back.theme.scss";
+export interface IBackProps extends IComponent, IThemeProps, IMarginProps {
+    to: string;
+    text?: string;
+    disabled?: boolean;
+    linkClassName?: string;
+    linkStyles?: React.CSSProperties;
+}
+export declare const Back: ({ to, text, disabled, rootClassName, rootStyles, linkClassName, linkStyles, theme, ...spacingsProps }: IBackProps) => React.JSX.Element;

package/types/src/library/components/Buttons/Back/__test__/Back.test.d.ts

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

package/types/src/library/components/Buttons/Back/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Back";

package/types/src/library/components/Buttons/Back/stories/Back.stories.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+import "./storiesStyle.scss";
+declare const _default: ComponentMeta<({ to, text, disabled, rootClassName, rootStyles, linkClassName, linkStyles, theme, ...spacingsProps }: import("@components/Buttons/Back").IBackProps) => React.JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithCustomContainerClassName: any;
+export declare const WithCustomContainerStyles: any;
+export declare const WithCustomLinkClassName: any;
+export declare const WithCustomLinkStyles: any;
+export declare const Disabled: any;

package/types/src/library/components/Buttons/Button/Button.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import IThemeProps from "@interfaces/Theme";
+import { IMarginProps } from "@interfaces/ISpacingsProps";
+import "./styles/Button.layout.scss";
+import "./styles/Button.theme.scss";
+export interface IButtonProps extends IComponent, IThemeProps, IMarginProps {
+    type?: "plain" | "primary" | "link";
+    role?: "button" | "submit";
+    id?: string;
+    text: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    inheritWidth?: boolean;
+    inline?: boolean;
+}
+export declare const Button: ({ id, type, role, text, onClick, disabled, inheritWidth, inline, rootClassName, rootStyles, theme, ...spacingsProps }: IButtonProps) => React.JSX.Element;

package/types/src/library/components/Buttons/Button/__test__/Button.test.d.ts

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

package/types/src/library/components/Buttons/Button/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Button";

package/types/src/library/components/Buttons/Button/stories/Button.stories.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+import "./storiesStyle.scss";
+declare const _default: ComponentMeta<({ id, type, role, text, onClick, disabled, inheritWidth, inline, rootClassName, rootStyles, theme, ...spacingsProps }: import("@components/Buttons/Button").IButtonProps) => React.JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const DefaultPrimary: any;
+export declare const DefaultLink: any;
+export declare const Disabled: any;
+export declare const WithCustomStyle: any;
+export declare const WithCustomClass: any;
+export declare const UseParentComponentWidth: () => React.JSX.Element;

package/types/src/library/components/Buttons/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Back";
+export * from "./Button";

package/types/src/library/components/Card/Card-Container/Card-Container.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import IThemeProps from "@interfaces/Theme";
+import ISpacingsProps from "@interfaces/ISpacingsProps";
+import "./styles/Card-Container.layout.scss";
+import "./styles/Card-Container.theme.scss";
+export interface ICardContainerProps extends IComponent, IThemeProps, ISpacingsProps {
+    children: React.ReactNode;
+}
+export declare const CardContainer: ({ children, rootClassName, rootStyles, theme, ...spacingsProps }: ICardContainerProps) => React.JSX.Element;

package/types/src/library/components/Card/Card-Container/__test__/Card-Container.test.d.ts

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

package/types/src/library/components/Card/Card-Container/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Card-Container";

package/types/src/library/components/Card/Card-Container/stories/Card-Container.stories.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<({ children, rootClassName, rootStyles, theme, ...spacingsProps }: import("@components/Card").ICardContainerProps) => React.JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithCustomStyle: any;

package/types/src/library/components/Card/Card-Content/Card-Content.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import ISpacingsProps from "@interfaces/ISpacingsProps";
+import "./styles/Card-Content.layout.scss";
+export interface ICardContentProps extends IComponent, ISpacingsProps {
+    children: React.ReactNode;
+    wrap?: boolean;
+}
+export declare const CardContent: ({ children, wrap, rootClassName, rootStyles, ...spacingProps }: ICardContentProps) => React.JSX.Element;

package/types/src/library/components/Card/Card-Content/__test__/Card-Content.test.d.ts

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

package/types/src/library/components/Card/Card-Content/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Card-Content";

package/types/src/library/components/Card/Card-Content/stories/Card-Content.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<({ children, wrap, rootClassName, rootStyles, ...spacingProps }: import("@components/Card").ICardContentProps) => React.JSX.Element>;
+export default _default;
+export declare const DefaultWithBorder: any;
+export declare const WithCustomStyle: any;
+export declare const DefaultWithTextOverflow: () => React.JSX.Element;

package/types/src/library/components/Card/Card-Summary-Value/Card-Summary-Value.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import "./styles/Card-Summary-Value.layout.scss";
+export interface ICardSummaryValueProps extends IComponent {
+    value: string | number;
+}
+export declare const CardSummaryValue: ({ value, rootClassName, rootStyles, }: ICardSummaryValueProps) => React.JSX.Element;

package/types/src/library/components/Card/Card-Summary-Value/__test__/Card-Summary-Value.test.d.ts

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

package/types/src/library/components/Card/Card-Summary-Value/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Card-Summary-Value";

package/types/src/library/components/Card/Card-Summary-Value/stories/Card-Summary-Value.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<({ value, rootClassName, rootStyles, }: import("@components/Card").ICardSummaryValueProps) => React.JSX.Element>;
+export default _default;
+export declare const DefaultWithBorder: any;
+export declare const WithCustomStyle: any;
+export declare const DefaultWithTextOverflow: () => React.JSX.Element;

package/types/src/library/components/Card/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Card-Container";
+export * from "./Card-Content";
+export * from "./Card-Summary-Value";

package/types/src/library/components/Containers/Center-Container/Center-Container.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import "./styles/Center-Container.layout.scss";
+export interface ICenterContainerProps extends IComponent {
+    children: React.ReactNode;
+}
+export declare const CenterContainer: ({ children, rootClassName, rootStyles, }: ICenterContainerProps) => React.JSX.Element;
+export default CenterContainer;

package/types/src/library/components/Containers/Center-Container/__test__/Center-Container.test.d.ts

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

package/types/src/library/components/Containers/Center-Container/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Center-Container";

package/types/src/library/components/Containers/Center-Container/stories/Center-Container.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+import "./storiesStyle.scss";
+declare const _default: ComponentMeta<({ children, rootClassName, rootStyles, }: import("@components/Containers/Center-Container").ICenterContainerProps) => React.JSX.Element>;
+export default _default;
+export declare const DefaultWithBorder: any;
+export declare const WithCustomClassname: any;

package/types/src/library/components/Containers/Flex/Flex.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import "./styles/Flex.layout.scss";
+import { ISpacingsProps } from "@interfaces/ISpacingsProps";
+export interface IFlexProps extends IComponent, ISpacingsProps {
+    direction?: "row" | "column";
+    justify?: "space-between" | "start" | "end" | "space-around" | "center";
+    align?: "center" | "start" | "end";
+    grow?: boolean;
+    shrink?: boolean;
+    basis?: "auto" | boolean | string;
+    wrap?: boolean;
+    children: React.ReactNode;
+    fullWidth?: boolean;
+    widthFitContent?: boolean;
+    className?: string;
+    borderColor?: string;
+}
+export declare const Flex: ({ direction, justify, align, grow, shrink, basis, wrap, fullWidth, widthFitContent, children, rootClassName, borderColor, rootStyles, ...spacingsProps }: IFlexProps) => React.JSX.Element;

package/types/src/library/components/Containers/Flex/__test__/Flex.test.d.ts

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

package/types/src/library/components/Containers/Flex/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Flex";

package/types/src/library/components/Containers/Flex/stories/Flex.stories.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+import "./storiesStyle.scss";
+declare const _default: ComponentMeta<({ direction, justify, align, grow, shrink, basis, wrap, fullWidth, widthFitContent, children, rootClassName, borderColor, rootStyles, ...spacingsProps }: import("@components/Containers/Flex").IFlexProps) => React.JSX.Element>;
+export default _default;
+export declare const DefaultWithBorder: any;
+export declare const DefaultWithPaddingAll: any;
+export declare const DirectionColumn: any;
+export declare const JustifyStart: any;
+export declare const CustomStylesAndAlign: any;

package/types/src/library/components/Containers/Horizontal-Scroll-Container/Horizontal-Scroll-Container.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import { IPaddingProps, IMarginProps } from "@interfaces/ISpacingsProps";
+import "./styles/Horizontal-Scroll-Container.layout.scss";
+export interface IHSCProps extends IComponent, IPaddingProps, IMarginProps {
+    children: React.ReactNode;
+    inheritWidth?: boolean;
+}
+export declare const HorizontalScrollContainer: ({ children, inheritWidth, rootClassName, rootStyles, ...spacingsProps }: IHSCProps) => React.JSX.Element;

package/types/src/library/components/Containers/Horizontal-Scroll-Container/__test__/Horizontal-Scroll-Container.test.d.ts

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

package/types/src/library/components/Containers/Horizontal-Scroll-Container/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Horizontal-Scroll-Container";

package/types/src/library/components/Containers/Horizontal-Scroll-Container/stories/Horizontal-Scroll-Container.stories.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<({ children, inheritWidth, rootClassName, rootStyles, ...spacingsProps }: import("@components/Containers/Horizontal-Scroll-Container").IHSCProps) => React.JSX.Element>;
+export default _default;
+export declare const DefaultWithBorder: any;
+export declare const withPaddingProps: any;

package/types/src/library/components/Containers/Horizontal-Scroll-Item/Horizontal-Scroll-Item.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import { IPaddingProps, IMarginProps } from "@interfaces/ISpacingsProps";
+import "./styles/Horizontal-Scroll-Item.layout.scss";
+export interface IHSIProps extends IComponent, IPaddingProps, IMarginProps {
+    children: React.ReactNode;
+}
+export declare const HorizontalScrollItem: ({ children, rootClassName, rootStyles, ...spacingsProps }: IHSIProps) => React.JSX.Element;

package/types/src/library/components/Containers/Horizontal-Scroll-Item/__test__/Horizontal-Scroll-Item.test.d.ts

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

package/types/src/library/components/Containers/Horizontal-Scroll-Item/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Horizontal-Scroll-Item";

package/types/src/library/components/Containers/Horizontal-Scroll-Item/stories/Horizontal-Scroll-Item.stories.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<({ children, rootClassName, rootStyles, ...spacingsProps }: import("@components/Containers/Horizontal-Scroll-Item").IHSIProps) => React.JSX.Element>;
+export default _default;
+export declare const DefaultWithBorder: any;
+export declare const withPaddingProps: any;

package/types/src/library/components/Containers/Loading-Container/Loading-Container.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import IThemeProps from "@interfaces/Theme";
+import "./styles/Loading-Container.layout.scss";
+export interface ILoadingContainerProps extends IComponent, IThemeProps {
+    type: "layer" | "conditional";
+    loading?: boolean;
+    children: React.ReactNode;
+    error?: string;
+    minHeight?: string;
+    componentLoaderClassName?: string;
+    componentLoaderStyles?: React.CSSProperties;
+    componentErrorClassName?: string;
+    componentErrorStyles?: React.CSSProperties;
+}
+export declare const LoadingContainer: ({ type, loading, children, error, minHeight, rootClassName, rootStyles, componentLoaderClassName, componentLoaderStyles, componentErrorClassName, componentErrorStyles, theme, }: ILoadingContainerProps) => React.JSX.Element;

package/types/src/library/components/Containers/Loading-Container/__test__/Loading-Container.test.d.ts

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

package/types/src/library/components/Containers/Loading-Container/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Loading-Container";

package/types/src/library/components/Containers/Loading-Container/stories/Loading-Container.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<({ type, loading, children, error, minHeight, rootClassName, rootStyles, componentLoaderClassName, componentLoaderStyles, componentErrorClassName, componentErrorStyles, theme, }: import("@components/Containers/Loading-Container").ILoadingContainerProps) => React.JSX.Element>;
+export default _default;
+export declare const LayeringALoadingComponent: any;
+export declare const LayeringAnErronousComponent: any;
+export declare const LayeringALoadingComponentWithMinHeight: any;
+export declare const ConditionalLoadingComponent: any;
+export declare const ConditionalErronousComponent: any;

package/types/src/library/components/Containers/View/View.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import { IPaddingProps } from "@interfaces/ISpacingsProps";
+import "./styles/View.layout.scss";
+import "./styles/View.theme.scss";
+import IThemeProps from "@interfaces/Theme";
+export interface IViewProps extends IComponent, IPaddingProps, IThemeProps {
+    children: React.ReactNode;
+}
+export declare const View: ({ rootClassName, children, rootStyles, theme, ...paddingProps }: IViewProps) => React.JSX.Element;

package/types/src/library/components/Containers/View/__test__/View.test.d.ts

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

package/types/src/library/components/Containers/View/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./View";

package/types/src/library/components/Containers/View/stories/View.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+import "./storiesStyle.scss";
+declare const _default: ComponentMeta<({ rootClassName, children, rootStyles, theme, ...paddingProps }: import("@components/Containers/View").IViewProps) => React.JSX.Element>;
+export default _default;
+export declare const DefaultWithBorder: any;
+export declare const WithCustomClassName: any;
+export declare const WithPadding: any;
+export declare const WithTheme: any;

package/types/src/library/components/Containers/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Flex";
+export * from "./Center-Container";
+export * from "./Horizontal-Scroll-Container";
+export * from "./Horizontal-Scroll-Item";
+export * from "./Loading-Container";
+export * from "./View";

package/types/src/library/components/Dialog/Dialog.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { IModalChildrenProps } from "@components/Modal";
+import IComponent from "@interfaces/IComponent";
+import IThemeProps from "@interfaces/Theme";
+import "./styles/Dialog.layout.scss";
+import "./styles/Dialog.theme.scss";
+export type DialogType = "ok" | "yesNo";
+export interface IDialog extends IModalChildrenProps, IComponent, IThemeProps {
+    title?: string;
+    header?: string;
+    description?: string;
+    type?: DialogType;
+    yesText?: string;
+    noText?: string;
+    okText?: string;
+    onClose?: () => void;
+    onClickYes?: () => void;
+    onClickNo?: () => void;
+    onClickOk?: () => void;
+    yesButtonClassName?: string;
+    yesButtonStyles?: React.CSSProperties;
+    noButtonClassName?: string;
+    noButtonStyles?: React.CSSProperties;
+    okButtonClassName?: string;
+    okButtonStyles?: React.CSSProperties;
+}
+export declare const Dialog: ({ isOpen, type, layer, title, header, description, yesText, noText, okText, onClose, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles, noButtonClassName, noButtonStyles, okButtonClassName, okButtonStyles, theme, }: IDialog) => React.JSX.Element;

package/types/src/library/components/Dialog/__test__/Dialog.test.d.ts

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

package/types/src/library/components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Dialog";

package/types/src/library/components/Dialog/stories/Dialog.stories.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<({ isOpen, type, layer, title, header, description, yesText, noText, okText, onClose, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles, noButtonClassName, noButtonStyles, okButtonClassName, okButtonStyles, theme, }: import("@components/Dialog").IDialog) => React.JSX.Element>;
+export default _default;
+export declare const DefaultYesNo: () => React.JSX.Element;
+export declare const DefaultYesNoWithCustomStyles: () => React.JSX.Element;
+export declare const OKDialog: () => React.JSX.Element;
+export declare const OKDialogWithCustomText: () => React.JSX.Element;

package/types/src/library/components/Errors/Component-Error/Component-Error.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import IThemeProps from "@interfaces/Theme";
+import "./styles/Component-Error.layout.scss";
+import "./styles/Component-Error.theme.scss";
+export interface IComponentErrorProps extends IComponent, IThemeProps {
+    text?: string;
+    iconClassName?: string;
+    iconStyles?: React.CSSProperties;
+    textClassName?: string;
+    textStyles?: React.CSSProperties;
+}
+export declare const ComponentError: ({ text, rootClassName, rootStyles, iconClassName, iconStyles, textClassName, textStyles, theme, }: IComponentErrorProps) => React.JSX.Element;

package/types/src/library/components/Errors/Component-Error/__test__/Component-Error.test.d.ts

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

package/types/src/library/components/Errors/Component-Error/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Component-Error";

package/types/src/library/components/Errors/Component-Error/stories/Component-Error.stories.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+import "./storiesStyle.scss";
+declare const _default: ComponentMeta<({ text, rootClassName, rootStyles, iconClassName, iconStyles, textClassName, textStyles, theme, }: import("@components/Errors/Component-Error").IComponentErrorProps) => React.JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithText: any;
+export declare const CustomContainerClassname: any;

package/types/src/library/components/Errors/Full-Screen-Error/Full-Screen-Error.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import IThemeProps from "@interfaces/Theme";
+import "./styles/Full-Screen-Error.layout.scss";
+import "./styles/Full-Screen-Error.theme.scss";
+export interface IFullScreenErrorProps extends IComponent, IThemeProps {
+    text?: string;
+    textClassName?: string;
+    textStyles?: React.CSSProperties;
+    iconClassName?: string;
+    iconStyles?: React.CSSProperties;
+}
+export declare const FullScreenError: ({ text, rootClassName, rootStyles, textClassName, textStyles, iconClassName, iconStyles, theme, }: IFullScreenErrorProps) => React.JSX.Element;

package/types/src/library/components/Errors/Full-Screen-Error/__test__/Full-Screen-Error.test.d.ts

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

package/types/src/library/components/Errors/Full-Screen-Error/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Full-Screen-Error";

package/types/src/library/components/Errors/Full-Screen-Error/stories/Full-Screen-Error.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<({ text, rootClassName, rootStyles, textClassName, textStyles, iconClassName, iconStyles, theme, }: import("@components/Errors/Full-Screen-Error").IFullScreenErrorProps) => React.JSX.Element>;
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const DefaultWithCustomText: () => React.JSX.Element;
+export declare const DefaultWithCustomIconStyles: () => React.JSX.Element;

package/types/src/library/components/Errors/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component-Error";
+export * from "./Full-Screen-Error";

package/types/src/library/components/Example/Example.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import IComponent from "@interfaces/IComponent";
+import IThemeProps from "@interfaces/Theme";
+import "./styles/Example.layout.scss";
+import "./styles/Example.theme.scss";
+export interface IExampleComponent extends IComponent, IThemeProps {
+    name: string;
+}
+export declare const Example: ({ theme, name, rootClassName, rootStyles, }: IExampleComponent) => React.JSX.Element;

package/types/src/library/components/Example/__test__/Example.test.d.ts

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

package/types/src/library/components/Example/index.d.ts

@@ -0,0 +1,2 @@
+import "@styles/global.scss";
+export * from "./Example";

package/types/src/library/components/Example/stories/Example.stories.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ComponentMeta } from "@storybook/react";
+import "./storiesStyle.scss";
+declare const _default: ComponentMeta<({ theme, name, rootClassName, rootStyles, }: import("@components/Example").IExampleComponent) => React.JSX.Element>;
+export default _default;
+export declare const DefaultNoTheme: any;
+export declare const NoThemeWithClassname: any;
+export declare const LightTheme: any;
+export declare const DarkTheme: any;
+export declare const OverrideThemeWithClassname: any;