1mpacto-react-ui 0.0.63 → 0.0.64
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/dist/assets/core.css +1 -1
- package/dist/assets/style.css +1 -1
- package/dist/index.cjs +54 -43
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +3124 -3027
- package/dist/index.mjs.map +1 -1
- package/dist/src/components/Sidebar/ItemSidebar.d.ts +1 -1
- package/dist/src/components/Sidebar/Sidebar.d.ts +1 -1
- package/dist/src/components/Timeline/Timeline.d.ts +2 -2
- package/dist/src/interfaces/components/ButtonIcon/index.d.ts +6 -2
- package/dist/src/interfaces/components/Sidebar/index.d.ts +4 -3
- package/dist/src/interfaces/components/Timeline/index.d.ts +2 -0
- package/package.json +1 -1
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ElementType } from 'react';
|
2
2
|
import { IItemSidebar } from '../../interfaces/components/Sidebar';
|
3
3
|
|
4
|
-
declare const ItemSidebar: <T extends ElementType = "div">({ as, show, open, patch, iconSubs,
|
4
|
+
declare const ItemSidebar: <T extends ElementType = "div">({ as, show, open, patch, iconSubs, variant, setShow, onClickItems, propsLink, ...value }: IItemSidebar<T>) => import("react/jsx-runtime").JSX.Element;
|
5
5
|
export default ItemSidebar;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ElementType } from 'react';
|
2
2
|
import { ISidebar } from '../../interfaces/components/Sidebar';
|
3
3
|
|
4
|
-
declare const Sidebar: <T extends ElementType = "div">({ as, children, patch, iconCompany, iconSubs, iconCollapse, iconCollapseClose,
|
4
|
+
declare const Sidebar: <T extends ElementType = "div">({ as, children, patch, iconCompany, iconSubs, iconCollapse, iconCollapseClose, modules, toleranceWidthIconCompany, onClickItems, variant, footer, ...props }: ISidebar<T>) => import("react/jsx-runtime").JSX.Element;
|
5
5
|
export default Sidebar;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ITimelineContent, ITimelineLayout } from '../../interfaces/components/Timeline';
|
2
2
|
|
3
|
-
declare const Timeline: (({ children }: ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
|
4
|
-
TimelineContent: ({ children, time, clasName }: ITimelineContent) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const Timeline: (({ children, noTime }: ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
|
4
|
+
TimelineContent: ({ children, time, clasName, noTime }: ITimelineContent) => import("react/jsx-runtime").JSX.Element;
|
5
5
|
};
|
6
6
|
export default Timeline;
|
@@ -1,8 +1,12 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
2
|
|
3
|
+
export type TButtonIcomVariants = 'filled-laba-blue-10' | 'ghost-laba-blue-10' | 'ghost-blue-gray-100-bg_white' | 'nude-laba-blue-10' | 'nude-gray-500' | 'nude-laba-red-10' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500';
|
4
|
+
export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
|
3
5
|
export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
4
|
-
size?:
|
5
|
-
|
6
|
+
size?: TButtonIconSize;
|
7
|
+
variants?: TButtonIcomVariants;
|
6
8
|
children: ReactNode | ReactNode[];
|
7
9
|
className?: string | undefined;
|
10
|
+
loading?: boolean;
|
11
|
+
classNameIconLoading?: string | undefined;
|
8
12
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ElementType, HTMLAttributes, ReactNode } from 'react';
|
2
2
|
|
3
|
-
export type
|
3
|
+
export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white';
|
4
4
|
export interface ISidebarModule {
|
5
5
|
name: string;
|
6
6
|
label: string;
|
@@ -21,9 +21,10 @@ export interface ISidebar<T extends ElementType> extends HTMLAttributes<HTMLDivE
|
|
21
21
|
iconSubs?: ReactNode | ReactNode[];
|
22
22
|
iconCollapse?: ReactNode | ReactNode[];
|
23
23
|
iconCollapseClose?: ReactNode | ReactNode[];
|
24
|
-
|
24
|
+
variant?: TVariantSidebarType;
|
25
25
|
modules: ISidebarModule[];
|
26
26
|
toleranceWidthIconCompany?: number;
|
27
|
+
footer?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
|
27
28
|
onClickItems?: (v: ISidebarModule) => void;
|
28
29
|
propsLink?: (value: string) => object;
|
29
30
|
}
|
@@ -33,7 +34,7 @@ export interface IItemSidebar<T extends ElementType> extends ISidebarModule {
|
|
33
34
|
open: boolean | null;
|
34
35
|
patch?: string;
|
35
36
|
iconSubs?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
|
36
|
-
|
37
|
+
variant?: TVariantSidebarType;
|
37
38
|
setShow: (v: string) => void;
|
38
39
|
onClickItems?: (v: ISidebarModule) => void;
|
39
40
|
propsLink?: (value: string) => object;
|
@@ -3,9 +3,11 @@ import { ReactNode } from 'react';
|
|
3
3
|
export interface ITimelineLayout {
|
4
4
|
children: ReactNode | ReactNode[];
|
5
5
|
id?: string;
|
6
|
+
noTime?: boolean;
|
6
7
|
}
|
7
8
|
export interface ITimelineContent {
|
8
9
|
children: ReactNode | ReactNode[];
|
9
10
|
time?: string;
|
10
11
|
clasName?: string | undefined;
|
12
|
+
noTime?: boolean;
|
11
13
|
}
|
package/package.json
CHANGED