am-shared-assets 0.0.10 → 0.0.12
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/LICENSE +21 -0
- package/README.md +73 -73
- package/dist/ChevronBottomIcon-Rbhqbn7b.js +397 -0
- package/dist/LogoutIcon-DFxOxHvC.js +1823 -0
- package/dist/Switch-M9NdB-g6.js +11260 -0
- package/dist/am-shared-assets.js +59 -10480
- package/dist/am-shared-assets2.js +50 -0
- package/dist/am-shared-assets3.js +13 -0
- package/dist/components/Alert.d.ts +4 -2
- package/dist/components/Autocomplete.d.ts +11 -0
- package/dist/components/Button.d.ts +3 -1
- package/dist/components/Checkbox.d.ts +2 -0
- package/dist/components/Chip.d.ts +3 -1
- package/dist/components/Input.d.ts +6 -1
- package/dist/components/Select.d.ts +10 -1
- package/dist/icons/components/BoxTickIcon.d.ts +5 -0
- package/dist/icons/components/FillShoppingCartIcon.d.ts +5 -0
- package/dist/icons/components/LogoutIcon.d.ts +5 -0
- package/dist/icons/components/ReceiptIcon.d.ts +5 -0
- package/dist/icons/components/UserSquareIcon.d.ts +5 -0
- package/dist/icons/components/WalletIcon.d.ts +5 -0
- package/dist/icons/index.d.ts +7 -1
- package/package.json +1 -1
- package/dist/stories/Button.stories.d.ts +0 -75
- package/dist/stories/IconGallery.stories.d.ts +0 -13
- package/dist/stories/RangeSlider.stories.d.ts +0 -35
- package/dist/stories/Select.stories.d.ts +0 -12
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { C as n, a as c, b as s, I, T as e, W as r } from "./ChevronBottomIcon-Rbhqbn7b.js";
|
|
2
|
+
import { A as i, a as C, b as h, B as l, c as g, d as p, e as S, C as T, f as k, g as x, h as B, i as d, j as f, D as m, E as R, F as u, H as v, k as W, L as w, l as A, M as L, m as M, n as y, O as D, R as H, o as U, p as b, S as q, q as E, r as F, s as O, t as j, u as z, v as G, T as J, w as K, U as N, x as P, W as Q, y as V } from "./LogoutIcon-DFxOxHvC.js";
|
|
3
|
+
export {
|
|
4
|
+
i as AddIcon,
|
|
5
|
+
C as ArrowDownIcon,
|
|
6
|
+
h as ArrowRightIcon,
|
|
7
|
+
l as BagIcon,
|
|
8
|
+
g as BoxIcon,
|
|
9
|
+
p as BoxTickIcon,
|
|
10
|
+
S as BoxTimeIcon,
|
|
11
|
+
T as CardTickIcon,
|
|
12
|
+
k as CardsIcon,
|
|
13
|
+
x as CategoryIcon,
|
|
14
|
+
n as ChevronBottomIcon,
|
|
15
|
+
B as ChevronLeftIcon,
|
|
16
|
+
d as ChevronRightIcon,
|
|
17
|
+
f as ChevronTopIcon,
|
|
18
|
+
c as CloseCircleIcon,
|
|
19
|
+
s as CloseIcon,
|
|
20
|
+
m as DislikeIcon,
|
|
21
|
+
R as EditIcon,
|
|
22
|
+
u as FillShoppingCartIcon,
|
|
23
|
+
v as HeartIcon,
|
|
24
|
+
W as HomeIcon,
|
|
25
|
+
I as InfoIcon,
|
|
26
|
+
w as LikeIcon,
|
|
27
|
+
A as LogoutIcon,
|
|
28
|
+
L as MessageIcon,
|
|
29
|
+
M as MoneyIcon,
|
|
30
|
+
y as MoreIcon,
|
|
31
|
+
D as OutlineTickCircleIcon,
|
|
32
|
+
H as ReceiptIcon,
|
|
33
|
+
U as RotateBoxIcon,
|
|
34
|
+
b as RotateInfoIcon,
|
|
35
|
+
q as SearchIcon,
|
|
36
|
+
E as SettingIcon,
|
|
37
|
+
F as ShareIcon,
|
|
38
|
+
O as ShopIcon,
|
|
39
|
+
j as ShoppingCartIcon,
|
|
40
|
+
z as SpinnerIcon,
|
|
41
|
+
G as StarIcon,
|
|
42
|
+
e as TickCircleIcon,
|
|
43
|
+
J as TrashIcon,
|
|
44
|
+
K as TruckIcon,
|
|
45
|
+
N as UserIcon,
|
|
46
|
+
P as UserSquareIcon,
|
|
47
|
+
Q as WalletCheckIcon,
|
|
48
|
+
V as WalletIcon,
|
|
49
|
+
r as WarningIcon
|
|
50
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { A as t, B as e, a as o, C as i, I as l, R as p, b as r, S, c, T as d } from "./Switch-M9NdB-g6.js";
|
|
2
|
+
export {
|
|
3
|
+
t as Alert,
|
|
4
|
+
e as Badge,
|
|
5
|
+
o as Button,
|
|
6
|
+
i as Chip,
|
|
7
|
+
l as Input,
|
|
8
|
+
p as Radio,
|
|
9
|
+
r as RangeSlider,
|
|
10
|
+
S as Select,
|
|
11
|
+
c as Switch,
|
|
12
|
+
d as Tooltip
|
|
13
|
+
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface IAlertProps {
|
|
2
3
|
title?: string;
|
|
3
4
|
description?: string;
|
|
4
5
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
@@ -13,6 +14,7 @@ interface AlertProps {
|
|
|
13
14
|
buttonTextColor?: "black" | "white";
|
|
14
15
|
buttonClickHandler?: () => void;
|
|
15
16
|
closeAlertHandler?: () => void;
|
|
17
|
+
children?: ReactNode;
|
|
16
18
|
}
|
|
17
|
-
export declare const Alert: ({ title, description, color, size, width, rounded, infoIconAlignment, isInfoIcon, hasCloseButton, hasButton, buttonTitle, buttonTextColor, buttonClickHandler, closeAlertHandler, }:
|
|
19
|
+
export declare const Alert: ({ title, description, color, size, width, rounded, infoIconAlignment, isInfoIcon, hasCloseButton, hasButton, buttonTitle, buttonTextColor, buttonClickHandler, closeAlertHandler, children, }: IAlertProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
20
|
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface IAutocompleteProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
placeHolder?: string;
|
|
5
|
+
inputIcon?: ReactNode;
|
|
6
|
+
inputEndIcon?: ReactNode;
|
|
7
|
+
size?: "sm" | "lg";
|
|
8
|
+
variant?: "flat" | "faded" | "bordered";
|
|
9
|
+
}
|
|
10
|
+
export declare const Autocomplete: ({ label, placeHolder, inputIcon, inputEndIcon, size, variant }: IAutocompleteProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
export interface ButtonProps {
|
|
3
|
+
type?: "button" | "submit";
|
|
3
4
|
variant?: "solid" | "bordered" | "light" | "flat" | "faded" | "shadow";
|
|
4
5
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
5
6
|
textColor?: "black" | "white";
|
|
@@ -9,6 +10,7 @@ export interface ButtonProps {
|
|
|
9
10
|
icon?: ReactNode;
|
|
10
11
|
iconPosition?: "right" | "left";
|
|
11
12
|
width?: "full" | "auto";
|
|
13
|
+
disabled?: boolean;
|
|
12
14
|
onClick?: () => void;
|
|
13
15
|
}
|
|
14
|
-
export declare const Button: ({ variant, color, textColor, size, rounded, label, icon, iconPosition, width, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const Button: ({ type, variant, color, textColor, size, rounded, label, icon, iconPosition, width, disabled, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
interface IChipProps {
|
|
2
3
|
variant?: "solid" | "bordered" | "light" | "flat" | "faded" | "shadow" | "dot";
|
|
3
4
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
@@ -5,6 +6,7 @@ interface IChipProps {
|
|
|
5
6
|
size?: "sm" | "md" | "lg";
|
|
6
7
|
rounded?: "none" | "sm" | "md" | "lg" | "full";
|
|
7
8
|
label?: string;
|
|
9
|
+
children?: ReactNode;
|
|
8
10
|
}
|
|
9
|
-
export declare const Chip: ({ variant, color, textColor, label, size, rounded, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const Chip: ({ variant, color, textColor, label, size, rounded, children, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
12
|
export {};
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
interface IInputProps {
|
|
2
3
|
id: string | number;
|
|
3
4
|
label?: string;
|
|
4
5
|
required?: boolean;
|
|
6
|
+
register?: any;
|
|
7
|
+
name?: string;
|
|
5
8
|
value?: string;
|
|
6
9
|
onChange?: (value: string) => void;
|
|
7
10
|
placeHolder?: string;
|
|
@@ -10,8 +13,10 @@ interface IInputProps {
|
|
|
10
13
|
size?: "sm" | "lg";
|
|
11
14
|
rounded?: "sm" | "full";
|
|
12
15
|
description?: string;
|
|
16
|
+
icon?: ReactNode;
|
|
17
|
+
endIcon?: ReactNode;
|
|
13
18
|
errorMsg?: string;
|
|
14
19
|
hasError?: boolean;
|
|
15
20
|
}
|
|
16
|
-
export declare const Input: ({ id, label, required, value, onChange, placeHolder, variant, color, size, rounded, description, errorMsg, hasError, }: IInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const Input: ({ id, label, required, register, name, value, onChange, placeHolder, variant, color, size, rounded, description, icon, endIcon, errorMsg, hasError, }: IInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
22
|
export {};
|
|
@@ -1 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
interface IProps {
|
|
2
|
+
options: {
|
|
3
|
+
title: string;
|
|
4
|
+
value: any;
|
|
5
|
+
}[];
|
|
6
|
+
value: any;
|
|
7
|
+
onChange: (value: any) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const Select: ({ options, value, onChange }: IProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -38,4 +38,10 @@ import { default as MoneyIcon } from './components/MoneyIcon';
|
|
|
38
38
|
import { default as ArrowDownIcon } from './components/ArrowDownIcon';
|
|
39
39
|
import { default as SpinnerIcon } from './components/SpinnerIcon';
|
|
40
40
|
import { default as OutlineTickCircleIcon } from './components/OutlineTickCircleIcon';
|
|
41
|
-
|
|
41
|
+
import { default as FillShoppingCartIcon } from './components/FillShoppingCartIcon';
|
|
42
|
+
import { default as UserSquareIcon } from './components/UserSquareIcon';
|
|
43
|
+
import { default as WalletIcon } from './components/WalletIcon';
|
|
44
|
+
import { default as BoxTickIcon } from './components/BoxTickIcon';
|
|
45
|
+
import { default as ReceiptIcon } from './components/ReceiptIcon';
|
|
46
|
+
import { default as LogoutIcon } from './components/LogoutIcon';
|
|
47
|
+
export { CloseIcon, InfoIcon, WarningIcon, CloseCircleIcon, TickCircleIcon, ShoppingCartIcon, SearchIcon, ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon, ChevronTopIcon, ShopIcon, StarIcon, HeartIcon, ShareIcon, TruckIcon, BoxIcon, CardTickIcon, CardsIcon, WalletCheckIcon, RotateBoxIcon, LikeIcon, DislikeIcon, RotateInfoIcon, ChevronBottomIcon, EditIcon, SettingIcon, UserIcon, BagIcon, CategoryIcon, HomeIcon, TrashIcon, MoreIcon, MessageIcon, AddIcon, BoxTimeIcon, MoneyIcon, ArrowDownIcon, SpinnerIcon, OutlineTickCircleIcon, FillShoppingCartIcon, UserSquareIcon, WalletIcon, BoxTickIcon, ReceiptIcon, LogoutIcon };
|
package/package.json
CHANGED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import * as icons from "../icons";
|
|
3
|
-
type IconName = keyof typeof icons;
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: (args: {
|
|
7
|
-
icon?: IconName;
|
|
8
|
-
iconColor?: string;
|
|
9
|
-
iconSize?: number;
|
|
10
|
-
variant?: "solid" | "bordered" | "light" | "flat" | "faded" | "shadow";
|
|
11
|
-
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
12
|
-
textColor?: "black" | "white";
|
|
13
|
-
size?: "sm" | "md" | "lg";
|
|
14
|
-
width?: "full" | "auto";
|
|
15
|
-
rounded?: "none" | "sm" | "md" | "lg" | "full";
|
|
16
|
-
iconPosition?: "right" | "left";
|
|
17
|
-
label?: string;
|
|
18
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
parameters: {
|
|
20
|
-
layout: string;
|
|
21
|
-
docs: {
|
|
22
|
-
source: {
|
|
23
|
-
transform: (_: any, context: any) => string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
tags: string[];
|
|
28
|
-
argTypes: {
|
|
29
|
-
variant: {
|
|
30
|
-
control: "select";
|
|
31
|
-
options: string[];
|
|
32
|
-
};
|
|
33
|
-
color: {
|
|
34
|
-
control: "select";
|
|
35
|
-
options: string[];
|
|
36
|
-
};
|
|
37
|
-
textColor: {
|
|
38
|
-
control: "select";
|
|
39
|
-
options: string[];
|
|
40
|
-
};
|
|
41
|
-
size: {
|
|
42
|
-
control: "select";
|
|
43
|
-
options: string[];
|
|
44
|
-
};
|
|
45
|
-
width: {
|
|
46
|
-
control: "select";
|
|
47
|
-
options: string[];
|
|
48
|
-
};
|
|
49
|
-
rounded: {
|
|
50
|
-
control: "select";
|
|
51
|
-
options: string[];
|
|
52
|
-
};
|
|
53
|
-
iconPosition: {
|
|
54
|
-
control: "select";
|
|
55
|
-
options: string[];
|
|
56
|
-
};
|
|
57
|
-
icon: {
|
|
58
|
-
control: "text";
|
|
59
|
-
};
|
|
60
|
-
iconColor: {
|
|
61
|
-
control: "color";
|
|
62
|
-
};
|
|
63
|
-
iconSize: {
|
|
64
|
-
control: {
|
|
65
|
-
type: "range";
|
|
66
|
-
min: number;
|
|
67
|
-
max: number;
|
|
68
|
-
step: number;
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
export default meta;
|
|
74
|
-
type Story = StoryObj<typeof meta>;
|
|
75
|
-
export declare const Primary: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import * as icons from "../icons";
|
|
3
|
-
type IconName = keyof typeof icons;
|
|
4
|
-
type IconProps = {
|
|
5
|
-
icon: IconName;
|
|
6
|
-
size?: number;
|
|
7
|
-
color?: string;
|
|
8
|
-
};
|
|
9
|
-
declare const Icon: ({ icon, size, color }: IconProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
|
-
declare const meta: Meta<typeof Icon>;
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof Icon>;
|
|
13
|
-
export declare const Gallery: Story;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: (args: any) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: string;
|
|
7
|
-
};
|
|
8
|
-
tags: string[];
|
|
9
|
-
argTypes: {
|
|
10
|
-
min: {
|
|
11
|
-
control: "number";
|
|
12
|
-
};
|
|
13
|
-
max: {
|
|
14
|
-
control: "number";
|
|
15
|
-
};
|
|
16
|
-
step: {
|
|
17
|
-
control: "number";
|
|
18
|
-
};
|
|
19
|
-
color: {
|
|
20
|
-
control: "select";
|
|
21
|
-
options: string[];
|
|
22
|
-
};
|
|
23
|
-
tooltipColor: {
|
|
24
|
-
control: "select";
|
|
25
|
-
options: string[];
|
|
26
|
-
};
|
|
27
|
-
tooltipTextColor: {
|
|
28
|
-
control: "select";
|
|
29
|
-
options: string[];
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export default meta;
|
|
34
|
-
type Story = StoryObj<typeof meta>;
|
|
35
|
-
export declare const Primary: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: () => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: string;
|
|
7
|
-
};
|
|
8
|
-
tags: string[];
|
|
9
|
-
};
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof meta>;
|
|
12
|
-
export declare const Primary: Story;
|