globalfy-design-system 1.49.1 → 1.51.0
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/atoms/Alert/Alert.d.ts +0 -1
- package/dist/components/atoms/Button/Button.d.ts +11 -155
- package/dist/components/atoms/Button/SpinnerIcon.d.ts +2 -66
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts +3 -6
- package/dist/components/atoms/Chip/Chip.d.ts +1 -1
- package/dist/components/atoms/DatePicker/DatePicker.stories.d.ts +0 -1
- package/dist/components/atoms/DropdownList/CssVariants.d.ts +16 -204
- package/dist/components/atoms/DropdownList/DropdownComponents.d.ts +1 -1
- package/dist/components/atoms/DropdownList/DropdownProps.d.ts +1 -1
- package/dist/components/atoms/Flag/Flag.d.ts +1 -1
- package/dist/components/atoms/GlobCheckbox/GlobCheckbox.d.ts +1 -1
- package/dist/components/atoms/GlobCheckbox/GlobCheckbox.stories.d.ts +4 -4
- package/dist/components/atoms/Icon/Icon.d.ts +1 -1
- package/dist/components/atoms/Icon/glob-icons/glob-icons-list.d.ts +0 -1
- package/dist/components/atoms/Icon/unicons/UniconsIcons.d.ts +0 -1
- package/dist/components/atoms/Icon/unicons/uniconsIconsList.d.ts +0 -1
- package/dist/components/atoms/Input/Input.d.ts +14 -12
- package/dist/components/atoms/Input/Input.stories.d.ts +15 -14
- package/dist/components/atoms/Input/InputPassword.d.ts +1 -1
- package/dist/components/atoms/InputMask/InputMask.d.ts +13 -14
- package/dist/components/atoms/InputMask/InputMask.stories.d.ts +14 -14
- package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.d.ts +1 -1
- package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.stories.d.ts +1 -1
- package/dist/components/atoms/Popover/Popover.d.ts +0 -1
- package/dist/components/atoms/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/atoms/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/components/atoms/Tabs/Tabs.d.ts +1 -1
- package/dist/components/atoms/Tag/Tag.d.ts +1 -1
- package/dist/components/atoms/TextArea/TextArea.d.ts +9 -9
- package/dist/components/atoms/TextArea/TextArea.stories.d.ts +8 -8
- package/dist/components/atoms/TextInput/TextInput.d.ts +2 -2
- package/dist/components/atoms/TextInput/TextInput.stories.d.ts +1 -1
- package/dist/components/atoms/Tooltip/Tooltip.d.ts +0 -1
- package/dist/components/atoms/Typography/Typography.d.ts +1 -1
- package/dist/components/molecules/empty-state/empty-state.d.ts +0 -1
- package/dist/components/molecules/error-state/error-state.d.ts +0 -1
- package/dist/components/molecules/popover-menu/variants.d.ts +4 -68
- package/dist/globalfy-design-system.js +1562 -63761
- package/dist/globalfy-design-system.umd.cjs +142 -83
- package/dist/index-d0fbec66.js +7 -0
- package/dist/main-f599c3e3.js +75966 -0
- package/package.json +50 -50
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ButtonProps as NextUIButtonProps } from '@
|
|
1
|
+
import { default as React } from '../../../../node_modules/@types/react';
|
|
2
|
+
import { ButtonProps as NextUIButtonProps } from '@heroui/react';
|
|
3
3
|
|
|
4
4
|
export type ButtonVariant = 'primaryDark' | 'primaryLight' | 'primary' | 'negative' | 'secondaryNegative' | 'secondary' | 'tertiary' | 'tertiaryDark' | 'tertiaryDarkGreen' | 'tertiaryLight' | 'direction' | 'directionCircle' | 'icon';
|
|
5
5
|
export type ButtonProps = Omit<NextUIButtonProps, 'variant' | 'size' | 'ref'> & {
|
|
6
|
-
children
|
|
6
|
+
children?: React.ReactNode;
|
|
7
7
|
iconLeft?: React.ReactNode;
|
|
8
8
|
iconRight?: React.ReactNode;
|
|
9
9
|
full?: boolean;
|
|
@@ -51,79 +51,7 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
|
|
|
51
51
|
hasIcon: {
|
|
52
52
|
true: string;
|
|
53
53
|
};
|
|
54
|
-
}, undefined, string,
|
|
55
|
-
size: {
|
|
56
|
-
small: string;
|
|
57
|
-
medium: string;
|
|
58
|
-
large: string;
|
|
59
|
-
};
|
|
60
|
-
variant: {
|
|
61
|
-
primaryDark: string;
|
|
62
|
-
primaryLight: string;
|
|
63
|
-
primary: string;
|
|
64
|
-
negative: string;
|
|
65
|
-
secondaryNegative: string;
|
|
66
|
-
secondary: string;
|
|
67
|
-
tertiary: string;
|
|
68
|
-
tertiaryDark: string;
|
|
69
|
-
tertiaryDarkGreen: string;
|
|
70
|
-
tertiaryLight: string;
|
|
71
|
-
direction: string;
|
|
72
|
-
directionCircle: string;
|
|
73
|
-
icon: string;
|
|
74
|
-
};
|
|
75
|
-
full: {
|
|
76
|
-
true: string;
|
|
77
|
-
false: string;
|
|
78
|
-
};
|
|
79
|
-
disabled: {
|
|
80
|
-
true: string;
|
|
81
|
-
false: string;
|
|
82
|
-
};
|
|
83
|
-
isLoading: {
|
|
84
|
-
true: string;
|
|
85
|
-
false: string;
|
|
86
|
-
};
|
|
87
|
-
hasIcon: {
|
|
88
|
-
true: string;
|
|
89
|
-
};
|
|
90
|
-
}, {
|
|
91
|
-
size: {
|
|
92
|
-
small: string;
|
|
93
|
-
medium: string;
|
|
94
|
-
large: string;
|
|
95
|
-
};
|
|
96
|
-
variant: {
|
|
97
|
-
primaryDark: string;
|
|
98
|
-
primaryLight: string;
|
|
99
|
-
primary: string;
|
|
100
|
-
negative: string;
|
|
101
|
-
secondaryNegative: string;
|
|
102
|
-
secondary: string;
|
|
103
|
-
tertiary: string;
|
|
104
|
-
tertiaryDark: string;
|
|
105
|
-
tertiaryDarkGreen: string;
|
|
106
|
-
tertiaryLight: string;
|
|
107
|
-
direction: string;
|
|
108
|
-
directionCircle: string;
|
|
109
|
-
icon: string;
|
|
110
|
-
};
|
|
111
|
-
full: {
|
|
112
|
-
true: string;
|
|
113
|
-
false: string;
|
|
114
|
-
};
|
|
115
|
-
disabled: {
|
|
116
|
-
true: string;
|
|
117
|
-
false: string;
|
|
118
|
-
};
|
|
119
|
-
isLoading: {
|
|
120
|
-
true: string;
|
|
121
|
-
false: string;
|
|
122
|
-
};
|
|
123
|
-
hasIcon: {
|
|
124
|
-
true: string;
|
|
125
|
-
};
|
|
126
|
-
}>, {
|
|
54
|
+
}, undefined, string, {
|
|
127
55
|
size: {
|
|
128
56
|
small: string;
|
|
129
57
|
medium: string;
|
|
@@ -195,89 +123,17 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
|
|
|
195
123
|
hasIcon: {
|
|
196
124
|
true: string;
|
|
197
125
|
};
|
|
198
|
-
}, undefined, string,
|
|
199
|
-
size: {
|
|
200
|
-
small: string;
|
|
201
|
-
medium: string;
|
|
202
|
-
large: string;
|
|
203
|
-
};
|
|
204
|
-
variant: {
|
|
205
|
-
primaryDark: string;
|
|
206
|
-
primaryLight: string;
|
|
207
|
-
primary: string;
|
|
208
|
-
negative: string;
|
|
209
|
-
secondaryNegative: string;
|
|
210
|
-
secondary: string;
|
|
211
|
-
tertiary: string;
|
|
212
|
-
tertiaryDark: string;
|
|
213
|
-
tertiaryDarkGreen: string;
|
|
214
|
-
tertiaryLight: string;
|
|
215
|
-
direction: string;
|
|
216
|
-
directionCircle: string;
|
|
217
|
-
icon: string;
|
|
218
|
-
};
|
|
219
|
-
full: {
|
|
220
|
-
true: string;
|
|
221
|
-
false: string;
|
|
222
|
-
};
|
|
223
|
-
disabled: {
|
|
224
|
-
true: string;
|
|
225
|
-
false: string;
|
|
226
|
-
};
|
|
227
|
-
isLoading: {
|
|
228
|
-
true: string;
|
|
229
|
-
false: string;
|
|
230
|
-
};
|
|
231
|
-
hasIcon: {
|
|
232
|
-
true: string;
|
|
233
|
-
};
|
|
234
|
-
}, {
|
|
235
|
-
size: {
|
|
236
|
-
small: string;
|
|
237
|
-
medium: string;
|
|
238
|
-
large: string;
|
|
239
|
-
};
|
|
240
|
-
variant: {
|
|
241
|
-
primaryDark: string;
|
|
242
|
-
primaryLight: string;
|
|
243
|
-
primary: string;
|
|
244
|
-
negative: string;
|
|
245
|
-
secondaryNegative: string;
|
|
246
|
-
secondary: string;
|
|
247
|
-
tertiary: string;
|
|
248
|
-
tertiaryDark: string;
|
|
249
|
-
tertiaryDarkGreen: string;
|
|
250
|
-
tertiaryLight: string;
|
|
251
|
-
direction: string;
|
|
252
|
-
directionCircle: string;
|
|
253
|
-
icon: string;
|
|
254
|
-
};
|
|
255
|
-
full: {
|
|
256
|
-
true: string;
|
|
257
|
-
false: string;
|
|
258
|
-
};
|
|
259
|
-
disabled: {
|
|
260
|
-
true: string;
|
|
261
|
-
false: string;
|
|
262
|
-
};
|
|
263
|
-
isLoading: {
|
|
264
|
-
true: string;
|
|
265
|
-
false: string;
|
|
266
|
-
};
|
|
267
|
-
hasIcon: {
|
|
268
|
-
true: string;
|
|
269
|
-
};
|
|
270
|
-
}>, unknown, unknown, undefined>>;
|
|
126
|
+
}, undefined, string, unknown, unknown, undefined>>;
|
|
271
127
|
export declare const Button: React.ForwardRefExoticComponent<Omit<NextUIButtonProps, "ref" | "variant" | "size"> & {
|
|
272
|
-
children
|
|
128
|
+
children?: React.ReactNode;
|
|
273
129
|
iconLeft?: React.ReactNode;
|
|
274
130
|
iconRight?: React.ReactNode;
|
|
275
|
-
full?: boolean
|
|
276
|
-
size?: "small" | "medium" | "large"
|
|
277
|
-
variant?: ButtonVariant
|
|
278
|
-
isLoading?: boolean
|
|
131
|
+
full?: boolean;
|
|
132
|
+
size?: "small" | "medium" | "large";
|
|
133
|
+
variant?: ButtonVariant;
|
|
134
|
+
isLoading?: boolean;
|
|
279
135
|
/**
|
|
280
136
|
* @deprecated use {@link ButtonProps.isLoading} instead
|
|
281
137
|
*/
|
|
282
|
-
isLoadingComplete?: boolean
|
|
138
|
+
isLoadingComplete?: boolean;
|
|
283
139
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "onFocus" | "onBlur"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -16,39 +16,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
|
|
|
16
16
|
directionCircle: string;
|
|
17
17
|
icon: string;
|
|
18
18
|
};
|
|
19
|
-
}, undefined, "h-5 w-5 animate-spin",
|
|
20
|
-
variant: {
|
|
21
|
-
primaryDark: string;
|
|
22
|
-
primaryLight: string;
|
|
23
|
-
primary: string;
|
|
24
|
-
negative: string;
|
|
25
|
-
secondaryNegative: string;
|
|
26
|
-
secondary: string;
|
|
27
|
-
tertiary: string;
|
|
28
|
-
tertiaryDark: string;
|
|
29
|
-
tertiaryDarkGreen: string;
|
|
30
|
-
tertiaryLight: string;
|
|
31
|
-
direction: string;
|
|
32
|
-
directionCircle: string;
|
|
33
|
-
icon: string;
|
|
34
|
-
};
|
|
35
|
-
}, {
|
|
36
|
-
variant: {
|
|
37
|
-
primaryDark: string;
|
|
38
|
-
primaryLight: string;
|
|
39
|
-
primary: string;
|
|
40
|
-
negative: string;
|
|
41
|
-
secondaryNegative: string;
|
|
42
|
-
secondary: string;
|
|
43
|
-
tertiary: string;
|
|
44
|
-
tertiaryDark: string;
|
|
45
|
-
tertiaryDarkGreen: string;
|
|
46
|
-
tertiaryLight: string;
|
|
47
|
-
direction: string;
|
|
48
|
-
directionCircle: string;
|
|
49
|
-
icon: string;
|
|
50
|
-
};
|
|
51
|
-
}>, {
|
|
19
|
+
}, undefined, "h-5 w-5 animate-spin", {
|
|
52
20
|
variant: {
|
|
53
21
|
primaryDark: string;
|
|
54
22
|
primaryLight: string;
|
|
@@ -80,39 +48,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
|
|
|
80
48
|
directionCircle: string;
|
|
81
49
|
icon: string;
|
|
82
50
|
};
|
|
83
|
-
}, undefined, "h-5 w-5 animate-spin",
|
|
84
|
-
variant: {
|
|
85
|
-
primaryDark: string;
|
|
86
|
-
primaryLight: string;
|
|
87
|
-
primary: string;
|
|
88
|
-
negative: string;
|
|
89
|
-
secondaryNegative: string;
|
|
90
|
-
secondary: string;
|
|
91
|
-
tertiary: string;
|
|
92
|
-
tertiaryDark: string;
|
|
93
|
-
tertiaryDarkGreen: string;
|
|
94
|
-
tertiaryLight: string;
|
|
95
|
-
direction: string;
|
|
96
|
-
directionCircle: string;
|
|
97
|
-
icon: string;
|
|
98
|
-
};
|
|
99
|
-
}, {
|
|
100
|
-
variant: {
|
|
101
|
-
primaryDark: string;
|
|
102
|
-
primaryLight: string;
|
|
103
|
-
primary: string;
|
|
104
|
-
negative: string;
|
|
105
|
-
secondaryNegative: string;
|
|
106
|
-
secondary: string;
|
|
107
|
-
tertiary: string;
|
|
108
|
-
tertiaryDark: string;
|
|
109
|
-
tertiaryDarkGreen: string;
|
|
110
|
-
tertiaryLight: string;
|
|
111
|
-
direction: string;
|
|
112
|
-
directionCircle: string;
|
|
113
|
-
icon: string;
|
|
114
|
-
};
|
|
115
|
-
}>, unknown, unknown, undefined>>;
|
|
51
|
+
}, undefined, "h-5 w-5 animate-spin", unknown, unknown, undefined>>;
|
|
116
52
|
type SpinIconProps = React.SVGProps<SVGSVGElement> & VariantProps<typeof iconLoadingVariants>;
|
|
117
53
|
export declare const SpinnerIcon: (props: SpinIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
118
54
|
export {};
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Checkbox } from './Checkbox';
|
|
2
3
|
|
|
3
|
-
declare const meta:
|
|
4
|
-
title: string;
|
|
5
|
-
component: (props: import('@nextui-org/checkbox').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
tags: string[];
|
|
7
|
-
};
|
|
4
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
8
5
|
export default meta;
|
|
9
6
|
type Story = StoryObj<typeof meta>;
|
|
10
7
|
export declare const Default: Story;
|
|
@@ -2,15 +2,7 @@ export declare const wrapperVariants: import('tailwind-variants').TVReturnType<{
|
|
|
2
2
|
hasLabel: {
|
|
3
3
|
true: string;
|
|
4
4
|
};
|
|
5
|
-
}, undefined, "relative w-full rounded-lg",
|
|
6
|
-
hasLabel: {
|
|
7
|
-
true: string;
|
|
8
|
-
};
|
|
9
|
-
}, {
|
|
10
|
-
hasLabel: {
|
|
11
|
-
true: string;
|
|
12
|
-
};
|
|
13
|
-
}>, {
|
|
5
|
+
}, undefined, "relative w-full rounded-lg", {
|
|
14
6
|
hasLabel: {
|
|
15
7
|
true: string;
|
|
16
8
|
};
|
|
@@ -18,15 +10,7 @@ export declare const wrapperVariants: import('tailwind-variants').TVReturnType<{
|
|
|
18
10
|
hasLabel: {
|
|
19
11
|
true: string;
|
|
20
12
|
};
|
|
21
|
-
}, undefined, "relative w-full rounded-lg",
|
|
22
|
-
hasLabel: {
|
|
23
|
-
true: string;
|
|
24
|
-
};
|
|
25
|
-
}, {
|
|
26
|
-
hasLabel: {
|
|
27
|
-
true: string;
|
|
28
|
-
};
|
|
29
|
-
}>, unknown, unknown, undefined>>;
|
|
13
|
+
}, undefined, "relative w-full rounded-lg", unknown, unknown, undefined>>;
|
|
30
14
|
export declare const controlVariants: import('tailwind-variants').TVReturnType<{
|
|
31
15
|
disabled: {
|
|
32
16
|
true: string;
|
|
@@ -43,39 +27,7 @@ export declare const controlVariants: import('tailwind-variants').TVReturnType<{
|
|
|
43
27
|
isTransparent: {
|
|
44
28
|
true: string;
|
|
45
29
|
};
|
|
46
|
-
}, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3",
|
|
47
|
-
disabled: {
|
|
48
|
-
true: string;
|
|
49
|
-
};
|
|
50
|
-
isFocused: {
|
|
51
|
-
true: string;
|
|
52
|
-
};
|
|
53
|
-
isInvalid: {
|
|
54
|
-
true: string;
|
|
55
|
-
};
|
|
56
|
-
isCompleted: {
|
|
57
|
-
true: string;
|
|
58
|
-
};
|
|
59
|
-
isTransparent: {
|
|
60
|
-
true: string;
|
|
61
|
-
};
|
|
62
|
-
}, {
|
|
63
|
-
disabled: {
|
|
64
|
-
true: string;
|
|
65
|
-
};
|
|
66
|
-
isFocused: {
|
|
67
|
-
true: string;
|
|
68
|
-
};
|
|
69
|
-
isInvalid: {
|
|
70
|
-
true: string;
|
|
71
|
-
};
|
|
72
|
-
isCompleted: {
|
|
73
|
-
true: string;
|
|
74
|
-
};
|
|
75
|
-
isTransparent: {
|
|
76
|
-
true: string;
|
|
77
|
-
};
|
|
78
|
-
}>, {
|
|
30
|
+
}, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3", {
|
|
79
31
|
disabled: {
|
|
80
32
|
true: string;
|
|
81
33
|
};
|
|
@@ -107,52 +59,12 @@ export declare const controlVariants: import('tailwind-variants').TVReturnType<{
|
|
|
107
59
|
isTransparent: {
|
|
108
60
|
true: string;
|
|
109
61
|
};
|
|
110
|
-
}, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3",
|
|
111
|
-
disabled: {
|
|
112
|
-
true: string;
|
|
113
|
-
};
|
|
114
|
-
isFocused: {
|
|
115
|
-
true: string;
|
|
116
|
-
};
|
|
117
|
-
isInvalid: {
|
|
118
|
-
true: string;
|
|
119
|
-
};
|
|
120
|
-
isCompleted: {
|
|
121
|
-
true: string;
|
|
122
|
-
};
|
|
123
|
-
isTransparent: {
|
|
124
|
-
true: string;
|
|
125
|
-
};
|
|
126
|
-
}, {
|
|
127
|
-
disabled: {
|
|
128
|
-
true: string;
|
|
129
|
-
};
|
|
130
|
-
isFocused: {
|
|
131
|
-
true: string;
|
|
132
|
-
};
|
|
133
|
-
isInvalid: {
|
|
134
|
-
true: string;
|
|
135
|
-
};
|
|
136
|
-
isCompleted: {
|
|
137
|
-
true: string;
|
|
138
|
-
};
|
|
139
|
-
isTransparent: {
|
|
140
|
-
true: string;
|
|
141
|
-
};
|
|
142
|
-
}>, unknown, unknown, undefined>>;
|
|
62
|
+
}, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3", unknown, unknown, undefined>>;
|
|
143
63
|
export declare const placeHolderVariants: import('tailwind-variants').TVReturnType<{
|
|
144
64
|
disabled: {
|
|
145
65
|
true: string;
|
|
146
66
|
};
|
|
147
|
-
}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800",
|
|
148
|
-
disabled: {
|
|
149
|
-
true: string;
|
|
150
|
-
};
|
|
151
|
-
}, {
|
|
152
|
-
disabled: {
|
|
153
|
-
true: string;
|
|
154
|
-
};
|
|
155
|
-
}>, {
|
|
67
|
+
}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", {
|
|
156
68
|
disabled: {
|
|
157
69
|
true: string;
|
|
158
70
|
};
|
|
@@ -160,28 +72,12 @@ export declare const placeHolderVariants: import('tailwind-variants').TVReturnTy
|
|
|
160
72
|
disabled: {
|
|
161
73
|
true: string;
|
|
162
74
|
};
|
|
163
|
-
}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800",
|
|
164
|
-
disabled: {
|
|
165
|
-
true: string;
|
|
166
|
-
};
|
|
167
|
-
}, {
|
|
168
|
-
disabled: {
|
|
169
|
-
true: string;
|
|
170
|
-
};
|
|
171
|
-
}>, unknown, unknown, undefined>>;
|
|
75
|
+
}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", unknown, unknown, undefined>>;
|
|
172
76
|
export declare const DropdownIndicatorVariants: import('tailwind-variants').TVReturnType<{
|
|
173
77
|
disabled: {
|
|
174
78
|
true: string;
|
|
175
79
|
};
|
|
176
|
-
}, undefined, "text-primary-grey-800",
|
|
177
|
-
disabled: {
|
|
178
|
-
true: string;
|
|
179
|
-
};
|
|
180
|
-
}, {
|
|
181
|
-
disabled: {
|
|
182
|
-
true: string;
|
|
183
|
-
};
|
|
184
|
-
}>, {
|
|
80
|
+
}, undefined, "text-primary-grey-800", {
|
|
185
81
|
disabled: {
|
|
186
82
|
true: string;
|
|
187
83
|
};
|
|
@@ -189,32 +85,14 @@ export declare const DropdownIndicatorVariants: import('tailwind-variants').TVRe
|
|
|
189
85
|
disabled: {
|
|
190
86
|
true: string;
|
|
191
87
|
};
|
|
192
|
-
}, undefined, "text-primary-grey-800",
|
|
193
|
-
|
|
194
|
-
true: string;
|
|
195
|
-
};
|
|
196
|
-
}, {
|
|
197
|
-
disabled: {
|
|
198
|
-
true: string;
|
|
199
|
-
};
|
|
200
|
-
}>, unknown, unknown, undefined>>;
|
|
201
|
-
export declare const menuListVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
88
|
+
}, undefined, "text-primary-grey-800", unknown, unknown, undefined>>;
|
|
89
|
+
export declare const menuListVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", unknown, unknown, undefined>>;
|
|
202
90
|
export declare const optionVariants: import('tailwind-variants').TVReturnType<{
|
|
203
91
|
selected: {
|
|
204
92
|
true: string;
|
|
205
93
|
false: string;
|
|
206
94
|
};
|
|
207
|
-
}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800",
|
|
208
|
-
selected: {
|
|
209
|
-
true: string;
|
|
210
|
-
false: string;
|
|
211
|
-
};
|
|
212
|
-
}, {
|
|
213
|
-
selected: {
|
|
214
|
-
true: string;
|
|
215
|
-
false: string;
|
|
216
|
-
};
|
|
217
|
-
}>, {
|
|
95
|
+
}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", {
|
|
218
96
|
selected: {
|
|
219
97
|
true: string;
|
|
220
98
|
false: string;
|
|
@@ -224,17 +102,7 @@ export declare const optionVariants: import('tailwind-variants').TVReturnType<{
|
|
|
224
102
|
true: string;
|
|
225
103
|
false: string;
|
|
226
104
|
};
|
|
227
|
-
}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800",
|
|
228
|
-
selected: {
|
|
229
|
-
true: string;
|
|
230
|
-
false: string;
|
|
231
|
-
};
|
|
232
|
-
}, {
|
|
233
|
-
selected: {
|
|
234
|
-
true: string;
|
|
235
|
-
false: string;
|
|
236
|
-
};
|
|
237
|
-
}>, unknown, unknown, undefined>>;
|
|
105
|
+
}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", unknown, unknown, undefined>>;
|
|
238
106
|
export declare const labelVariants: import('tailwind-variants').TVReturnType<{
|
|
239
107
|
hasValue: {
|
|
240
108
|
true: string;
|
|
@@ -245,27 +113,7 @@ export declare const labelVariants: import('tailwind-variants').TVReturnType<{
|
|
|
245
113
|
isCompleted: {
|
|
246
114
|
true: string;
|
|
247
115
|
};
|
|
248
|
-
}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200",
|
|
249
|
-
hasValue: {
|
|
250
|
-
true: string;
|
|
251
|
-
};
|
|
252
|
-
isInvalid: {
|
|
253
|
-
true: string;
|
|
254
|
-
};
|
|
255
|
-
isCompleted: {
|
|
256
|
-
true: string;
|
|
257
|
-
};
|
|
258
|
-
}, {
|
|
259
|
-
hasValue: {
|
|
260
|
-
true: string;
|
|
261
|
-
};
|
|
262
|
-
isInvalid: {
|
|
263
|
-
true: string;
|
|
264
|
-
};
|
|
265
|
-
isCompleted: {
|
|
266
|
-
true: string;
|
|
267
|
-
};
|
|
268
|
-
}>, {
|
|
116
|
+
}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200", {
|
|
269
117
|
hasValue: {
|
|
270
118
|
true: string;
|
|
271
119
|
};
|
|
@@ -285,41 +133,13 @@ export declare const labelVariants: import('tailwind-variants').TVReturnType<{
|
|
|
285
133
|
isCompleted: {
|
|
286
134
|
true: string;
|
|
287
135
|
};
|
|
288
|
-
}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200",
|
|
289
|
-
|
|
290
|
-
true: string;
|
|
291
|
-
};
|
|
292
|
-
isInvalid: {
|
|
293
|
-
true: string;
|
|
294
|
-
};
|
|
295
|
-
isCompleted: {
|
|
296
|
-
true: string;
|
|
297
|
-
};
|
|
298
|
-
}, {
|
|
299
|
-
hasValue: {
|
|
300
|
-
true: string;
|
|
301
|
-
};
|
|
302
|
-
isInvalid: {
|
|
303
|
-
true: string;
|
|
304
|
-
};
|
|
305
|
-
isCompleted: {
|
|
306
|
-
true: string;
|
|
307
|
-
};
|
|
308
|
-
}>, unknown, unknown, undefined>>;
|
|
309
|
-
export declare const errorMessageVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
136
|
+
}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200", unknown, unknown, undefined>>;
|
|
137
|
+
export declare const errorMessageVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", unknown, unknown, undefined>>;
|
|
310
138
|
export declare const MultiValueContainerVariants: import('tailwind-variants').TVReturnType<{
|
|
311
139
|
isDisabled: {
|
|
312
140
|
true: string;
|
|
313
141
|
};
|
|
314
|
-
}, undefined, "flex h-7 w-[6.125rem] w-full items-center justify-center gap-2 rounded-[3rem] border border-primary-green-500 px-4 py-1",
|
|
315
|
-
isDisabled: {
|
|
316
|
-
true: string;
|
|
317
|
-
};
|
|
318
|
-
}, {
|
|
319
|
-
isDisabled: {
|
|
320
|
-
true: string;
|
|
321
|
-
};
|
|
322
|
-
}>, {
|
|
142
|
+
}, undefined, "flex h-7 w-[6.125rem] w-full items-center justify-center gap-2 rounded-[3rem] border border-primary-green-500 px-4 py-1", {
|
|
323
143
|
isDisabled: {
|
|
324
144
|
true: string;
|
|
325
145
|
};
|
|
@@ -327,12 +147,4 @@ export declare const MultiValueContainerVariants: import('tailwind-variants').TV
|
|
|
327
147
|
isDisabled: {
|
|
328
148
|
true: string;
|
|
329
149
|
};
|
|
330
|
-
}, undefined, "flex h-7 w-[6.125rem] w-full items-center justify-center gap-2 rounded-[3rem] border border-primary-green-500 px-4 py-1",
|
|
331
|
-
isDisabled: {
|
|
332
|
-
true: string;
|
|
333
|
-
};
|
|
334
|
-
}, {
|
|
335
|
-
isDisabled: {
|
|
336
|
-
true: string;
|
|
337
|
-
};
|
|
338
|
-
}>, unknown, unknown, undefined>>;
|
|
150
|
+
}, undefined, "flex h-7 w-[6.125rem] w-full items-center justify-center gap-2 rounded-[3rem] border border-primary-green-500 px-4 py-1", unknown, unknown, undefined>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { ReactNode } from '../../../../node_modules/@types/react';
|
|
2
2
|
import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MultiValueProps, MultiValueRemoveProps, OptionProps, PlaceholderProps, ValueContainerProps } from 'react-select';
|
|
3
3
|
import { OptionType } from './DropdownProps';
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentType, ReactNode } from 'react';
|
|
1
|
+
import { ComponentType, ReactNode } from '../../../../node_modules/@types/react';
|
|
2
2
|
import { ActionMeta, ControlProps, DropdownIndicatorProps, InputActionMeta, OptionProps, ValueContainerProps } from 'react-select';
|
|
3
3
|
|
|
4
4
|
export type OptionType = {
|
|
@@ -3,10 +3,10 @@ import { StoryObj } from '@storybook/react';
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: ({ value, checked, onChange, disabled }: {
|
|
6
|
-
value?: string
|
|
7
|
-
checked?: boolean
|
|
8
|
-
disabled?: boolean
|
|
9
|
-
onChange?: import('react').ChangeEventHandler<HTMLInputElement
|
|
6
|
+
value?: string;
|
|
7
|
+
checked?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onChange?: import('../../../../node_modules/@types/react').ChangeEventHandler<HTMLInputElement>;
|
|
10
10
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
tags: string[];
|
|
12
12
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
1
|
+
import { HTMLAttributes } from '../../../../node_modules/@types/react';
|
|
2
2
|
|
|
3
3
|
export type IconNames = 'add-circle' | 'alert-circle' | 'bank' | 'briefcase' | 'building' | 'calendar' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'close' | 'credit-card-number' | 'credit-card' | 'download' | 'external-link' | 'eye-close' | 'eye-open' | 'file-upload' | 'filters' | 'help-circle' | 'image-broken' | 'mail' | 'open' | 'refresh' | 'Request' | 'resend' | 'ship' | 'user' | 'users' | 'wallet';
|
|
4
4
|
export type IconProps = {
|