@prosperitainova/mirage-ui 1.0.22 → 1.0.24

package/dist/esm/types/lib/Breadcrumb/Breadcrumb.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "../../../src/theme/fonts/ProximaNova.css";
 type ItemsProps = {
     label: string;

package/dist/esm/types/lib/Checkbox/Checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "../../../src/theme/fonts/ProximaNova.css";
 export type CheckboxProps = {
     label?: string;

package/dist/esm/types/lib/Checkbox/Checkbox.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from "./Checkbox";
 import { Story } from "@storybook/react";
 declare const CheckStories: {

package/dist/esm/types/lib/InputToken/InputToken.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type InputTokenProps = {
+    inputsNumber?: number;
+};
+declare function InputToken({ inputsNumber: numberOfInputs }: InputTokenProps): JSX.Element;
+export default InputToken;

package/dist/esm/types/lib/InputToken/InputToken.stories.d.ts

@@ -0,0 +1,8 @@
+import InputToken, { InputTokenProps } from "./InputToken";
+import { Story } from "@storybook/react";
+declare const InputTokenStories: {
+    title: string;
+    component: typeof InputToken;
+};
+export default InputTokenStories;
+export declare const Primary: Story<InputTokenProps>;

package/dist/esm/types/lib/InputToken/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./InputToken";

package/dist/esm/types/lib/MaskInput/MaskInput.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+    error?: string | boolean;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+    cep?: boolean;
+    mask?: string;
+};
+declare const MaskInput: (props: InputProps) => JSX.Element;
+export default MaskInput;

package/dist/esm/types/lib/MaskInput/MaskInput.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { InputProps as InputMaskProps } from "./MaskInput";
+import { Story } from "@storybook/react";
+declare const InputStories: {
+    title: string;
+    component: (props: InputMaskProps) => JSX.Element;
+};
+export default InputStories;
+export declare const Text: Story<InputMaskProps>;

package/dist/esm/types/lib/MaskInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./MaskInput";

package/dist/esm/types/lib/NotificationsBar/NotificationsBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "../../../src/theme/fonts/ProximaNova.css";
 export type NotificationsProps = {
     img: string;
@@ -10,6 +9,10 @@ export type NotificationsBarProps = {
     message?: string;
     notifications?: NotificationsProps[];
     onNotificationClick?: (notification: NotificationsProps, index: number) => void;
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
 };
 declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
 export default NotificationBar;

package/dist/esm/types/lib/NotificationsBar/NotificationsBar.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NotificationsBarProps } from "./NotificationsBar";
 import { Story } from "@storybook/react";
 declare const SearchStories: {

package/dist/esm/types/lib/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,6 @@
 export type ProgressBarProps = {
     percent: number;
+    color?: string;
 };
 declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
 export default ProgressBar;

package/dist/esm/types/lib/SideBar/SideBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "../../../src/theme/fonts/ProximaNova.css";
 export type MenuItem = {
     icon: string;
@@ -6,7 +5,6 @@ export type MenuItem = {
     onClick?: () => void;
 };
 export type SideBarProps = {
-    activedIndex?: number;
     menu: MenuItem[];
     footer?: MenuItem[];
     logo: string;

package/dist/esm/types/lib/SideBar/SideBar.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Story } from "@storybook/react";
 declare const SideBarStories: {
     title: string;

package/dist/esm/types/lib/Toast/TesterToast.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const TesterToast: () => JSX.Element;
 export default TesterToast;

package/dist/esm/types/lib/Toast/TesterToast.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Story } from "@storybook/react";
 import { ToastProps } from "./Toast";
 declare const TesterToastStories: {

package/dist/esm/types/lib/index.d.ts

@@ -17,5 +17,6 @@ export { default as Spacer } from "./Spacer";
 export { default as TabMenu } from "./TabMenu";
 export { default as Toast } from "./Toast";
 export { default as Toggle } from "./Toggle";
-export { default as VerifyCodeInput } from "./VerifyCodeInput";
 export { default as ProgressBar } from "./ProgressBar";
+export { default as MaskInput } from "./MaskInput";
+export { default as InputToken } from "./InputToken";

package/dist/index.d.ts

@@ -63,7 +63,7 @@ type DropzoneProps = {
 };
 declare const Dropzone: (props: DropzoneProps) => JSX.Element;
 
-type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
+type InputProps$1 = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
     error?: string | boolean;
     success?: boolean;
     helper?: string;
@@ -72,7 +72,7 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes
     newPasswordLevel?: string;
     filled?: boolean;
 };
-declare const Input: (props: InputProps) => JSX.Element;
+declare const Input: (props: InputProps$1) => JSX.Element;
 
 type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
     open?: boolean;
@@ -115,6 +115,10 @@ type NotificationsBarProps = {
     message?: string;
     notifications?: NotificationsProps[];
     onNotificationClick?: (notification: NotificationsProps, index: number) => void;
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
 };
 declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
 
@@ -169,7 +173,6 @@ type MenuItem = {
     onClick?: () => void;
 };
 type SideBarProps = {
-    activedIndex?: number;
     menu: MenuItem[];
     footer?: MenuItem[];
     logo: string;
@@ -213,14 +216,25 @@ type ToggleProps = {
 };
 declare const Toggle: (props: ToggleProps) => JSX.Element;
 
-type VerifyCodeInputProps = {
-    inputsNumber?: number;
-};
-declare function VerifyCodeInput({ inputsNumber: numberOfInputs, }: VerifyCodeInputProps): JSX.Element;
-
 type ProgressBarProps = {
     percent: number;
+    color?: string;
 };
 declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
 
-export { Breadcrumb, Button, ButtonDropdown, Checkbox, CustomSelect, Dropzone, Input, InteractiveModal, lateralModal as LateralModal, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, ProgressBar, Radio, RadioGroup, Search, SideBar, Spacer, TabMenu, Toast, Toggle, VerifyCodeInput };
+type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+    error?: string | boolean;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+    cep?: boolean;
+    mask?: string;
+};
+declare const MaskInput: (props: InputProps) => JSX.Element;
+
+type InputTokenProps = {
+    inputsNumber?: number;
+};
+declare function InputToken({ inputsNumber: numberOfInputs }: InputTokenProps): JSX.Element;
+
+export { Breadcrumb, Button, ButtonDropdown, Checkbox, CustomSelect, Dropzone, Input, InputToken, InteractiveModal, lateralModal as LateralModal, MaskInput, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, ProgressBar, Radio, RadioGroup, Search, SideBar, Spacer, TabMenu, Toast, Toggle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosperitainova/mirage-ui",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "private": false,
   "license": "MIT",
   "publishConfig": {
@@ -8,9 +8,10 @@
   },
   "dependencies": {
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
+    "typescript": "^4.9.4",
     "react-dropzone": "^14.2.3",
-    "react-select": "^5.7.0",
-    "typescript": "^4.9.4"
+    "react-input-mask": "^2.0.4",
+    "react-select": "^5.7.0"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -73,6 +74,7 @@
     "@types/node": "^16.18.8",
     "@types/react": "^18.0.26",
     "@types/styled-components": "^5.1.26",
+    "@types/react-input-mask": "^3.0.2",
     "babel-plugin-named-exports-order": "^0.0.2",
     "postcss": "^8.4.21",
     "postcss-assets": "^6.0.0",