@hybr1d-tech/charizard 0.6.28 → 0.6.29
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/components/badge/Badge.d.ts +49 -0
- package/dist/components/badge/index.d.ts +1 -0
- package/dist/components/button-v2/ButtonV2.d.ts +65 -0
- package/dist/components/button-v2/buttonV2.stories.d.ts +9 -0
- package/dist/components/button-v2/group-action.stories.d.ts +9 -0
- package/dist/components/button-v2/index.d.ts +1 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/pill/Pill.d.ts +15 -0
- package/dist/components/pill/index.d.ts +1 -0
- package/dist/components/task-cards/TaskCards.d.ts +8 -0
- package/dist/components/task-cards/components/card/Card.d.ts +5 -0
- package/dist/components/task-cards/components/header/Header.d.ts +3 -0
- package/dist/components/task-cards/index.d.ts +1 -0
- package/dist/components/task-cards/types.d.ts +20 -0
- package/dist/hybr1d-ui.js +3971 -3693
- package/dist/hybr1d-ui.umd.cjs +14 -14
- package/dist/style.css +1 -1
- package/package.json +28 -25
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare enum BADGE_STATUS {
|
|
3
|
+
DEFAULT = "default",
|
|
4
|
+
NEUTRAL = "neutral",
|
|
5
|
+
POSITIVE = "positive",
|
|
6
|
+
WARNING = "warning",
|
|
7
|
+
NEGATIVE = "negative",
|
|
8
|
+
HIGHLIGHT = "highlight"
|
|
9
|
+
}
|
|
10
|
+
export declare enum BADGE_HIGHLIGHT {
|
|
11
|
+
ICON = "icon",
|
|
12
|
+
DOT = "dot",
|
|
13
|
+
NONE = "none"
|
|
14
|
+
}
|
|
15
|
+
interface BadgesProps {
|
|
16
|
+
highlight?: BADGE_HIGHLIGHT;
|
|
17
|
+
status?: BADGE_STATUS;
|
|
18
|
+
selected?: boolean;
|
|
19
|
+
children: React.ReactNode;
|
|
20
|
+
icon?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare function Badges({ highlight, status, selected, children, icon, }: BadgesProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const statusMap: {
|
|
24
|
+
neutral: {
|
|
25
|
+
bg: string;
|
|
26
|
+
color: string;
|
|
27
|
+
};
|
|
28
|
+
default: {
|
|
29
|
+
bg: string;
|
|
30
|
+
color: string;
|
|
31
|
+
};
|
|
32
|
+
positive: {
|
|
33
|
+
bg: string;
|
|
34
|
+
color: string;
|
|
35
|
+
};
|
|
36
|
+
highlight: {
|
|
37
|
+
bg: string;
|
|
38
|
+
color: string;
|
|
39
|
+
};
|
|
40
|
+
warning: {
|
|
41
|
+
bg: string;
|
|
42
|
+
color: string;
|
|
43
|
+
};
|
|
44
|
+
negative: {
|
|
45
|
+
bg: string;
|
|
46
|
+
color: string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Badge';
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { PositioningOptions } from '@zag-js/popper';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export declare enum BUTTON_V2_VARIANT {
|
|
4
|
+
PRIMARY = "primary",
|
|
5
|
+
SECONDARY = "secondary",
|
|
6
|
+
TERTIARY = "tertiary"
|
|
7
|
+
}
|
|
8
|
+
export declare enum BUTTON_V2_SIZE {
|
|
9
|
+
SMALL = "small",
|
|
10
|
+
DEFAULT = "default"
|
|
11
|
+
}
|
|
12
|
+
export declare enum BUTTON_V2_TYPE {
|
|
13
|
+
BASIC = "basic",
|
|
14
|
+
ICON_LEFT = "iconLeft",
|
|
15
|
+
ICON_RIGHT = "iconRight",
|
|
16
|
+
ICON_ONLY = "iconOnly"
|
|
17
|
+
}
|
|
18
|
+
interface BaseButtonProps {
|
|
19
|
+
variant?: BUTTON_V2_VARIANT;
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
22
|
+
size?: BUTTON_V2_SIZE;
|
|
23
|
+
customStyles?: React.CSSProperties;
|
|
24
|
+
}
|
|
25
|
+
interface IconOnlyButtonV2TypeProps extends BaseButtonProps {
|
|
26
|
+
type: BUTTON_V2_TYPE.ICON_ONLY;
|
|
27
|
+
icon: React.ReactNode;
|
|
28
|
+
children?: React.ReactNode;
|
|
29
|
+
}
|
|
30
|
+
interface IconButtonV2TypeProps extends BaseButtonProps {
|
|
31
|
+
type: BUTTON_V2_TYPE.ICON_LEFT | BUTTON_V2_TYPE.ICON_RIGHT;
|
|
32
|
+
icon: React.ReactNode;
|
|
33
|
+
children: React.ReactNode;
|
|
34
|
+
}
|
|
35
|
+
interface OtherButtonV2TypeProps extends BaseButtonProps {
|
|
36
|
+
type?: Exclude<BUTTON_V2_TYPE, BUTTON_V2_TYPE.ICON_LEFT | BUTTON_V2_TYPE.ICON_RIGHT | BUTTON_V2_TYPE.ICON_ONLY>;
|
|
37
|
+
icon?: React.ReactNode;
|
|
38
|
+
children: React.ReactNode;
|
|
39
|
+
}
|
|
40
|
+
export type ButtonV2Props = IconOnlyButtonV2TypeProps | IconButtonV2TypeProps | OtherButtonV2TypeProps;
|
|
41
|
+
export declare function ButtonV2({ children, variant, disabled, onClick, type, size, customStyles, icon, }: ButtonV2Props): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export declare namespace ButtonV2 {
|
|
43
|
+
var GroupAction: ({ children, variant, disabled, menuItems, customData, size, actionsDropdownOptions, positionerProps, isTable, }: GroupActionProps) => import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
}
|
|
45
|
+
export type MenuItemV2 = {
|
|
46
|
+
label: string;
|
|
47
|
+
iconSrc?: string;
|
|
48
|
+
onClick: any;
|
|
49
|
+
filterFn?: any;
|
|
50
|
+
disabled?: boolean;
|
|
51
|
+
};
|
|
52
|
+
export interface GroupActionProps {
|
|
53
|
+
children: React.ReactNode;
|
|
54
|
+
variant?: BUTTON_V2_VARIANT;
|
|
55
|
+
disabled?: boolean;
|
|
56
|
+
menuItems: MenuItemV2[];
|
|
57
|
+
customData?: any;
|
|
58
|
+
size?: BUTTON_V2_SIZE;
|
|
59
|
+
actionsDropdownOptions?: {
|
|
60
|
+
setIsActive: React.Dispatch<React.SetStateAction<boolean>>;
|
|
61
|
+
};
|
|
62
|
+
positionerProps?: PositioningOptions;
|
|
63
|
+
isTable?: boolean;
|
|
64
|
+
}
|
|
65
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ButtonV2 } from './ButtonV2';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof ButtonV2>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof ButtonV2>;
|
|
7
|
+
export declare const Primary: Story;
|
|
8
|
+
export declare const Secondary: Story;
|
|
9
|
+
export declare const Tertiary: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ButtonV2 } from './ButtonV2';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof ButtonV2.GroupAction>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof ButtonV2.GroupAction>;
|
|
7
|
+
export declare const Primary: Story;
|
|
8
|
+
export declare const Secondary: Story;
|
|
9
|
+
export declare const Tertiary: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ButtonV2';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare enum PILL_STATUS {
|
|
3
|
+
DEFAULT = "default",
|
|
4
|
+
NEUTRAL = "neutral",
|
|
5
|
+
POSITIVE = "positive",
|
|
6
|
+
WARNING = "warning",
|
|
7
|
+
NEGATIVE = "negative",
|
|
8
|
+
HIGHLIGHT = "highlight"
|
|
9
|
+
}
|
|
10
|
+
interface PillProps {
|
|
11
|
+
status?: PILL_STATUS;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare function Pill({ status, children }: PillProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Pill';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TaskCards';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export type Value = {
|
|
2
|
+
first_name: string;
|
|
3
|
+
middle_name: string | null;
|
|
4
|
+
last_name: string | null;
|
|
5
|
+
profile_img_url: string;
|
|
6
|
+
work_email: string;
|
|
7
|
+
};
|
|
8
|
+
export type Detail = {
|
|
9
|
+
key: string;
|
|
10
|
+
value: Value | string | null;
|
|
11
|
+
};
|
|
12
|
+
export type Task = {
|
|
13
|
+
id: string;
|
|
14
|
+
type: string;
|
|
15
|
+
name: string;
|
|
16
|
+
date: string;
|
|
17
|
+
details: Detail[];
|
|
18
|
+
status: string;
|
|
19
|
+
details_path: string;
|
|
20
|
+
};
|