@verifiedinc-public/shared-ui-elements 1.2.2 → 1.3.1
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/form/DateInput.d.ts +1 -1
- package/dist/shared-ui-elements.mjs +85 -20068
- package/dist/styles/colors.d.ts +25 -0
- package/dist/styles/index.d.ts +1 -0
- package/dist/styles/shadows.d.ts +3 -0
- package/dist/styles/theme.d.ts +13 -0
- package/dist/styles/typography.d.ts +85 -0
- package/dist/utils/string/index.d.ts +2 -0
- package/dist/utils/string/toCapitalize.d.ts +5 -0
- package/dist/utils/string/toSentenceCase.d.ts +5 -0
- package/package.json +2 -2
- package/src/components/form/DateInput.tsx +3 -3
- package/src/components/form/DefaultInput.tsx +0 -2
- package/src/components/form/PhoneInput.tsx +1 -2
- package/src/components/form/SSNInput.tsx +2 -3
- package/src/components/form/SelectInput.tsx +0 -2
- package/src/styles/colors.ts +30 -4
- package/src/styles/index.ts +1 -0
- package/src/styles/shadows.ts +6 -0
- package/src/styles/theme.ts +67 -16
- package/src/styles/typography.ts +86 -0
- package/src/utils/string/index.ts +2 -0
- package/src/utils/string/toCapitalize.ts +13 -0
- package/src/utils/string/toSentenceCase.ts +7 -0
- package/dist/components/form/styles/input.d.ts +0 -6
- package/dist/stories/components/Alert.stories.d.ts +0 -11
- package/dist/stories/components/CredentialRequestsEditor.stories.d.ts +0 -35
- package/dist/stories/components/QRCodeDisplay.stories.d.ts +0 -41
- package/dist/stories/components/TextField.stories.d.ts +0 -44
- package/dist/stories/components/Typography.stories.d.ts +0 -54
- package/dist/stories/components/VerifiedImage.stories.d.ts +0 -28
- package/dist/stories/components/form/PhoneInput.stories.d.ts +0 -16
- package/dist/stories/hooks/useCopyToClipboard.stories.d.ts +0 -14
- package/src/components/form/styles/input.ts +0 -24
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { QRCodeDisplay } from '../../components';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: typeof QRCodeDisplay;
|
|
6
|
-
render: (args: any) => import("react").JSX.Element;
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: string;
|
|
9
|
-
docs: {
|
|
10
|
-
description: {
|
|
11
|
-
component: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
tags: string[];
|
|
16
|
-
argTypes: {
|
|
17
|
-
asset: {
|
|
18
|
-
type: "string";
|
|
19
|
-
description: string;
|
|
20
|
-
};
|
|
21
|
-
data: {
|
|
22
|
-
type: "string";
|
|
23
|
-
description: string;
|
|
24
|
-
};
|
|
25
|
-
svgSize: {
|
|
26
|
-
type: "number";
|
|
27
|
-
description: string;
|
|
28
|
-
};
|
|
29
|
-
logoSize: {
|
|
30
|
-
type: "number";
|
|
31
|
-
description: string;
|
|
32
|
-
};
|
|
33
|
-
fill: {
|
|
34
|
-
type: "string";
|
|
35
|
-
description: string;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
export default meta;
|
|
40
|
-
type Story = StoryObj<typeof meta>;
|
|
41
|
-
export declare const Default: Story;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { TextField } from '../../components/TextField';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: typeof TextField;
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
};
|
|
9
|
-
tags: string[];
|
|
10
|
-
argTypes: {
|
|
11
|
-
variant: {
|
|
12
|
-
description: string;
|
|
13
|
-
type: {
|
|
14
|
-
name: "enum";
|
|
15
|
-
value: string[];
|
|
16
|
-
};
|
|
17
|
-
table: {
|
|
18
|
-
defaultValue: {
|
|
19
|
-
summary: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
size: {
|
|
24
|
-
description: string;
|
|
25
|
-
type: {
|
|
26
|
-
name: "enum";
|
|
27
|
-
value: string[];
|
|
28
|
-
};
|
|
29
|
-
table: {
|
|
30
|
-
defaultValue: {
|
|
31
|
-
summary: string;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
args: {
|
|
37
|
-
size: "medium";
|
|
38
|
-
variant: "standard";
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
export default meta;
|
|
42
|
-
type Story = StoryObj<typeof meta>;
|
|
43
|
-
export declare const Outlined: Story;
|
|
44
|
-
export declare const OutlinedFixedLabel: Story;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { Typography } from '../../components/Typography';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: typeof Typography;
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
};
|
|
9
|
-
tags: string[];
|
|
10
|
-
argTypes: {
|
|
11
|
-
align: {
|
|
12
|
-
options: string[];
|
|
13
|
-
control: {
|
|
14
|
-
type: "radio";
|
|
15
|
-
};
|
|
16
|
-
description: string;
|
|
17
|
-
table: {
|
|
18
|
-
defaultValue: {
|
|
19
|
-
summary: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
variant: {
|
|
24
|
-
options: string[];
|
|
25
|
-
control: {
|
|
26
|
-
type: "radio";
|
|
27
|
-
};
|
|
28
|
-
description: string;
|
|
29
|
-
table: {
|
|
30
|
-
defaultValue: {
|
|
31
|
-
summary: string;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
children: {
|
|
36
|
-
description: string;
|
|
37
|
-
type: "string";
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
export default meta;
|
|
42
|
-
type Story = StoryObj<typeof meta>;
|
|
43
|
-
export declare const Heading1: Story;
|
|
44
|
-
export declare const Heading2: Story;
|
|
45
|
-
export declare const Heading3: Story;
|
|
46
|
-
export declare const Heading4: Story;
|
|
47
|
-
export declare const Heading5: Story;
|
|
48
|
-
export declare const Heading6: Story;
|
|
49
|
-
export declare const Subtitle1: Story;
|
|
50
|
-
export declare const Subtitle2: Story;
|
|
51
|
-
export declare const Body1: Story;
|
|
52
|
-
export declare const Body2: Story;
|
|
53
|
-
export declare const Button: Story;
|
|
54
|
-
export declare const Overline: Story;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { VerifiedImage } from '../../components/verified/VerifiedImage';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: typeof VerifiedImage;
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: string;
|
|
7
|
-
};
|
|
8
|
-
argTypes: {
|
|
9
|
-
themeLight: {
|
|
10
|
-
control: {
|
|
11
|
-
type: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
themeMain: {
|
|
15
|
-
control: {
|
|
16
|
-
type: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
themeDark: {
|
|
20
|
-
control: {
|
|
21
|
-
type: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
tags: string[];
|
|
26
|
-
};
|
|
27
|
-
export default _default;
|
|
28
|
-
export declare const Default: any;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { PhoneInput } from '../../../components/form/PhoneInput';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: typeof PhoneInput;
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
};
|
|
9
|
-
tags: string[];
|
|
10
|
-
args: {
|
|
11
|
-
shouldHaveClearButton: true;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export default meta;
|
|
15
|
-
type Story = StoryObj<typeof meta>;
|
|
16
|
-
export declare const Default: Story;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { StoryObj } from '@storybook/react';
|
|
3
|
-
declare function HookRender(props: any): ReactElement;
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: typeof HookRender;
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: string;
|
|
9
|
-
};
|
|
10
|
-
tags: string[];
|
|
11
|
-
};
|
|
12
|
-
export default meta;
|
|
13
|
-
type Story = StoryObj<typeof meta>;
|
|
14
|
-
export declare const TextPlain: Story;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { type TextFieldProps } from '../../../components/TextField';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* The base style definition for input fields, it should reflect changes across all inputs.
|
|
5
|
-
*/
|
|
6
|
-
export const inputStyle: TextFieldProps = {
|
|
7
|
-
variant: 'outlined',
|
|
8
|
-
size: 'small',
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export const readOnlyInputStyle: TextFieldProps = {
|
|
12
|
-
sx: {
|
|
13
|
-
'&, & input': {
|
|
14
|
-
pointerEvents: 'none',
|
|
15
|
-
},
|
|
16
|
-
|
|
17
|
-
'& fieldset.MuiOutlinedInput-notchedOutline': {
|
|
18
|
-
border: 'none!important',
|
|
19
|
-
},
|
|
20
|
-
'& svg.MuiSvgIcon-root': {
|
|
21
|
-
display: 'none',
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
};
|