globalfy-design-system 1.49.0 → 1.50.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.
@@ -1,338 +1,338 @@
1
1
  export declare const wrapperVariants: import('tailwind-variants').TVReturnType<{
2
2
  hasLabel: {
3
- true: string;
3
+ true: "pt-[26px]";
4
4
  };
5
5
  }, undefined, "relative w-full rounded-lg", import('tailwind-variants/dist/config.js').TVConfig<{
6
6
  hasLabel: {
7
- true: string;
7
+ true: "pt-[26px]";
8
8
  };
9
9
  }, {
10
10
  hasLabel: {
11
- true: string;
11
+ true: "pt-[26px]";
12
12
  };
13
13
  }>, {
14
14
  hasLabel: {
15
- true: string;
15
+ true: "pt-[26px]";
16
16
  };
17
17
  }, undefined, import('tailwind-variants').TVReturnType<{
18
18
  hasLabel: {
19
- true: string;
19
+ true: "pt-[26px]";
20
20
  };
21
21
  }, undefined, "relative w-full rounded-lg", import('tailwind-variants/dist/config.js').TVConfig<{
22
22
  hasLabel: {
23
- true: string;
23
+ true: "pt-[26px]";
24
24
  };
25
25
  }, {
26
26
  hasLabel: {
27
- true: string;
27
+ true: "pt-[26px]";
28
28
  };
29
29
  }>, unknown, unknown, undefined>>;
30
30
  export declare const controlVariants: import('tailwind-variants').TVReturnType<{
31
31
  disabled: {
32
- true: string;
32
+ true: "border-primary-grey-500 bg-primary-grey-500";
33
33
  };
34
34
  isFocused: {
35
- true: string;
35
+ true: "border border-2 border-primary-green-500 text-black";
36
36
  };
37
37
  isInvalid: {
38
- true: string;
38
+ true: "border-complementary-red-500";
39
39
  };
40
40
  isCompleted: {
41
- true: string;
41
+ true: "border-secondary-green-500";
42
42
  };
43
43
  isTransparent: {
44
- true: string;
44
+ true: "!bg-transparent";
45
45
  };
46
46
  }, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3", import('tailwind-variants/dist/config.js').TVConfig<{
47
47
  disabled: {
48
- true: string;
48
+ true: "border-primary-grey-500 bg-primary-grey-500";
49
49
  };
50
50
  isFocused: {
51
- true: string;
51
+ true: "border border-2 border-primary-green-500 text-black";
52
52
  };
53
53
  isInvalid: {
54
- true: string;
54
+ true: "border-complementary-red-500";
55
55
  };
56
56
  isCompleted: {
57
- true: string;
57
+ true: "border-secondary-green-500";
58
58
  };
59
59
  isTransparent: {
60
- true: string;
60
+ true: "!bg-transparent";
61
61
  };
62
62
  }, {
63
63
  disabled: {
64
- true: string;
64
+ true: "border-primary-grey-500 bg-primary-grey-500";
65
65
  };
66
66
  isFocused: {
67
- true: string;
67
+ true: "border border-2 border-primary-green-500 text-black";
68
68
  };
69
69
  isInvalid: {
70
- true: string;
70
+ true: "border-complementary-red-500";
71
71
  };
72
72
  isCompleted: {
73
- true: string;
73
+ true: "border-secondary-green-500";
74
74
  };
75
75
  isTransparent: {
76
- true: string;
76
+ true: "!bg-transparent";
77
77
  };
78
78
  }>, {
79
79
  disabled: {
80
- true: string;
80
+ true: "border-primary-grey-500 bg-primary-grey-500";
81
81
  };
82
82
  isFocused: {
83
- true: string;
83
+ true: "border border-2 border-primary-green-500 text-black";
84
84
  };
85
85
  isInvalid: {
86
- true: string;
86
+ true: "border-complementary-red-500";
87
87
  };
88
88
  isCompleted: {
89
- true: string;
89
+ true: "border-secondary-green-500";
90
90
  };
91
91
  isTransparent: {
92
- true: string;
92
+ true: "!bg-transparent";
93
93
  };
94
94
  }, undefined, import('tailwind-variants').TVReturnType<{
95
95
  disabled: {
96
- true: string;
96
+ true: "border-primary-grey-500 bg-primary-grey-500";
97
97
  };
98
98
  isFocused: {
99
- true: string;
99
+ true: "border border-2 border-primary-green-500 text-black";
100
100
  };
101
101
  isInvalid: {
102
- true: string;
102
+ true: "border-complementary-red-500";
103
103
  };
104
104
  isCompleted: {
105
- true: string;
105
+ true: "border-secondary-green-500";
106
106
  };
107
107
  isTransparent: {
108
- true: string;
108
+ true: "!bg-transparent";
109
109
  };
110
110
  }, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3", import('tailwind-variants/dist/config.js').TVConfig<{
111
111
  disabled: {
112
- true: string;
112
+ true: "border-primary-grey-500 bg-primary-grey-500";
113
113
  };
114
114
  isFocused: {
115
- true: string;
115
+ true: "border border-2 border-primary-green-500 text-black";
116
116
  };
117
117
  isInvalid: {
118
- true: string;
118
+ true: "border-complementary-red-500";
119
119
  };
120
120
  isCompleted: {
121
- true: string;
121
+ true: "border-secondary-green-500";
122
122
  };
123
123
  isTransparent: {
124
- true: string;
124
+ true: "!bg-transparent";
125
125
  };
126
126
  }, {
127
127
  disabled: {
128
- true: string;
128
+ true: "border-primary-grey-500 bg-primary-grey-500";
129
129
  };
130
130
  isFocused: {
131
- true: string;
131
+ true: "border border-2 border-primary-green-500 text-black";
132
132
  };
133
133
  isInvalid: {
134
- true: string;
134
+ true: "border-complementary-red-500";
135
135
  };
136
136
  isCompleted: {
137
- true: string;
137
+ true: "border-secondary-green-500";
138
138
  };
139
139
  isTransparent: {
140
- true: string;
140
+ true: "!bg-transparent";
141
141
  };
142
142
  }>, unknown, unknown, undefined>>;
143
143
  export declare const placeHolderVariants: import('tailwind-variants').TVReturnType<{
144
144
  disabled: {
145
- true: string;
145
+ true: "text-primary-grey-700";
146
146
  };
147
147
  }, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
148
148
  disabled: {
149
- true: string;
149
+ true: "text-primary-grey-700";
150
150
  };
151
151
  }, {
152
152
  disabled: {
153
- true: string;
153
+ true: "text-primary-grey-700";
154
154
  };
155
155
  }>, {
156
156
  disabled: {
157
- true: string;
157
+ true: "text-primary-grey-700";
158
158
  };
159
159
  }, undefined, import('tailwind-variants').TVReturnType<{
160
160
  disabled: {
161
- true: string;
161
+ true: "text-primary-grey-700";
162
162
  };
163
163
  }, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
164
164
  disabled: {
165
- true: string;
165
+ true: "text-primary-grey-700";
166
166
  };
167
167
  }, {
168
168
  disabled: {
169
- true: string;
169
+ true: "text-primary-grey-700";
170
170
  };
171
171
  }>, unknown, unknown, undefined>>;
172
172
  export declare const DropdownIndicatorVariants: import('tailwind-variants').TVReturnType<{
173
173
  disabled: {
174
- true: string;
174
+ true: "text-primary-grey-700";
175
175
  };
176
176
  }, undefined, "text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
177
177
  disabled: {
178
- true: string;
178
+ true: "text-primary-grey-700";
179
179
  };
180
180
  }, {
181
181
  disabled: {
182
- true: string;
182
+ true: "text-primary-grey-700";
183
183
  };
184
184
  }>, {
185
185
  disabled: {
186
- true: string;
186
+ true: "text-primary-grey-700";
187
187
  };
188
188
  }, undefined, import('tailwind-variants').TVReturnType<{
189
189
  disabled: {
190
- true: string;
190
+ true: "text-primary-grey-700";
191
191
  };
192
192
  }, undefined, "text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
193
193
  disabled: {
194
- true: string;
194
+ true: "text-primary-grey-700";
195
195
  };
196
196
  }, {
197
197
  disabled: {
198
- true: string;
198
+ true: "text-primary-grey-700";
199
199
  };
200
200
  }>, unknown, unknown, undefined>>;
201
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>>;
202
202
  export declare const optionVariants: import('tailwind-variants').TVReturnType<{
203
203
  selected: {
204
- true: string;
205
- false: string;
204
+ true: "bg-secondary-green-500 font-medium text-white";
205
+ false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
206
206
  };
207
207
  }, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
208
208
  selected: {
209
- true: string;
210
- false: string;
209
+ true: "bg-secondary-green-500 font-medium text-white";
210
+ false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
211
211
  };
212
212
  }, {
213
213
  selected: {
214
- true: string;
215
- false: string;
214
+ true: "bg-secondary-green-500 font-medium text-white";
215
+ false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
216
216
  };
217
217
  }>, {
218
218
  selected: {
219
- true: string;
220
- false: string;
219
+ true: "bg-secondary-green-500 font-medium text-white";
220
+ false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
221
221
  };
222
222
  }, undefined, import('tailwind-variants').TVReturnType<{
223
223
  selected: {
224
- true: string;
225
- false: string;
224
+ true: "bg-secondary-green-500 font-medium text-white";
225
+ false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
226
226
  };
227
227
  }, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
228
228
  selected: {
229
- true: string;
230
- false: string;
229
+ true: "bg-secondary-green-500 font-medium text-white";
230
+ false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
231
231
  };
232
232
  }, {
233
233
  selected: {
234
- true: string;
235
- false: string;
234
+ true: "bg-secondary-green-500 font-medium text-white";
235
+ false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
236
236
  };
237
237
  }>, unknown, unknown, undefined>>;
238
238
  export declare const labelVariants: import('tailwind-variants').TVReturnType<{
239
239
  hasValue: {
240
- true: string;
240
+ true: "visible -top-6 text-xs transition-all duration-200";
241
241
  };
242
242
  isInvalid: {
243
- true: string;
243
+ true: "text-complementary-red-500";
244
244
  };
245
245
  isCompleted: {
246
- true: string;
246
+ true: "text-secondary-green-500";
247
247
  };
248
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", import('tailwind-variants/dist/config.js').TVConfig<{
249
249
  hasValue: {
250
- true: string;
250
+ true: "visible -top-6 text-xs transition-all duration-200";
251
251
  };
252
252
  isInvalid: {
253
- true: string;
253
+ true: "text-complementary-red-500";
254
254
  };
255
255
  isCompleted: {
256
- true: string;
256
+ true: "text-secondary-green-500";
257
257
  };
258
258
  }, {
259
259
  hasValue: {
260
- true: string;
260
+ true: "visible -top-6 text-xs transition-all duration-200";
261
261
  };
262
262
  isInvalid: {
263
- true: string;
263
+ true: "text-complementary-red-500";
264
264
  };
265
265
  isCompleted: {
266
- true: string;
266
+ true: "text-secondary-green-500";
267
267
  };
268
268
  }>, {
269
269
  hasValue: {
270
- true: string;
270
+ true: "visible -top-6 text-xs transition-all duration-200";
271
271
  };
272
272
  isInvalid: {
273
- true: string;
273
+ true: "text-complementary-red-500";
274
274
  };
275
275
  isCompleted: {
276
- true: string;
276
+ true: "text-secondary-green-500";
277
277
  };
278
278
  }, undefined, import('tailwind-variants').TVReturnType<{
279
279
  hasValue: {
280
- true: string;
280
+ true: "visible -top-6 text-xs transition-all duration-200";
281
281
  };
282
282
  isInvalid: {
283
- true: string;
283
+ true: "text-complementary-red-500";
284
284
  };
285
285
  isCompleted: {
286
- true: string;
286
+ true: "text-secondary-green-500";
287
287
  };
288
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", import('tailwind-variants/dist/config.js').TVConfig<{
289
289
  hasValue: {
290
- true: string;
290
+ true: "visible -top-6 text-xs transition-all duration-200";
291
291
  };
292
292
  isInvalid: {
293
- true: string;
293
+ true: "text-complementary-red-500";
294
294
  };
295
295
  isCompleted: {
296
- true: string;
296
+ true: "text-secondary-green-500";
297
297
  };
298
298
  }, {
299
299
  hasValue: {
300
- true: string;
300
+ true: "visible -top-6 text-xs transition-all duration-200";
301
301
  };
302
302
  isInvalid: {
303
- true: string;
303
+ true: "text-complementary-red-500";
304
304
  };
305
305
  isCompleted: {
306
- true: string;
306
+ true: "text-secondary-green-500";
307
307
  };
308
308
  }>, unknown, unknown, undefined>>;
309
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>>;
310
310
  export declare const MultiValueContainerVariants: import('tailwind-variants').TVReturnType<{
311
311
  isDisabled: {
312
- true: string;
312
+ true: "border-none bg-primary-grey-500";
313
313
  };
314
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", import('tailwind-variants/dist/config.js').TVConfig<{
315
315
  isDisabled: {
316
- true: string;
316
+ true: "border-none bg-primary-grey-500";
317
317
  };
318
318
  }, {
319
319
  isDisabled: {
320
- true: string;
320
+ true: "border-none bg-primary-grey-500";
321
321
  };
322
322
  }>, {
323
323
  isDisabled: {
324
- true: string;
324
+ true: "border-none bg-primary-grey-500";
325
325
  };
326
326
  }, undefined, import('tailwind-variants').TVReturnType<{
327
327
  isDisabled: {
328
- true: string;
328
+ true: "border-none bg-primary-grey-500";
329
329
  };
330
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", import('tailwind-variants/dist/config.js').TVConfig<{
331
331
  isDisabled: {
332
- true: string;
332
+ true: "border-none bg-primary-grey-500";
333
333
  };
334
334
  }, {
335
335
  isDisabled: {
336
- true: string;
336
+ true: "border-none bg-primary-grey-500";
337
337
  };
338
338
  }>, unknown, unknown, undefined>>;
@@ -1,2 +1 @@
1
- /// <reference types="@/@types/react-unicons" />
2
1
  export * from '@iconscout/react-unicons';
@@ -1,3 +1,2 @@
1
- /// <reference types="@/@types/react-unicons" />
2
1
  import * as uil from '@iconscout/react-unicons';
3
2
  export declare const uniconsIconsList: [string, typeof uil.Uil0Plus][];
@@ -13,6 +13,7 @@ export type InputProps = {
13
13
  isDatePicker?: boolean;
14
14
  iconAction?: () => void;
15
15
  iconSize?: 'small' | 'large';
16
+ spellCheck?: 'false' | 'true';
16
17
  } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
17
18
  export type InputPasswordProps = Omit<InputProps, 'icon' | 'type' | 'isDatePicker'>;
18
19
  export declare const Input: React.ForwardRefExoticComponent<{
@@ -28,4 +29,5 @@ export declare const Input: React.ForwardRefExoticComponent<{
28
29
  isDatePicker?: boolean | undefined;
29
30
  iconAction?: (() => void) | undefined;
30
31
  iconSize?: "small" | "large" | undefined;
32
+ spellCheck?: "true" | "false" | undefined;
31
33
  } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & React.RefAttributes<HTMLInputElement>>;
@@ -15,6 +15,7 @@ declare const meta: {
15
15
  isDatePicker?: boolean | undefined;
16
16
  iconAction?: (() => void) | undefined;
17
17
  iconSize?: "small" | "large" | undefined;
18
+ spellCheck?: "true" | "false" | undefined;
18
19
  } & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLInputElement>>;
19
20
  tags: string[];
20
21
  };
@@ -1,114 +1,114 @@
1
1
  export declare const containerVariants: import('tailwind-variants').TVReturnType<{
2
2
  align: {
3
- left: string;
4
- right: string;
5
- center: string;
3
+ left: "justify-start";
4
+ right: "justify-end";
5
+ center: "justify-center";
6
6
  };
7
7
  allowSort: {
8
- true: string;
9
- false: string;
8
+ true: "cursor-pointer";
9
+ false: "";
10
10
  };
11
11
  }, undefined, "flex items-center gap-2 border-none", import('tailwind-variants/dist/config.js').TVConfig<{
12
12
  align: {
13
- left: string;
14
- right: string;
15
- center: string;
13
+ left: "justify-start";
14
+ right: "justify-end";
15
+ center: "justify-center";
16
16
  };
17
17
  allowSort: {
18
- true: string;
19
- false: string;
18
+ true: "cursor-pointer";
19
+ false: "";
20
20
  };
21
21
  }, {
22
22
  align: {
23
- left: string;
24
- right: string;
25
- center: string;
23
+ left: "justify-start";
24
+ right: "justify-end";
25
+ center: "justify-center";
26
26
  };
27
27
  allowSort: {
28
- true: string;
29
- false: string;
28
+ true: "cursor-pointer";
29
+ false: "";
30
30
  };
31
31
  }>, {
32
32
  align: {
33
- left: string;
34
- right: string;
35
- center: string;
33
+ left: "justify-start";
34
+ right: "justify-end";
35
+ center: "justify-center";
36
36
  };
37
37
  allowSort: {
38
- true: string;
39
- false: string;
38
+ true: "cursor-pointer";
39
+ false: "";
40
40
  };
41
41
  }, undefined, import('tailwind-variants').TVReturnType<{
42
42
  align: {
43
- left: string;
44
- right: string;
45
- center: string;
43
+ left: "justify-start";
44
+ right: "justify-end";
45
+ center: "justify-center";
46
46
  };
47
47
  allowSort: {
48
- true: string;
49
- false: string;
48
+ true: "cursor-pointer";
49
+ false: "";
50
50
  };
51
51
  }, undefined, "flex items-center gap-2 border-none", import('tailwind-variants/dist/config.js').TVConfig<{
52
52
  align: {
53
- left: string;
54
- right: string;
55
- center: string;
53
+ left: "justify-start";
54
+ right: "justify-end";
55
+ center: "justify-center";
56
56
  };
57
57
  allowSort: {
58
- true: string;
59
- false: string;
58
+ true: "cursor-pointer";
59
+ false: "";
60
60
  };
61
61
  }, {
62
62
  align: {
63
- left: string;
64
- right: string;
65
- center: string;
63
+ left: "justify-start";
64
+ right: "justify-end";
65
+ center: "justify-center";
66
66
  };
67
67
  allowSort: {
68
- true: string;
69
- false: string;
68
+ true: "cursor-pointer";
69
+ false: "";
70
70
  };
71
71
  }>, unknown, unknown, undefined>>;
72
72
  export declare const headVariants: import('tailwind-variants').TVReturnType<{
73
73
  align: {
74
- left: string;
75
- right: string;
76
- center: string;
74
+ left: "text-left";
75
+ right: "text-right";
76
+ center: "text-center";
77
77
  };
78
78
  }, undefined, "text-xs uppercase text-primary-grey-900", import('tailwind-variants/dist/config.js').TVConfig<{
79
79
  align: {
80
- left: string;
81
- right: string;
82
- center: string;
80
+ left: "text-left";
81
+ right: "text-right";
82
+ center: "text-center";
83
83
  };
84
84
  }, {
85
85
  align: {
86
- left: string;
87
- right: string;
88
- center: string;
86
+ left: "text-left";
87
+ right: "text-right";
88
+ center: "text-center";
89
89
  };
90
90
  }>, {
91
91
  align: {
92
- left: string;
93
- right: string;
94
- center: string;
92
+ left: "text-left";
93
+ right: "text-right";
94
+ center: "text-center";
95
95
  };
96
96
  }, undefined, import('tailwind-variants').TVReturnType<{
97
97
  align: {
98
- left: string;
99
- right: string;
100
- center: string;
98
+ left: "text-left";
99
+ right: "text-right";
100
+ center: "text-center";
101
101
  };
102
102
  }, undefined, "text-xs uppercase text-primary-grey-900", import('tailwind-variants/dist/config.js').TVConfig<{
103
103
  align: {
104
- left: string;
105
- right: string;
106
- center: string;
104
+ left: "text-left";
105
+ right: "text-right";
106
+ center: "text-center";
107
107
  };
108
108
  }, {
109
109
  align: {
110
- left: string;
111
- right: string;
112
- center: string;
110
+ left: "text-left";
111
+ right: "text-right";
112
+ center: "text-center";
113
113
  };
114
114
  }>, unknown, unknown, undefined>>;