@prosperitainova/mirage-ui 1.0.26 → 1.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +32 -32
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/index.d.ts +1 -1
- package/dist/cjs/types/lib/Breadcrumb/Breadcrumb.d.ts +12 -11
- package/dist/cjs/types/lib/Breadcrumb/Breadcrumb.stories.d.ts +14 -14
- package/dist/cjs/types/lib/Breadcrumb/index.d.ts +1 -1
- package/dist/cjs/types/lib/Button/Button.d.ts +34 -34
- package/dist/cjs/types/lib/Button/Button.stories.d.ts +17 -17
- package/dist/cjs/types/lib/Button/index.d.ts +1 -1
- package/dist/cjs/types/lib/ButtonDropdown/ButtonDropdown.d.ts +20 -20
- package/dist/cjs/types/lib/ButtonDropdown/ButtonDropdown.stories.d.ts +11 -12
- package/dist/cjs/types/lib/ButtonDropdown/index.d.ts +1 -1
- package/dist/cjs/types/lib/Checkbox/Checkbox.d.ts +11 -10
- package/dist/cjs/types/lib/Checkbox/Checkbox.stories.d.ts +9 -8
- package/dist/cjs/types/lib/Checkbox/index.d.ts +1 -1
- package/dist/cjs/types/lib/CustomSelect/CustomSelect.d.ts +12 -11
- package/dist/cjs/types/lib/CustomSelect/CustomSelect.stories.d.ts +5 -5
- package/dist/cjs/types/lib/CustomSelect/index.d.ts +1 -1
- package/dist/cjs/types/lib/CustomSelect/style.d.ts +3 -3
- package/dist/cjs/types/lib/Dropzone/Dropzone.d.ts +9 -8
- package/dist/cjs/types/lib/Dropzone/Dropzone.stories.d.ts +9 -9
- package/dist/cjs/types/lib/Dropzone/index.d.ts +1 -1
- package/dist/cjs/types/lib/Input/Input.d.ts +15 -15
- package/dist/cjs/types/lib/Input/Input.stories.d.ts +12 -12
- package/dist/cjs/types/lib/Input/index.d.ts +1 -1
- package/dist/cjs/types/lib/InputCurrency/InputCurrency.d.ts +14 -13
- package/dist/cjs/types/lib/InputCurrency/InputCurrency.stories.d.ts +9 -9
- package/dist/cjs/types/lib/InputCurrency/index.d.ts +1 -1
- package/dist/cjs/types/lib/InputToken/InputToken.d.ts +6 -6
- package/dist/cjs/types/lib/InputToken/InputToken.stories.d.ts +8 -8
- package/dist/cjs/types/lib/InputToken/index.d.ts +1 -1
- package/dist/cjs/types/lib/InteractiveModal/InteractiveModal.d.ts +12 -12
- package/dist/cjs/types/lib/InteractiveModal/InteractiveModal.stories.d.ts +9 -9
- package/dist/cjs/types/lib/InteractiveModal/TesterInteractiveModal.d.ts +3 -2
- package/dist/cjs/types/lib/InteractiveModal/TesterInteractiveModal.stories.d.ts +9 -9
- package/dist/cjs/types/lib/InteractiveModal/index.d.ts +1 -1
- package/dist/cjs/types/lib/LateralModal/LateralModal.d.ts +11 -11
- package/dist/cjs/types/lib/LateralModal/LateralModal.stories.d.ts +9 -9
- package/dist/cjs/types/lib/LateralModal/TesterLateralModal.d.ts +3 -3
- package/dist/cjs/types/lib/LateralModal/TesterLateralModal.stories.d.ts +9 -9
- package/dist/cjs/types/lib/LateralModal/index.d.ts +1 -1
- package/dist/cjs/types/lib/MenuDropdown/MenuDropdown.d.ts +14 -14
- package/dist/cjs/types/lib/MenuDropdown/MenuDropdown.stories.d.ts +9 -9
- package/dist/cjs/types/lib/MenuDropdown/index.d.ts +1 -1
- package/dist/cjs/types/lib/NotificationsBar/NotificationsBar.d.ts +20 -19
- package/dist/cjs/types/lib/NotificationsBar/NotificationsBar.stories.d.ts +10 -10
- package/dist/cjs/types/lib/NotificationsBar/index.d.ts +1 -1
- package/dist/cjs/types/lib/ProgressBar/ProgressBar.d.ts +7 -6
- package/dist/cjs/types/lib/ProgressBar/ProgressBar.stories.d.ts +9 -8
- package/dist/cjs/types/lib/ProgressBar/index.d.ts +1 -1
- package/dist/cjs/types/lib/Radio/Radio.d.ts +11 -11
- package/dist/cjs/types/lib/Radio/Radio.stories.d.ts +9 -9
- package/dist/cjs/types/lib/Radio/index.d.ts +1 -1
- package/dist/cjs/types/lib/RadioGroup/Radio.d.ts +11 -11
- package/dist/cjs/types/lib/RadioGroup/RadioGroup.d.ts +11 -11
- package/dist/cjs/types/lib/RadioGroup/RadioGroup.stories.d.ts +9 -9
- package/dist/cjs/types/lib/RadioGroup/index.d.ts +1 -1
- package/dist/cjs/types/lib/Search/Search.d.ts +12 -12
- package/dist/cjs/types/lib/Search/Search.stories.d.ts +9 -9
- package/dist/cjs/types/lib/Search/index.d.ts +1 -1
- package/dist/cjs/types/lib/SideBar/SideBar.d.ts +15 -14
- package/dist/cjs/types/lib/SideBar/SideBar.stories.d.ts +8 -7
- package/dist/cjs/types/lib/SideBar/index.d.ts +1 -1
- package/dist/cjs/types/lib/Spacer/Spacer.d.ts +9 -9
- package/dist/cjs/types/lib/Spacer/index.d.ts +1 -1
- package/dist/cjs/types/lib/TabMenu/TabMenu.d.ts +13 -13
- package/dist/cjs/types/lib/TabMenu/TabMenu.stories.d.ts +9 -9
- package/dist/cjs/types/lib/TabMenu/index.d.ts +1 -1
- package/dist/cjs/types/lib/Table/Table.d.ts +14 -13
- package/dist/cjs/types/lib/Table/Table.stories.d.ts +9 -9
- package/dist/cjs/types/lib/Table/index.d.ts +1 -1
- package/dist/cjs/types/lib/Toast/TesterToast.d.ts +3 -2
- package/dist/cjs/types/lib/Toast/TesterToast.stories.d.ts +9 -8
- package/dist/cjs/types/lib/Toast/Toast.d.ts +12 -12
- package/dist/cjs/types/lib/Toast/Toast.stories.d.ts +11 -11
- package/dist/cjs/types/lib/Toast/index.d.ts +1 -1
- package/dist/cjs/types/lib/Toggle/Toggle.d.ts +8 -8
- package/dist/cjs/types/lib/Toggle/Toggle.stories.d.ts +10 -10
- package/dist/cjs/types/lib/Toggle/index.d.ts +1 -1
- package/dist/cjs/types/lib/index.d.ts +23 -23
- package/dist/cjs/types/setupTests.d.ts +1 -1
- package/dist/cjs/types/theme/DefaultTheme.d.ts +4 -4
- package/dist/cjs/types/theme/index.d.ts +2 -2
- package/dist/cjs/types/theme/prosperitaTheme.d.ts +3 -3
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/index.d.ts +1 -1
- package/dist/esm/types/lib/Breadcrumb/Breadcrumb.d.ts +12 -11
- package/dist/esm/types/lib/Breadcrumb/Breadcrumb.stories.d.ts +14 -14
- package/dist/esm/types/lib/Breadcrumb/index.d.ts +1 -1
- package/dist/esm/types/lib/Button/Button.d.ts +34 -34
- package/dist/esm/types/lib/Button/Button.stories.d.ts +17 -17
- package/dist/esm/types/lib/Button/index.d.ts +1 -1
- package/dist/esm/types/lib/ButtonDropdown/ButtonDropdown.d.ts +20 -20
- package/dist/esm/types/lib/ButtonDropdown/ButtonDropdown.stories.d.ts +11 -12
- package/dist/esm/types/lib/ButtonDropdown/index.d.ts +1 -1
- package/dist/esm/types/lib/Checkbox/Checkbox.d.ts +11 -10
- package/dist/esm/types/lib/Checkbox/Checkbox.stories.d.ts +9 -8
- package/dist/esm/types/lib/Checkbox/index.d.ts +1 -1
- package/dist/esm/types/lib/CustomSelect/CustomSelect.d.ts +12 -11
- package/dist/esm/types/lib/CustomSelect/CustomSelect.stories.d.ts +5 -5
- package/dist/esm/types/lib/CustomSelect/index.d.ts +1 -1
- package/dist/esm/types/lib/CustomSelect/style.d.ts +3 -3
- package/dist/esm/types/lib/Dropzone/Dropzone.d.ts +9 -8
- package/dist/esm/types/lib/Dropzone/Dropzone.stories.d.ts +9 -9
- package/dist/esm/types/lib/Dropzone/index.d.ts +1 -1
- package/dist/esm/types/lib/Input/Input.d.ts +15 -15
- package/dist/esm/types/lib/Input/Input.stories.d.ts +12 -12
- package/dist/esm/types/lib/Input/index.d.ts +1 -1
- package/dist/esm/types/lib/InputCurrency/InputCurrency.d.ts +14 -13
- package/dist/esm/types/lib/InputCurrency/InputCurrency.stories.d.ts +9 -9
- package/dist/esm/types/lib/InputCurrency/index.d.ts +1 -1
- package/dist/esm/types/lib/InputToken/InputToken.d.ts +6 -6
- package/dist/esm/types/lib/InputToken/InputToken.stories.d.ts +8 -8
- package/dist/esm/types/lib/InputToken/index.d.ts +1 -1
- package/dist/esm/types/lib/InteractiveModal/InteractiveModal.d.ts +12 -12
- package/dist/esm/types/lib/InteractiveModal/InteractiveModal.stories.d.ts +9 -9
- package/dist/esm/types/lib/InteractiveModal/TesterInteractiveModal.d.ts +3 -2
- package/dist/esm/types/lib/InteractiveModal/TesterInteractiveModal.stories.d.ts +9 -9
- package/dist/esm/types/lib/InteractiveModal/index.d.ts +1 -1
- package/dist/esm/types/lib/LateralModal/LateralModal.d.ts +11 -11
- package/dist/esm/types/lib/LateralModal/LateralModal.stories.d.ts +9 -9
- package/dist/esm/types/lib/LateralModal/TesterLateralModal.d.ts +3 -3
- package/dist/esm/types/lib/LateralModal/TesterLateralModal.stories.d.ts +9 -9
- package/dist/esm/types/lib/LateralModal/index.d.ts +1 -1
- package/dist/esm/types/lib/MenuDropdown/MenuDropdown.d.ts +14 -14
- package/dist/esm/types/lib/MenuDropdown/MenuDropdown.stories.d.ts +9 -9
- package/dist/esm/types/lib/MenuDropdown/index.d.ts +1 -1
- package/dist/esm/types/lib/NotificationsBar/NotificationsBar.d.ts +20 -19
- package/dist/esm/types/lib/NotificationsBar/NotificationsBar.stories.d.ts +10 -10
- package/dist/esm/types/lib/NotificationsBar/index.d.ts +1 -1
- package/dist/esm/types/lib/ProgressBar/ProgressBar.d.ts +7 -6
- package/dist/esm/types/lib/ProgressBar/ProgressBar.stories.d.ts +9 -8
- package/dist/esm/types/lib/ProgressBar/index.d.ts +1 -1
- package/dist/esm/types/lib/Radio/Radio.d.ts +11 -11
- package/dist/esm/types/lib/Radio/Radio.stories.d.ts +9 -9
- package/dist/esm/types/lib/Radio/index.d.ts +1 -1
- package/dist/esm/types/lib/RadioGroup/Radio.d.ts +11 -11
- package/dist/esm/types/lib/RadioGroup/RadioGroup.d.ts +11 -11
- package/dist/esm/types/lib/RadioGroup/RadioGroup.stories.d.ts +9 -9
- package/dist/esm/types/lib/RadioGroup/index.d.ts +1 -1
- package/dist/esm/types/lib/Search/Search.d.ts +12 -12
- package/dist/esm/types/lib/Search/Search.stories.d.ts +9 -9
- package/dist/esm/types/lib/Search/index.d.ts +1 -1
- package/dist/esm/types/lib/SideBar/SideBar.d.ts +15 -14
- package/dist/esm/types/lib/SideBar/SideBar.stories.d.ts +8 -7
- package/dist/esm/types/lib/SideBar/index.d.ts +1 -1
- package/dist/esm/types/lib/Spacer/Spacer.d.ts +9 -9
- package/dist/esm/types/lib/Spacer/index.d.ts +1 -1
- package/dist/esm/types/lib/TabMenu/TabMenu.d.ts +13 -13
- package/dist/esm/types/lib/TabMenu/TabMenu.stories.d.ts +9 -9
- package/dist/esm/types/lib/TabMenu/index.d.ts +1 -1
- package/dist/esm/types/lib/Table/Table.d.ts +14 -13
- package/dist/esm/types/lib/Table/Table.stories.d.ts +9 -9
- package/dist/esm/types/lib/Table/index.d.ts +1 -1
- package/dist/esm/types/lib/Toast/TesterToast.d.ts +3 -2
- package/dist/esm/types/lib/Toast/TesterToast.stories.d.ts +9 -8
- package/dist/esm/types/lib/Toast/Toast.d.ts +12 -12
- package/dist/esm/types/lib/Toast/Toast.stories.d.ts +11 -11
- package/dist/esm/types/lib/Toast/index.d.ts +1 -1
- package/dist/esm/types/lib/Toggle/Toggle.d.ts +8 -8
- package/dist/esm/types/lib/Toggle/Toggle.stories.d.ts +10 -10
- package/dist/esm/types/lib/Toggle/index.d.ts +1 -1
- package/dist/esm/types/lib/index.d.ts +23 -23
- package/dist/esm/types/setupTests.d.ts +1 -1
- package/dist/esm/types/theme/DefaultTheme.d.ts +4 -4
- package/dist/esm/types/theme/index.d.ts +2 -2
- package/dist/esm/types/theme/prosperitaTheme.d.ts +3 -3
- package/dist/index.d.ts +205 -204
- package/package.json +102 -101
- package/dist/cjs/types/lib/MaskInput/MaskInput.d.ts +0 -12
- package/dist/cjs/types/lib/MaskInput/MaskInput.stories.d.ts +0 -9
- package/dist/cjs/types/lib/MaskInput/index.d.ts +0 -1
- package/dist/cjs/types/lib/VerifyCodeInput/VerifyCodeInput.d.ts +0 -6
- package/dist/cjs/types/lib/VerifyCodeInput/VerifyCodeInput.stories.d.ts +0 -8
- package/dist/cjs/types/lib/VerifyCodeInput/index.d.ts +0 -1
- package/dist/esm/types/lib/MaskInput/MaskInput.d.ts +0 -12
- package/dist/esm/types/lib/MaskInput/MaskInput.stories.d.ts +0 -9
- package/dist/esm/types/lib/MaskInput/index.d.ts +0 -1
- package/dist/esm/types/lib/VerifyCodeInput/VerifyCodeInput.d.ts +0 -6
- package/dist/esm/types/lib/VerifyCodeInput/VerifyCodeInput.stories.d.ts +0 -8
- package/dist/esm/types/lib/VerifyCodeInput/index.d.ts +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
2
|
-
import "../../../src/theme/fonts/ProximaNova.css";
|
|
3
|
-
export type ToastProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
-
active?: boolean;
|
|
5
|
-
mode: "warning" | "success" | "error";
|
|
6
|
-
title: string;
|
|
7
|
-
text: string;
|
|
8
|
-
position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
9
|
-
toggleToast?: (event: any) => void;
|
|
10
|
-
};
|
|
11
|
-
declare const Toast: (props: ToastProps) => JSX.Element;
|
|
12
|
-
export default Toast;
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
import "../../../src/theme/fonts/ProximaNova.css";
|
|
3
|
+
export type ToastProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
active?: boolean;
|
|
5
|
+
mode: "warning" | "success" | "error";
|
|
6
|
+
title: string;
|
|
7
|
+
text: string;
|
|
8
|
+
position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
9
|
+
toggleToast?: (event: any) => void;
|
|
10
|
+
};
|
|
11
|
+
declare const Toast: (props: ToastProps) => JSX.Element;
|
|
12
|
+
export default Toast;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Story } from "@storybook/react";
|
|
3
|
-
import { ToastProps } from "./Toast";
|
|
4
|
-
declare const ToastStories: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: (props: ToastProps) => JSX.Element;
|
|
7
|
-
};
|
|
8
|
-
export default ToastStories;
|
|
9
|
-
export declare const Warning: Story<ToastProps>;
|
|
10
|
-
export declare const Success: Story<ToastProps>;
|
|
11
|
-
export declare const Error: Story<ToastProps>;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Story } from "@storybook/react";
|
|
3
|
+
import { ToastProps } from "./Toast";
|
|
4
|
+
declare const ToastStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: ToastProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default ToastStories;
|
|
9
|
+
export declare const Warning: Story<ToastProps>;
|
|
10
|
+
export declare const Success: Story<ToastProps>;
|
|
11
|
+
export declare const Error: Story<ToastProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from "./Toast";
|
|
1
|
+
export { default } from "./Toast";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type ToggleProps = {
|
|
3
|
-
mode: "small" | "large";
|
|
4
|
-
actived?: boolean;
|
|
5
|
-
checked?: boolean;
|
|
6
|
-
};
|
|
7
|
-
declare const Toggle: (props: ToggleProps) => JSX.Element;
|
|
8
|
-
export default Toggle;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type ToggleProps = {
|
|
3
|
+
mode: "small" | "large";
|
|
4
|
+
actived?: boolean;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare const Toggle: (props: ToggleProps) => JSX.Element;
|
|
8
|
+
export default Toggle;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ToggleProps } from "./Toggle";
|
|
3
|
-
import { Story } from "@storybook/react";
|
|
4
|
-
declare const ButtonStories: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: (props: ToggleProps) => JSX.Element;
|
|
7
|
-
};
|
|
8
|
-
export default ButtonStories;
|
|
9
|
-
export declare const Small: Story<ToggleProps>;
|
|
10
|
-
export declare const Large: Story<ToggleProps>;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ToggleProps } from "./Toggle";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const ButtonStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: ToggleProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default ButtonStories;
|
|
9
|
+
export declare const Small: Story<ToggleProps>;
|
|
10
|
+
export declare const Large: Story<ToggleProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from "./Toggle";
|
|
1
|
+
export { default } from "./Toggle";
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
export { default as Breadcrumb } from "./Breadcrumb";
|
|
2
|
-
export { default as Button } from "./Button";
|
|
3
|
-
export { default as ButtonDropdown } from "./ButtonDropdown";
|
|
4
|
-
export { default as Checkbox } from "./Checkbox";
|
|
5
|
-
export { default as Dropzone } from "./Dropzone";
|
|
6
|
-
export { default as Input } from "./Input";
|
|
7
|
-
export { default as InteractiveModal } from "./InteractiveModal";
|
|
8
|
-
export { default as LateralModal } from "./LateralModal";
|
|
9
|
-
export { default as Menudropdown } from "./MenuDropdown";
|
|
10
|
-
export { default as NotificationsBar } from "./NotificationsBar";
|
|
11
|
-
export { default as Radio } from "./Radio";
|
|
12
|
-
export { default as RadioGroup } from "./RadioGroup";
|
|
13
|
-
export { default as Search } from "./Search";
|
|
14
|
-
export { default as CustomSelect } from "./CustomSelect";
|
|
15
|
-
export { default as SideBar } from "./SideBar";
|
|
16
|
-
export { default as Spacer } from "./Spacer";
|
|
17
|
-
export { default as TabMenu } from "./TabMenu";
|
|
18
|
-
export { default as Toast } from "./Toast";
|
|
19
|
-
export { default as Toggle } from "./Toggle";
|
|
20
|
-
export { default as ProgressBar } from "./ProgressBar";
|
|
21
|
-
export { default as InputToken } from "./InputToken";
|
|
22
|
-
export { default as Table } from "./Table";
|
|
23
|
-
export { default as InputCurrency } from "./InputCurrency";
|
|
1
|
+
export { default as Breadcrumb } from "./Breadcrumb";
|
|
2
|
+
export { default as Button } from "./Button";
|
|
3
|
+
export { default as ButtonDropdown } from "./ButtonDropdown";
|
|
4
|
+
export { default as Checkbox } from "./Checkbox";
|
|
5
|
+
export { default as Dropzone } from "./Dropzone";
|
|
6
|
+
export { default as Input } from "./Input";
|
|
7
|
+
export { default as InteractiveModal } from "./InteractiveModal";
|
|
8
|
+
export { default as LateralModal } from "./LateralModal";
|
|
9
|
+
export { default as Menudropdown } from "./MenuDropdown";
|
|
10
|
+
export { default as NotificationsBar } from "./NotificationsBar";
|
|
11
|
+
export { default as Radio } from "./Radio";
|
|
12
|
+
export { default as RadioGroup } from "./RadioGroup";
|
|
13
|
+
export { default as Search } from "./Search";
|
|
14
|
+
export { default as CustomSelect } from "./CustomSelect";
|
|
15
|
+
export { default as SideBar } from "./SideBar";
|
|
16
|
+
export { default as Spacer } from "./Spacer";
|
|
17
|
+
export { default as TabMenu } from "./TabMenu";
|
|
18
|
+
export { default as Toast } from "./Toast";
|
|
19
|
+
export { default as Toggle } from "./Toggle";
|
|
20
|
+
export { default as ProgressBar } from "./ProgressBar";
|
|
21
|
+
export { default as InputToken } from "./InputToken";
|
|
22
|
+
export { default as Table } from "./Table";
|
|
23
|
+
export { default as InputCurrency } from "./InputCurrency";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AppTheme } from "../types";
|
|
2
|
-
import "./fonts/ProximaNova.css";
|
|
3
|
-
declare const defaultTheme: AppTheme;
|
|
4
|
-
export default defaultTheme;
|
|
1
|
+
import { AppTheme } from "../types";
|
|
2
|
+
import "./fonts/ProximaNova.css";
|
|
3
|
+
declare const defaultTheme: AppTheme;
|
|
4
|
+
export default defaultTheme;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const UITheme: import("../types").AppTheme;
|
|
2
|
-
export default UITheme;
|
|
1
|
+
declare const UITheme: import("../types").AppTheme;
|
|
2
|
+
export default UITheme;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { AppTheme } from "../types";
|
|
2
|
-
declare const prosperitaTheme: AppTheme;
|
|
3
|
-
export default prosperitaTheme;
|
|
1
|
+
import { AppTheme } from "../types";
|
|
2
|
+
declare const prosperitaTheme: AppTheme;
|
|
3
|
+
export default prosperitaTheme;
|
package/dist/index.d.ts
CHANGED
|
@@ -2,255 +2,256 @@
|
|
|
2
2
|
import { ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes } from 'react';
|
|
3
3
|
import { Props } from 'react-select';
|
|
4
4
|
|
|
5
|
-
type ItemsProps = {
|
|
6
|
-
label: string;
|
|
7
|
-
href: string;
|
|
8
|
-
img?: string;
|
|
9
|
-
};
|
|
10
|
-
type BreadcrumbProps = {
|
|
11
|
-
menus: ItemsProps[];
|
|
12
|
-
};
|
|
5
|
+
type ItemsProps = {
|
|
6
|
+
label: string;
|
|
7
|
+
href: string;
|
|
8
|
+
img?: string;
|
|
9
|
+
};
|
|
10
|
+
type BreadcrumbProps = {
|
|
11
|
+
menus: ItemsProps[];
|
|
12
|
+
};
|
|
13
13
|
declare const Breadcrumb: (props: BreadcrumbProps) => JSX.Element;
|
|
14
14
|
|
|
15
|
-
type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
16
|
-
mode: "main" | "border" | "phantom";
|
|
17
|
-
link?: boolean;
|
|
18
|
-
icon?: string;
|
|
19
|
-
iconPosition?: "left" | "right";
|
|
20
|
-
arrow?: "left" | "right";
|
|
21
|
-
danger?: boolean;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
loading?: boolean;
|
|
24
|
-
label?: string;
|
|
25
|
-
value?: string;
|
|
26
|
-
type?: string;
|
|
27
|
-
full?: boolean;
|
|
28
|
-
children?: JSX.Element;
|
|
29
|
-
};
|
|
15
|
+
type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
16
|
+
mode: "main" | "border" | "phantom";
|
|
17
|
+
link?: boolean;
|
|
18
|
+
icon?: string;
|
|
19
|
+
iconPosition?: "left" | "right";
|
|
20
|
+
arrow?: "left" | "right";
|
|
21
|
+
danger?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
loading?: boolean;
|
|
24
|
+
label?: string;
|
|
25
|
+
value?: string;
|
|
26
|
+
type?: string;
|
|
27
|
+
full?: boolean;
|
|
28
|
+
children?: JSX.Element;
|
|
29
|
+
};
|
|
30
30
|
declare const Button: ({ onClick, ...props }: ButtonProps) => JSX.Element;
|
|
31
31
|
|
|
32
|
-
type DropdownOptions = {
|
|
33
|
-
value: string;
|
|
34
|
-
label: string;
|
|
35
|
-
color?: string;
|
|
36
|
-
onClick?: (value: string) => void;
|
|
37
|
-
};
|
|
38
|
-
type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
39
|
-
mode: "main" | "border";
|
|
40
|
-
icon?: string;
|
|
41
|
-
label?: string;
|
|
42
|
-
loading?: boolean;
|
|
43
|
-
value?: string;
|
|
44
|
-
type?: string;
|
|
45
|
-
double?: boolean;
|
|
46
|
-
options: DropdownOptions[];
|
|
47
|
-
};
|
|
32
|
+
type DropdownOptions = {
|
|
33
|
+
value: string;
|
|
34
|
+
label: string;
|
|
35
|
+
color?: string;
|
|
36
|
+
onClick?: (value: string) => void;
|
|
37
|
+
};
|
|
38
|
+
type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
39
|
+
mode: "main" | "border";
|
|
40
|
+
icon?: string;
|
|
41
|
+
label?: string;
|
|
42
|
+
loading?: boolean;
|
|
43
|
+
value?: string;
|
|
44
|
+
type?: string;
|
|
45
|
+
double?: boolean;
|
|
46
|
+
options: DropdownOptions[];
|
|
47
|
+
};
|
|
48
48
|
declare const ButtonDropdown: (props: ButtonDropdownProps) => JSX.Element;
|
|
49
49
|
|
|
50
|
-
type CheckboxProps = {
|
|
51
|
-
label?: string;
|
|
52
|
-
disabled?: boolean;
|
|
53
|
-
checked?: boolean;
|
|
54
|
-
position?: "top" | "bottom" | "left" | "right";
|
|
55
|
-
onChange?: (value: boolean) => void;
|
|
56
|
-
};
|
|
50
|
+
type CheckboxProps = {
|
|
51
|
+
label?: string;
|
|
52
|
+
disabled?: boolean;
|
|
53
|
+
checked?: boolean;
|
|
54
|
+
position?: "top" | "bottom" | "left" | "right";
|
|
55
|
+
onChange?: (value: boolean) => void;
|
|
56
|
+
};
|
|
57
57
|
declare const Checkbox: ({ onChange, ...props }: CheckboxProps) => JSX.Element;
|
|
58
58
|
|
|
59
|
-
type DropzoneProps = {
|
|
60
|
-
error?: string;
|
|
61
|
-
helper?: string;
|
|
62
|
-
onFilesChanged?: (files: File[]) => void;
|
|
63
|
-
};
|
|
59
|
+
type DropzoneProps = {
|
|
60
|
+
error?: string;
|
|
61
|
+
helper?: string;
|
|
62
|
+
onFilesChanged?: (files: File[]) => void;
|
|
63
|
+
};
|
|
64
64
|
declare const Dropzone: (props: DropzoneProps) => JSX.Element;
|
|
65
65
|
|
|
66
|
-
type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
67
|
-
value?: string | number | boolean | readonly string[] | undefined;
|
|
68
|
-
error?: string | boolean;
|
|
69
|
-
success?: boolean;
|
|
70
|
-
helper?: string;
|
|
71
|
-
label?: string;
|
|
72
|
-
newPassword?: boolean;
|
|
73
|
-
newPasswordLevel?: string;
|
|
74
|
-
search?: boolean;
|
|
75
|
-
mask?: string;
|
|
76
|
-
};
|
|
66
|
+
type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
67
|
+
value?: string | number | boolean | readonly string[] | undefined;
|
|
68
|
+
error?: string | boolean;
|
|
69
|
+
success?: boolean;
|
|
70
|
+
helper?: string;
|
|
71
|
+
label?: string;
|
|
72
|
+
newPassword?: boolean;
|
|
73
|
+
newPasswordLevel?: string;
|
|
74
|
+
search?: boolean;
|
|
75
|
+
mask?: string;
|
|
76
|
+
};
|
|
77
77
|
declare const Input: (props: InputProps) => JSX.Element;
|
|
78
78
|
|
|
79
|
-
type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
|
|
80
|
-
open?: boolean;
|
|
81
|
-
header?: boolean;
|
|
82
|
-
title?: string;
|
|
83
|
-
children?: JSX.Element;
|
|
84
|
-
size: "md" | "lg";
|
|
85
|
-
toggleModal: (event: any) => void;
|
|
86
|
-
};
|
|
79
|
+
type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
|
|
80
|
+
open?: boolean;
|
|
81
|
+
header?: boolean;
|
|
82
|
+
title?: string;
|
|
83
|
+
children?: JSX.Element;
|
|
84
|
+
size: "md" | "lg";
|
|
85
|
+
toggleModal: (event: any) => void;
|
|
86
|
+
};
|
|
87
87
|
declare const InteractiveModal: (props: ModalProps$1) => JSX.Element;
|
|
88
88
|
|
|
89
|
-
type ModalProps = HTMLAttributes<HTMLDivElement> & {
|
|
90
|
-
open?: boolean;
|
|
91
|
-
header?: boolean;
|
|
92
|
-
title?: string;
|
|
93
|
-
children?: JSX.Element;
|
|
94
|
-
toggleModal: () => void;
|
|
95
|
-
};
|
|
89
|
+
type ModalProps = HTMLAttributes<HTMLDivElement> & {
|
|
90
|
+
open?: boolean;
|
|
91
|
+
header?: boolean;
|
|
92
|
+
title?: string;
|
|
93
|
+
children?: JSX.Element;
|
|
94
|
+
toggleModal: () => void;
|
|
95
|
+
};
|
|
96
96
|
declare const lateralModal: (props: ModalProps) => JSX.Element;
|
|
97
97
|
|
|
98
|
-
type UsersProps = {
|
|
99
|
-
img: string;
|
|
100
|
-
name: string;
|
|
101
|
-
label: string;
|
|
102
|
-
};
|
|
103
|
-
type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
104
|
-
open?: boolean;
|
|
105
|
-
onUserChange?: (user: UsersProps, index: number) => void;
|
|
106
|
-
users?: UsersProps[];
|
|
107
|
-
};
|
|
98
|
+
type UsersProps = {
|
|
99
|
+
img: string;
|
|
100
|
+
name: string;
|
|
101
|
+
label: string;
|
|
102
|
+
};
|
|
103
|
+
type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
104
|
+
open?: boolean;
|
|
105
|
+
onUserChange?: (user: UsersProps, index: number) => void;
|
|
106
|
+
users?: UsersProps[];
|
|
107
|
+
};
|
|
108
108
|
declare const MenuDropdown: (props: MenuDropdownProps) => JSX.Element;
|
|
109
109
|
|
|
110
|
-
type NotificationsProps = {
|
|
111
|
-
img: string;
|
|
112
|
-
text: string;
|
|
113
|
-
time: string;
|
|
114
|
-
};
|
|
115
|
-
type NotificationsBarProps = {
|
|
116
|
-
title: string;
|
|
117
|
-
message?: string;
|
|
118
|
-
notifications?: NotificationsProps[];
|
|
119
|
-
onNotificationClick?: (notification: NotificationsProps, index: number) => void;
|
|
120
|
-
left?: number;
|
|
121
|
-
right?: number;
|
|
122
|
-
top?: number;
|
|
123
|
-
bottom?: number;
|
|
124
|
-
open?: boolean;
|
|
125
|
-
};
|
|
110
|
+
type NotificationsProps = {
|
|
111
|
+
img: string;
|
|
112
|
+
text: string;
|
|
113
|
+
time: string;
|
|
114
|
+
};
|
|
115
|
+
type NotificationsBarProps = {
|
|
116
|
+
title: string;
|
|
117
|
+
message?: string;
|
|
118
|
+
notifications?: NotificationsProps[];
|
|
119
|
+
onNotificationClick?: (notification: NotificationsProps, index: number) => void;
|
|
120
|
+
left?: number;
|
|
121
|
+
right?: number;
|
|
122
|
+
top?: number;
|
|
123
|
+
bottom?: number;
|
|
124
|
+
open?: boolean;
|
|
125
|
+
};
|
|
126
126
|
declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
|
|
127
127
|
|
|
128
|
-
type RadioProps$1 = {
|
|
129
|
-
label?: string;
|
|
130
|
-
disabled?: boolean;
|
|
131
|
-
checked?: boolean;
|
|
132
|
-
position?: "top" | "bottom" | "left" | "right";
|
|
133
|
-
onChange?: (value: boolean) => void;
|
|
134
|
-
};
|
|
128
|
+
type RadioProps$1 = {
|
|
129
|
+
label?: string;
|
|
130
|
+
disabled?: boolean;
|
|
131
|
+
checked?: boolean;
|
|
132
|
+
position?: "top" | "bottom" | "left" | "right";
|
|
133
|
+
onChange?: (value: boolean) => void;
|
|
134
|
+
};
|
|
135
135
|
declare const Radio: ({ onChange, ...props }: RadioProps$1) => JSX.Element;
|
|
136
136
|
|
|
137
|
-
type RadioProps = {
|
|
138
|
-
label: string;
|
|
139
|
-
disabled?: boolean;
|
|
140
|
-
checked?: boolean;
|
|
141
|
-
position?: "top" | "bottom" | "left" | "right";
|
|
142
|
-
value: string;
|
|
143
|
-
onClick?: (value: string) => void;
|
|
137
|
+
type RadioProps = {
|
|
138
|
+
label: string;
|
|
139
|
+
disabled?: boolean;
|
|
140
|
+
checked?: boolean;
|
|
141
|
+
position?: "top" | "bottom" | "left" | "right";
|
|
142
|
+
value: string;
|
|
143
|
+
onClick?: (value: string) => void;
|
|
144
144
|
};
|
|
145
145
|
|
|
146
|
-
type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
|
|
147
|
-
display: "row" | "column";
|
|
148
|
-
options: RadioProps[];
|
|
149
|
-
value: string;
|
|
150
|
-
onChange?: (value: string) => void;
|
|
151
|
-
};
|
|
146
|
+
type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
|
|
147
|
+
display: "row" | "column";
|
|
148
|
+
options: RadioProps[];
|
|
149
|
+
value: string;
|
|
150
|
+
onChange?: (value: string) => void;
|
|
151
|
+
};
|
|
152
152
|
declare const RadioGroup: ({ options, value, onChange, ...props }: RadioGroupProps) => JSX.Element;
|
|
153
153
|
|
|
154
|
-
type ResultsProps = {
|
|
155
|
-
value: string;
|
|
156
|
-
label: string;
|
|
157
|
-
};
|
|
158
|
-
type SearchProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
159
|
-
showResults?: ResultsProps[];
|
|
160
|
-
loading?: boolean;
|
|
161
|
-
};
|
|
154
|
+
type ResultsProps = {
|
|
155
|
+
value: string;
|
|
156
|
+
label: string;
|
|
157
|
+
};
|
|
158
|
+
type SearchProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
159
|
+
showResults?: ResultsProps[];
|
|
160
|
+
loading?: boolean;
|
|
161
|
+
};
|
|
162
162
|
declare const Search: (props: SearchProps) => JSX.Element;
|
|
163
163
|
|
|
164
|
-
type SelectProps = Omit<Props, "onChange"> & {
|
|
165
|
-
onChange?: (e: any) => void;
|
|
166
|
-
error?: string | boolean;
|
|
167
|
-
success?: boolean;
|
|
168
|
-
helper?: string;
|
|
169
|
-
label?: string;
|
|
170
|
-
};
|
|
164
|
+
type SelectProps = Omit<Props, "onChange"> & {
|
|
165
|
+
onChange?: (e: any) => void;
|
|
166
|
+
error?: string | boolean;
|
|
167
|
+
success?: boolean;
|
|
168
|
+
helper?: string;
|
|
169
|
+
label?: string;
|
|
170
|
+
};
|
|
171
171
|
declare const CustomSelect: (props: SelectProps) => JSX.Element;
|
|
172
172
|
|
|
173
|
-
type MenuItem = {
|
|
174
|
-
icon: string;
|
|
175
|
-
text: string;
|
|
176
|
-
onMenuClick?: () => void;
|
|
177
|
-
};
|
|
178
|
-
type SideBarProps = {
|
|
179
|
-
menu: MenuItem[];
|
|
180
|
-
footer?: MenuItem[];
|
|
181
|
-
logo: string;
|
|
182
|
-
active?: boolean;
|
|
183
|
-
};
|
|
173
|
+
type MenuItem = {
|
|
174
|
+
icon: string;
|
|
175
|
+
text: string;
|
|
176
|
+
onMenuClick?: (index: number) => void;
|
|
177
|
+
};
|
|
178
|
+
type SideBarProps = {
|
|
179
|
+
menu: MenuItem[];
|
|
180
|
+
footer?: MenuItem[];
|
|
181
|
+
logo: string;
|
|
182
|
+
active?: boolean;
|
|
183
|
+
};
|
|
184
184
|
declare const SideBar: (props: SideBarProps) => JSX.Element;
|
|
185
185
|
|
|
186
|
-
type SpacerProps = {
|
|
187
|
-
top?: number;
|
|
188
|
-
bottom?: number;
|
|
189
|
-
left?: number;
|
|
190
|
-
right?: number;
|
|
191
|
-
};
|
|
186
|
+
type SpacerProps = {
|
|
187
|
+
top?: number;
|
|
188
|
+
bottom?: number;
|
|
189
|
+
left?: number;
|
|
190
|
+
right?: number;
|
|
191
|
+
};
|
|
192
192
|
declare const Spacer: (props: SpacerProps) => JSX.Element;
|
|
193
193
|
|
|
194
|
-
type MenusProps = {
|
|
195
|
-
label: string;
|
|
196
|
-
value: string;
|
|
197
|
-
disabled?: boolean;
|
|
198
|
-
};
|
|
199
|
-
type TabMenuProps = {
|
|
200
|
-
menus: MenusProps[];
|
|
201
|
-
onChangeTab?: (index: number) => void;
|
|
202
|
-
};
|
|
194
|
+
type MenusProps = {
|
|
195
|
+
label: string;
|
|
196
|
+
value: string;
|
|
197
|
+
disabled?: boolean;
|
|
198
|
+
};
|
|
199
|
+
type TabMenuProps = {
|
|
200
|
+
menus: MenusProps[];
|
|
201
|
+
onChangeTab?: (index: number) => void;
|
|
202
|
+
};
|
|
203
203
|
declare const TabMenu: (props: TabMenuProps) => JSX.Element;
|
|
204
204
|
|
|
205
|
-
type ToastProps = HTMLAttributes<HTMLDivElement> & {
|
|
206
|
-
active?: boolean;
|
|
207
|
-
mode: "warning" | "success" | "error";
|
|
208
|
-
title: string;
|
|
209
|
-
text: string;
|
|
210
|
-
position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
211
|
-
toggleToast?: (event: any) => void;
|
|
212
|
-
};
|
|
205
|
+
type ToastProps = HTMLAttributes<HTMLDivElement> & {
|
|
206
|
+
active?: boolean;
|
|
207
|
+
mode: "warning" | "success" | "error";
|
|
208
|
+
title: string;
|
|
209
|
+
text: string;
|
|
210
|
+
position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
211
|
+
toggleToast?: (event: any) => void;
|
|
212
|
+
};
|
|
213
213
|
declare const Toast: (props: ToastProps) => JSX.Element;
|
|
214
214
|
|
|
215
|
-
type ToggleProps = {
|
|
216
|
-
mode: "small" | "large";
|
|
217
|
-
actived?: boolean;
|
|
218
|
-
checked?: boolean;
|
|
219
|
-
};
|
|
215
|
+
type ToggleProps = {
|
|
216
|
+
mode: "small" | "large";
|
|
217
|
+
actived?: boolean;
|
|
218
|
+
checked?: boolean;
|
|
219
|
+
};
|
|
220
220
|
declare const Toggle: (props: ToggleProps) => JSX.Element;
|
|
221
221
|
|
|
222
|
-
type ProgressBarProps = {
|
|
223
|
-
percent: number;
|
|
224
|
-
color?: string;
|
|
225
|
-
};
|
|
222
|
+
type ProgressBarProps = {
|
|
223
|
+
percent: number;
|
|
224
|
+
color?: string;
|
|
225
|
+
};
|
|
226
226
|
declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
|
|
227
227
|
|
|
228
|
-
type InputTokenProps = {
|
|
229
|
-
inputsNumber?: number;
|
|
230
|
-
};
|
|
228
|
+
type InputTokenProps = {
|
|
229
|
+
inputsNumber?: number;
|
|
230
|
+
};
|
|
231
231
|
declare function InputToken({ inputsNumber: numberOfInputs }: InputTokenProps): JSX.Element;
|
|
232
232
|
|
|
233
|
-
type TableColumn<T = any> = {
|
|
234
|
-
label: string;
|
|
235
|
-
key: string;
|
|
236
|
-
render?: (data: T) => JSX.Element;
|
|
237
|
-
};
|
|
238
|
-
type TableProps = {
|
|
239
|
-
columns: TableColumn<any>[];
|
|
240
|
-
data: any[];
|
|
241
|
-
|
|
242
|
-
|
|
233
|
+
type TableColumn<T = any> = {
|
|
234
|
+
label: string;
|
|
235
|
+
key: string;
|
|
236
|
+
render?: (data: T, index: number) => JSX.Element;
|
|
237
|
+
};
|
|
238
|
+
type TableProps = {
|
|
239
|
+
columns: TableColumn<any>[];
|
|
240
|
+
data: any[];
|
|
241
|
+
dataSpacer?: number;
|
|
242
|
+
};
|
|
243
|
+
declare const Table: (props: TableProps) => JSX.Element;
|
|
243
244
|
|
|
244
|
-
type InputCurrencyProps = {
|
|
245
|
-
value?: string | number | boolean | readonly string[] | undefined;
|
|
246
|
-
error?: string | boolean;
|
|
247
|
-
success?: boolean;
|
|
248
|
-
helper?: string;
|
|
249
|
-
label?: string;
|
|
250
|
-
disabled?: boolean;
|
|
251
|
-
required?: boolean;
|
|
252
|
-
type?: string;
|
|
253
|
-
};
|
|
245
|
+
type InputCurrencyProps = {
|
|
246
|
+
value?: string | number | boolean | readonly string[] | undefined;
|
|
247
|
+
error?: string | boolean;
|
|
248
|
+
success?: boolean;
|
|
249
|
+
helper?: string;
|
|
250
|
+
label?: string;
|
|
251
|
+
disabled?: boolean;
|
|
252
|
+
required?: boolean;
|
|
253
|
+
type?: string;
|
|
254
|
+
};
|
|
254
255
|
declare const InputCurrency: (props: InputCurrencyProps) => JSX.Element;
|
|
255
256
|
|
|
256
257
|
export { Breadcrumb, Button, ButtonDropdown, Checkbox, CustomSelect, Dropzone, Input, InputCurrency, InputToken, InteractiveModal, lateralModal as LateralModal, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, ProgressBar, Radio, RadioGroup, Search, SideBar, Spacer, TabMenu, Table, Toast, Toggle };
|