globalfy-design-system 0.71.0 → 0.73.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,2 +1,2 @@
1
1
  import { DropdownListProps } from "./DropdownList.types";
2
- export declare const DropdownList: ({ label, value, defaultValue, placeholder, isInvalid, className, disabled, onChange, noOptionsMessage, errorMessage, options, optionCustom: OptionCustom, isValid, placeholderCustom }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const DropdownList: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from "@storybook/react";
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ label, value, defaultValue, placeholder, isInvalid, className, disabled, onChange, noOptionsMessage, errorMessage, options, optionCustom: OptionCustom, isValid, placeholderCustom }: import("./DropdownList.types").DropdownListProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer }: import("./DropdownList.types").DropdownListProps) => import("react/jsx-runtime").JSX.Element;
5
5
  tags: string[];
6
6
  parameters: {
7
7
  layout: string;
@@ -10,3 +10,4 @@ declare const meta: {
10
10
  export default meta;
11
11
  type Story = StoryObj<typeof meta>;
12
12
  export declare const Playground: Story;
13
+ export declare const PaymentMethod: () => import("react/jsx-runtime").JSX.Element;
@@ -1,28 +1,36 @@
1
1
  import { ComponentType, ReactNode } from "react";
2
- import { ActionMeta } from "react-select";
3
- interface BaseOption {
4
- value: string;
5
- label: string;
6
- }
7
- export type Option = BaseOption & {
8
- [key: string]: string;
2
+ import { ControlProps, OptionProps, DropdownIndicatorProps, ActionMeta, ValueContainerProps } from "react-select";
3
+ export type OptionType = {
4
+ [key: string]: unknown;
9
5
  };
6
+ type OptionsType = Array<OptionType>;
10
7
  export type DropdownListProps = {
11
8
  label: string;
12
- value?: string;
13
- options: Option[];
14
- optionCustom?: ComponentType<{
15
- data: Option;
16
- }> | null;
9
+ value?: OptionType;
10
+ options: OptionsType;
11
+ customOption?: ComponentType<OptionProps<OptionType>>;
17
12
  className?: string;
18
- onChange?: ((newValue: unknown, actionMeta: ActionMeta<unknown>) => void) | undefined;
13
+ onChange: (newValue: unknown, actionMeta: ActionMeta<unknown>) => void;
19
14
  placeholder?: string;
20
- placeholderCustom?: ReactNode | null;
15
+ customPlaceholder?: ReactNode;
21
16
  errorMessage?: string;
22
17
  isInvalid?: boolean;
18
+ isSearchable?: boolean;
23
19
  isValid?: boolean;
20
+ isTransparent?: boolean;
24
21
  disabled?: boolean;
25
- defaultValue?: string;
22
+ defaultValue?: OptionType;
26
23
  noOptionsMessage?: string;
24
+ customControl?: ComponentType<ControlProps>;
25
+ customDropdownIndicator?: ComponentType<DropdownIndicatorProps>;
26
+ customValueContainer?: ComponentType<ValueContainerProps>;
27
+ };
28
+ export type DropdownCreditCardOption = {
29
+ label: string;
30
+ prefix: ReactNode;
31
+ isDefault?: boolean;
27
32
  };
33
+ export type DropdownCreditCardProps = {
34
+ options: DropdownCreditCardOption[];
35
+ } & Omit<DropdownListProps, "options">;
28
36
  export {};
@@ -0,0 +1,2 @@
1
+ import { DropdownListProps } from ".";
2
+ export declare const DropdownPaymentMethod: (props: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,3 @@
1
+ export * from "./DropdownPaymentMethod";
1
2
  export * from "./DropdownList";
2
- export * from "./DropdownList.stories";
3
3
  export * from "./DropdownList.types";
@@ -1,6 +1,59 @@
1
1
  declare const _default: {
2
2
  "IcoMoonType": "selection",
3
3
  "icons": [
4
+ {
5
+ "icon": {
6
+ "paths": [
7
+ "M908.5 55.167l-469.333 469.333c-7.719 7.721-12.494 18.386-12.494 30.167s4.774 22.446 12.494 30.167l-0-0c7.721 7.719 18.386 12.494 30.167 12.494s22.446-4.774 30.167-12.494l469.333-469.333c7.719-7.721 12.494-18.386 12.494-30.167s-4.774-22.446-12.494-30.167l0 0c-7.721-7.719-18.386-12.494-30.167-12.494s-22.446 4.774-30.167 12.494l0-0z",
8
+ "M924.583 45.083l-853.333 298.667c-16.774 6.003-28.56 21.76-28.56 40.27 0 17.28 10.272 32.161 25.043 38.871l0.268 0.109 369 164 164 369c6.818 15.039 21.699 25.31 38.98 25.31 18.51 0 34.267-11.786 40.177-28.262l0.093-0.298 298.667-853.333c1.505-4.182 2.375-9.008 2.375-14.038 0-23.567-19.104-42.671-42.671-42.671-5.029 0-9.855 0.87-14.336 2.468l0.298-0.093zM869.167 154.833l-233.833 668.167-127-285.667c-4.38-9.691-11.975-17.287-21.399-21.558l-0.268-0.109-285.667-127z",
9
+ "M1024 768c0 141.385-114.615 256-256 256s-256-114.615-256-256c0-141.385 114.615-256 256-256s256 114.615 256 256z",
10
+ "M611.5 775.167c-11.782 0.001-21.332 9.552-21.333 21.333l-0 0v85.333c0 11.782 9.551 21.333 21.333 21.333v0c11.782 0 21.333-9.551 21.333-21.333v0-64h64c11.782 0 21.333-9.551 21.333-21.333v0c0-11.782-9.551-21.333-21.333-21.333v0z",
11
+ "M924.5 632.833c-11.782 0-21.333 9.551-21.333 21.333v0 64h-64c-11.782 0-21.333 9.551-21.333 21.333v0c0 11.782 9.551 21.333 21.333 21.333v0h85.333c11.782-0.001 21.332-9.552 21.333-21.333l0-0v-85.333c0-11.782-9.551-21.333-21.333-21.333v0z",
12
+ "M734.917 622.417c-24.601 5.569-47.394 17.24-66.25 34-18.85 16.754-33.087 38.047-41.5 61.833-0.762 2.103-1.202 4.53-1.202 7.060 0 9.226 5.856 17.083 14.054 20.059l0.148 0.047c2.103 0.762 4.53 1.202 7.060 1.202 9.226 0 17.083-5.856 20.059-14.054l0.047-0.148c6.008-16.986 16.284-32.114 29.75-44.083 13.469-11.972 29.671-20.354 47.25-24.333 17.571-3.975 35.941-3.423 53.25 1.583 17.307 5.006 33.008 14.337 45.75 27.083 0.134 0.116 0.297 0.253 0.461 0.388l0.039 0.031 66 62c3.81 3.594 8.96 5.802 14.625 5.802 6.121 0 11.641-2.578 15.531-6.708l0.010-0.011c3.57-3.804 5.763-8.938 5.763-14.584 0-6.143-2.596-11.679-6.752-15.572l-0.012-0.011-65.917-62 0.418 0.5c-17.832-17.837-39.85-30.908-64.083-37.917-24.231-7.009-49.9-7.732-74.5-2.167zM610.917 775.167c-5.885 0.166-11.15 2.69-14.908 6.657l-0.009 0.010c-3.594 3.81-5.802 8.96-5.802 14.625 0 6.121 2.578 11.641 6.708 15.531l0.011 0.010 65.5 61.583c0.043 0.043 0.124 0.039 0.166 0.085 17.806 17.771 39.827 30.758 64 37.75 24.233 7.008 49.812 7.737 74.417 2.167 24.605-5.565 47.396-17.241 66.25-34 18.858-16.757 33.167-37.974 41.583-61.75 0.778-2.124 1.228-4.577 1.228-7.135 0-9.235-5.868-17.1-14.080-20.068l-0.149-0.047c-2.124-0.778-4.577-1.228-7.135-1.228-9.235 0-17.1 5.868-20.068 14.080l-0.047 0.149c-6.014 16.988-16.201 32.117-29.667 44.083-13.47 11.973-29.758 20.358-47.333 24.333-17.575 3.979-35.851 3.424-53.167-1.583-17.307-5.006-33.097-14.256-45.833-27-0.165-0.203-0.302-0.366-0.441-0.527l0.023 0.027-66-62c-3.804-3.568-8.936-5.76-14.581-5.76-0.235 0-0.47 0.004-0.703 0.011l0.034-0.001z"
13
+ ],
14
+ "attrs": [
15
+ { "fill": "rgb(0, 0, 0)" },
16
+ { "fill": "rgb(0, 0, 0)" },
17
+ { "fill": "rgb(217, 217, 217)" },
18
+ { "fill": "rgb(0, 0, 0)" },
19
+ { "fill": "rgb(0, 0, 0)" },
20
+ { "fill": "rgb(0, 0, 0)" }
21
+ ],
22
+ "isMulticolor": true,
23
+ "isMulticolor2": false,
24
+ "grid": 0,
25
+ "tags": ["resend"],
26
+ "colorPermutations": {
27
+ "12172172171": [
28
+ { "f": 0 },
29
+ { "f": 0 },
30
+ { "f": 1 },
31
+ { "f": 0 },
32
+ { "f": 0 },
33
+ { "f": 0 }
34
+ ]
35
+ }
36
+ },
37
+ "attrs": [
38
+ { "fill": "rgb(0, 0, 0)" },
39
+ { "fill": "rgb(0, 0, 0)" },
40
+ { "fill": "rgb(217, 217, 217)" },
41
+ { "fill": "rgb(0, 0, 0)" },
42
+ { "fill": "rgb(0, 0, 0)" },
43
+ { "fill": "rgb(0, 0, 0)" }
44
+ ],
45
+ "properties": {
46
+ "order": 41,
47
+ "id": 21,
48
+ "name": "resend",
49
+ "prevSize": 32,
50
+ "code": 59669,
51
+ "codes": [59669, 59670, 59671, 59672, 59673, 59674]
52
+ },
53
+ "setIdx": 0,
54
+ "setId": 4,
55
+ "iconIdx": 0
56
+ },
4
57
  {
5
58
  "icon": {
6
59
  "paths": [
@@ -9,21 +62,21 @@ declare const _default: {
9
62
  "attrs": [],
10
63
  "isMulticolor": false,
11
64
  "isMulticolor2": false,
12
- "grid": 0,
65
+ "colorPermutations": {},
13
66
  "tags": ["user"],
14
- "colorPermutations": {}
67
+ "grid": 0
15
68
  },
16
69
  "attrs": [],
17
70
  "properties": {
18
71
  "order": 37,
19
- "id": 23,
72
+ "id": 0,
20
73
  "name": "user",
21
74
  "prevSize": 32,
22
75
  "code": 59658
23
76
  },
24
77
  "setIdx": 0,
25
- "setId": 3,
26
- "iconIdx": 0
78
+ "setId": 4,
79
+ "iconIdx": 1
27
80
  },
28
81
  {
29
82
  "icon": {
@@ -33,21 +86,21 @@ declare const _default: {
33
86
  "attrs": [],
34
87
  "isMulticolor": false,
35
88
  "isMulticolor2": false,
36
- "grid": 0,
89
+ "colorPermutations": {},
37
90
  "tags": ["users"],
38
- "colorPermutations": {}
91
+ "grid": 0
39
92
  },
40
93
  "attrs": [],
41
94
  "properties": {
42
95
  "order": 38,
43
- "id": 22,
96
+ "id": 1,
44
97
  "name": "users",
45
98
  "prevSize": 32,
46
99
  "code": 59666
47
100
  },
48
101
  "setIdx": 0,
49
- "setId": 3,
50
- "iconIdx": 1
102
+ "setId": 4,
103
+ "iconIdx": 2
51
104
  },
52
105
  {
53
106
  "icon": {
@@ -57,21 +110,21 @@ declare const _default: {
57
110
  "attrs": [],
58
111
  "isMulticolor": false,
59
112
  "isMulticolor2": false,
60
- "grid": 0,
113
+ "colorPermutations": {},
61
114
  "tags": ["wallet"],
62
- "colorPermutations": {}
115
+ "grid": 0
63
116
  },
64
117
  "attrs": [],
65
118
  "properties": {
66
119
  "order": 39,
67
- "id": 21,
120
+ "id": 2,
68
121
  "name": "wallet",
69
122
  "prevSize": 32,
70
123
  "code": 59667
71
124
  },
72
125
  "setIdx": 0,
73
- "setId": 3,
74
- "iconIdx": 2
126
+ "setId": 4,
127
+ "iconIdx": 3
75
128
  },
76
129
  {
77
130
  "icon": {
@@ -81,21 +134,21 @@ declare const _default: {
81
134
  "attrs": [],
82
135
  "isMulticolor": false,
83
136
  "isMulticolor2": false,
84
- "grid": 0,
137
+ "colorPermutations": {},
85
138
  "tags": ["check"],
86
- "colorPermutations": {}
139
+ "grid": 0
87
140
  },
88
141
  "attrs": [],
89
142
  "properties": {
90
143
  "order": 40,
91
- "id": 20,
144
+ "id": 3,
92
145
  "name": "check",
93
146
  "prevSize": 32,
94
147
  "code": 59668
95
148
  },
96
149
  "setIdx": 0,
97
- "setId": 3,
98
- "iconIdx": 3
150
+ "setId": 4,
151
+ "iconIdx": 4
99
152
  },
100
153
  {
101
154
  "icon": {
@@ -113,14 +166,14 @@ declare const _default: {
113
166
  "attrs": [],
114
167
  "properties": {
115
168
  "order": 36,
116
- "id": 0,
169
+ "id": 4,
117
170
  "name": "filters",
118
171
  "prevSize": 32,
119
172
  "code": 59665
120
173
  },
121
174
  "setIdx": 0,
122
- "setId": 3,
123
- "iconIdx": 4
175
+ "setId": 4,
176
+ "iconIdx": 5
124
177
  },
125
178
  {
126
179
  "icon": {
@@ -140,14 +193,14 @@ declare const _default: {
140
193
  "attrs": [],
141
194
  "properties": {
142
195
  "order": 32,
143
- "id": 1,
196
+ "id": 5,
144
197
  "name": "building",
145
198
  "prevSize": 32,
146
199
  "code": 59661
147
200
  },
148
201
  "setIdx": 0,
149
- "setId": 3,
150
- "iconIdx": 5
202
+ "setId": 4,
203
+ "iconIdx": 6
151
204
  },
152
205
  {
153
206
  "icon": {
@@ -167,14 +220,14 @@ declare const _default: {
167
220
  "attrs": [],
168
221
  "properties": {
169
222
  "order": 33,
170
- "id": 2,
223
+ "id": 6,
171
224
  "name": "briefcase",
172
225
  "prevSize": 32,
173
226
  "code": 59662
174
227
  },
175
228
  "setIdx": 0,
176
- "setId": 3,
177
- "iconIdx": 6
229
+ "setId": 4,
230
+ "iconIdx": 7
178
231
  },
179
232
  {
180
233
  "icon": {
@@ -194,14 +247,14 @@ declare const _default: {
194
247
  "attrs": [],
195
248
  "properties": {
196
249
  "order": 34,
197
- "id": 3,
250
+ "id": 7,
198
251
  "name": "bank",
199
252
  "prevSize": 32,
200
253
  "code": 59663
201
254
  },
202
255
  "setIdx": 0,
203
- "setId": 3,
204
- "iconIdx": 7
256
+ "setId": 4,
257
+ "iconIdx": 8
205
258
  },
206
259
  {
207
260
  "icon": {
@@ -223,14 +276,14 @@ declare const _default: {
223
276
  "attrs": [],
224
277
  "properties": {
225
278
  "order": 35,
226
- "id": 4,
279
+ "id": 8,
227
280
  "name": "add-circle",
228
281
  "prevSize": 32,
229
282
  "code": 59664
230
283
  },
231
284
  "setIdx": 0,
232
- "setId": 3,
233
- "iconIdx": 8
285
+ "setId": 4,
286
+ "iconIdx": 9
234
287
  },
235
288
  {
236
289
  "icon": {
@@ -250,14 +303,14 @@ declare const _default: {
250
303
  "attrs": [{}],
251
304
  "properties": {
252
305
  "order": 22,
253
- "id": 5,
306
+ "id": 9,
254
307
  "name": "calendar",
255
308
  "prevSize": 32,
256
309
  "code": 59660
257
310
  },
258
311
  "setIdx": 0,
259
- "setId": 3,
260
- "iconIdx": 9
312
+ "setId": 4,
313
+ "iconIdx": 10
261
314
  },
262
315
  {
263
316
  "icon": {
@@ -277,14 +330,14 @@ declare const _default: {
277
330
  "attrs": [],
278
331
  "properties": {
279
332
  "order": 20,
280
- "id": 6,
333
+ "id": 10,
281
334
  "name": "close",
282
335
  "prevSize": 32,
283
336
  "code": 59659
284
337
  },
285
338
  "setIdx": 0,
286
- "setId": 3,
287
- "iconIdx": 10
339
+ "setId": 4,
340
+ "iconIdx": 11
288
341
  },
289
342
  {
290
343
  "icon": {
@@ -304,14 +357,14 @@ declare const _default: {
304
357
  "attrs": [{}],
305
358
  "properties": {
306
359
  "order": 3,
307
- "id": 8,
360
+ "id": 11,
308
361
  "name": "alert-circle",
309
362
  "prevSize": 32,
310
363
  "code": 59648
311
364
  },
312
365
  "setIdx": 0,
313
- "setId": 3,
314
- "iconIdx": 11
366
+ "setId": 4,
367
+ "iconIdx": 12
315
368
  },
316
369
  {
317
370
  "icon": {
@@ -331,14 +384,14 @@ declare const _default: {
331
384
  "attrs": [{}],
332
385
  "properties": {
333
386
  "order": 4,
334
- "id": 9,
387
+ "id": 12,
335
388
  "name": "chevron-down",
336
389
  "prevSize": 32,
337
390
  "code": 59649
338
391
  },
339
392
  "setIdx": 0,
340
- "setId": 3,
341
- "iconIdx": 12
393
+ "setId": 4,
394
+ "iconIdx": 13
342
395
  },
343
396
  {
344
397
  "icon": {
@@ -358,14 +411,14 @@ declare const _default: {
358
411
  "attrs": [{}],
359
412
  "properties": {
360
413
  "order": 5,
361
- "id": 10,
414
+ "id": 13,
362
415
  "name": "chevron-left",
363
416
  "prevSize": 32,
364
417
  "code": 59650
365
418
  },
366
419
  "setIdx": 0,
367
- "setId": 3,
368
- "iconIdx": 13
420
+ "setId": 4,
421
+ "iconIdx": 14
369
422
  },
370
423
  {
371
424
  "icon": {
@@ -385,14 +438,14 @@ declare const _default: {
385
438
  "attrs": [{}],
386
439
  "properties": {
387
440
  "order": 6,
388
- "id": 11,
441
+ "id": 14,
389
442
  "name": "chevron-right",
390
443
  "prevSize": 32,
391
444
  "code": 59651
392
445
  },
393
446
  "setIdx": 0,
394
- "setId": 3,
395
- "iconIdx": 14
447
+ "setId": 4,
448
+ "iconIdx": 15
396
449
  },
397
450
  {
398
451
  "icon": {
@@ -412,14 +465,14 @@ declare const _default: {
412
465
  "attrs": [{}],
413
466
  "properties": {
414
467
  "order": 7,
415
- "id": 12,
468
+ "id": 15,
416
469
  "name": "credit-card",
417
470
  "prevSize": 32,
418
471
  "code": 59652
419
472
  },
420
473
  "setIdx": 0,
421
- "setId": 3,
422
- "iconIdx": 15
474
+ "setId": 4,
475
+ "iconIdx": 16
423
476
  },
424
477
  {
425
478
  "icon": {
@@ -440,14 +493,14 @@ declare const _default: {
440
493
  "attrs": [{}],
441
494
  "properties": {
442
495
  "order": 8,
443
- "id": 13,
496
+ "id": 16,
444
497
  "name": "download",
445
498
  "prevSize": 32,
446
499
  "code": 59653
447
500
  },
448
501
  "setIdx": 0,
449
- "setId": 3,
450
- "iconIdx": 16
502
+ "setId": 4,
503
+ "iconIdx": 17
451
504
  },
452
505
  {
453
506
  "icon": {
@@ -467,14 +520,14 @@ declare const _default: {
467
520
  "attrs": [{}],
468
521
  "properties": {
469
522
  "order": 9,
470
- "id": 14,
523
+ "id": 17,
471
524
  "name": "external-link",
472
525
  "prevSize": 32,
473
526
  "code": 59654
474
527
  },
475
528
  "setIdx": 0,
476
- "setId": 3,
477
- "iconIdx": 17
529
+ "setId": 4,
530
+ "iconIdx": 18
478
531
  },
479
532
  {
480
533
  "icon": {
@@ -494,14 +547,14 @@ declare const _default: {
494
547
  "attrs": [{}],
495
548
  "properties": {
496
549
  "order": 10,
497
- "id": 15,
550
+ "id": 18,
498
551
  "name": "eye-off",
499
552
  "prevSize": 32,
500
553
  "code": 59655
501
554
  },
502
555
  "setIdx": 0,
503
- "setId": 3,
504
- "iconIdx": 18
556
+ "setId": 4,
557
+ "iconIdx": 19
505
558
  },
506
559
  {
507
560
  "icon": {
@@ -521,14 +574,14 @@ declare const _default: {
521
574
  "attrs": [{}],
522
575
  "properties": {
523
576
  "order": 11,
524
- "id": 16,
577
+ "id": 19,
525
578
  "name": "eye",
526
579
  "prevSize": 32,
527
580
  "code": 59656
528
581
  },
529
582
  "setIdx": 0,
530
- "setId": 3,
531
- "iconIdx": 19
583
+ "setId": 4,
584
+ "iconIdx": 20
532
585
  },
533
586
  {
534
587
  "icon": {
@@ -548,14 +601,14 @@ declare const _default: {
548
601
  "attrs": [{}],
549
602
  "properties": {
550
603
  "order": 12,
551
- "id": 17,
604
+ "id": 20,
552
605
  "name": "help-circle",
553
606
  "prevSize": 32,
554
607
  "code": 59657
555
608
  },
556
609
  "setIdx": 0,
557
- "setId": 3,
558
- "iconIdx": 20
610
+ "setId": 4,
611
+ "iconIdx": 21
559
612
  }
560
613
  ],
561
614
  "height": 1024,
@@ -1,3 +1,2 @@
1
1
  export * from "./PhoneNumberInput";
2
- export * from "./PhoneNumberInput.stories";
3
2
  export * from "./PhoneNumberInput.types";
@@ -1,2 +1,2 @@
1
1
  import { RadioGroupProps } from "./RadioGroup.types";
2
- export declare const RadioGroup: ({ options, labelPosition, orientation }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const RadioGroup: ({ options, labelPosition, orientation, onChange }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from "@storybook/react";
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ options, labelPosition, orientation }: import("./RadioGroup.types").RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ options, labelPosition, orientation, onChange }: import("./RadioGroup.types").RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
5
5
  tags: string[];
6
6
  };
7
7
  export default meta;
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import { ChangeEventHandler, ReactNode } from "react";
2
2
  export type RadioGroupOption = {
3
3
  label: ReactNode;
4
4
  value: string;
@@ -8,4 +8,5 @@ export type RadioGroupProps = {
8
8
  options: RadioGroupOption[];
9
9
  labelPosition?: "left" | "right";
10
10
  orientation?: "vertical" | "horizontal";
11
+ onChange?: ChangeEventHandler<HTMLInputElement>;
11
12
  };
@@ -18,3 +18,4 @@ export * from "./DatePicker";
18
18
  export * from "./Tag";
19
19
  export * from "./ToastContainer";
20
20
  export * from "./PhoneNumberInput";
21
+ export * from "./DropdownList";
Binary file
@@ -28,4 +28,10 @@
28
28
  <glyph unicode="&#xe912;" glyph-name="users" d="M526.086 438.16c23.866 20.659 43.009 46.207 56.127 74.918 13.118 28.707 19.908 59.901 19.908 91.464 0 59.31-23.562 116.193-65.502 158.13-41.936 41.938-98.819 65.501-158.129 65.501s-116.193-23.561-158.13-65.501c-41.938-41.938-65.501-98.822-65.501-158.13 0-31.564 6.789-62.757 19.909-91.464 13.119-28.71 32.26-54.257 56.126-74.918-62.61-28.351-115.731-74.134-153.010-131.876-37.28-57.747-57.139-125.002-57.204-193.732 0-11.86 4.712-23.24 13.1-31.626s19.764-13.1 31.626-13.1c11.861 0 23.238 4.714 31.626 13.1s13.1 19.764 13.1 31.626c0 71.172 28.273 139.43 78.601 189.756 50.327 50.331 118.586 78.602 189.757 78.602s139.43-28.272 189.756-78.602c50.331-50.327 78.602-118.583 78.602-189.756 0-11.86 4.714-23.24 13.1-31.626s19.764-13.1 31.626-13.1c11.86 0 23.24 4.714 31.626 13.1s13.1 19.764 13.1 31.626c-0.068 68.732-19.926 135.985-57.205 193.732-37.281 57.742-90.397 103.524-153.009 131.876zM378.488 470.362c-26.539 0-52.48 7.866-74.545 22.613-22.067 14.742-39.265 35.702-49.42 60.217-10.155 24.518-12.812 51.497-7.635 77.526s17.957 49.936 36.722 68.701c18.765 18.765 42.674 31.544 68.701 36.722s53.008 2.52 77.528-7.635c24.515-10.155 45.473-27.353 60.215-49.42 14.747-22.067 22.613-48.008 22.613-74.545 0-35.586-14.138-69.715-39.301-94.877s-59.291-39.301-94.877-39.301zM814.122 456.052c28.626 32.235 47.32 72.050 53.841 114.663 6.522 42.611 0.587 86.199-17.085 125.518-17.676 39.318-46.337 72.689-82.533 96.099-36.201 23.407-78.391 35.855-121.498 35.845-11.86 0-23.24-4.712-31.626-13.1s-13.1-19.764-13.1-31.626c0-11.861 4.714-23.238 13.1-31.626s19.764-13.1 31.626-13.1c35.584 0 69.715-14.138 94.877-39.3s39.301-59.292 39.301-94.878c-0.064-23.492-6.294-46.555-18.065-66.886-11.776-20.327-28.679-37.212-49.024-48.957-6.632-3.825-12.171-9.291-16.085-15.864-3.919-6.58-6.078-14.053-6.279-21.705-0.188-7.594 1.561-15.109 5.085-21.839 3.52-6.726 8.694-12.451 15.041-16.624l17.443-11.628 5.815-3.131c53.914-25.571 99.394-66.016 131.092-116.57 31.693-50.554 48.282-109.115 47.813-168.783 0-11.86 4.714-23.24 13.1-31.626s19.764-13.1 31.626-13.1c11.86 0 23.24 4.714 31.626 13.1s13.1 19.764 13.1 31.626c0.366 68.637-16.826 136.222-49.936 196.343-33.115 60.122-81.053 110.779-139.256 147.154z" />
29
29
  <glyph unicode="&#xe913;" glyph-name="wallet" d="M857.957 695.112h-49.422v49.422c0 39.324-15.622 77.034-43.427 104.84s-65.52 43.426-104.839 43.426h-494.223c-39.324 0-77.034-15.621-104.84-43.426s-43.426-65.518-43.426-104.84v-593.066c0-39.321 15.621-77.034 43.426-104.839s65.518-43.427 104.84-43.427h691.912c39.321 0 77.034 15.622 104.839 43.427s43.427 65.52 43.427 104.839v395.378c0 39.324-15.622 77.034-43.427 104.84s-65.52 43.426-104.839 43.426zM166.044 793.957h494.223c13.106 0 25.68-5.206 34.946-14.476s14.476-21.839 14.476-34.946v-49.422h-543.644c-13.107 0-25.678 5.206-34.946 14.476s-14.476 21.839-14.476 34.946c0 13.107 5.206 25.678 14.476 34.946s21.839 14.476 34.946 14.476zM907.378 299.734h-49.422c-13.106 0-25.68 5.208-34.946 14.476s-14.476 21.839-14.476 34.946c0 13.106 5.208 25.68 14.476 34.946s21.839 14.476 34.946 14.476h49.422v-98.844zM907.378 497.422h-49.422c-39.321 0-77.034-15.622-104.839-43.427s-43.427-65.52-43.427-104.839c0-39.321 15.622-77.034 43.427-104.839s65.52-43.427 104.839-43.427h49.422v-49.422c0-13.106-5.208-25.68-14.476-34.946s-21.839-14.476-34.946-14.476h-691.912c-13.107 0-25.678 5.208-34.946 14.476s-14.476 21.839-14.476 34.946v453.202c15.878-5.586 32.591-8.426 49.422-8.402h691.912c13.106 0 25.68-5.206 34.946-14.476s14.476-21.839 14.476-34.946v-49.422z" />
30
30
  <glyph unicode="&#xe914;" glyph-name="check" d="M979.553 783.762c-6.483 6.535-14.195 11.724-22.693 15.262-8.5 3.542-17.616 5.365-26.818 5.365s-18.319-1.823-26.818-5.365c-8.5-3.542-16.213-8.727-22.693-15.262l-519.504-520.201-218.263 218.958c-6.732 6.501-14.678 11.612-23.382 15.044s-18.004 5.113-27.36 4.952c-9.357-0.159-18.592-2.163-27.172-5.897s-16.347-9.112-22.848-15.844c-6.501-6.73-11.612-14.677-15.043-23.382s-5.114-18.004-4.952-27.36c0.161-9.357 2.163-18.592 5.897-27.172s9.112-16.345 15.843-22.848l267.77-267.773c6.482-6.532 14.193-11.722 22.694-15.263 8.496-3.537 17.613-5.365 26.817-5.365s18.319 1.827 26.816 5.365c8.496 3.542 16.209 8.731 22.695 15.263l569.013 569.015c7.078 6.528 12.724 14.456 16.591 23.277s5.858 18.347 5.858 27.977c0 9.63-1.992 19.156-5.858 27.977s-9.511 16.746-16.591 23.277z" />
31
+ <glyph unicode="&#xe915;" d="M908.5 904.833l-469.333-469.333c-7.719-7.721-12.494-18.386-12.494-30.167s4.774-22.446 12.494-30.167v0c7.721-7.719 18.386-12.494 30.167-12.494s22.446 4.774 30.167 12.494l469.333 469.333c7.719 7.721 12.494 18.386 12.494 30.167s-4.774 22.446-12.494 30.167v0c-7.721 7.719-18.386 12.494-30.167 12.494s-22.446-4.774-30.167-12.494v0z" />
32
+ <glyph unicode="&#xe916;" d="M924.583 914.917l-853.333-298.667c-16.774-6.003-28.56-21.76-28.56-40.27 0-17.28 10.272-32.161 25.043-38.871l0.268-0.109 369-164 164-369c6.818-15.039 21.699-25.31 38.98-25.31 18.51 0 34.267 11.786 40.177 28.262l0.093 0.298 298.667 853.333c1.505 4.182 2.375 9.008 2.375 14.038 0 23.567-19.104 42.671-42.671 42.671-5.029 0-9.855-0.87-14.336-2.468l0.298 0.093zM869.167 805.167l-233.833-668.167-127 285.667c-4.38 9.691-11.975 17.287-21.399 21.558l-0.268 0.109-285.667 127z" />
33
+ <glyph unicode="&#xe917;" d="M1024 192c0-141.385-114.615-256-256-256s-256 114.615-256 256c0 141.385 114.615 256 256 256s256-114.615 256-256z" />
34
+ <glyph unicode="&#xe918;" d="M611.5 184.833c-11.782-0.001-21.332-9.552-21.333-21.333v0-85.333c0-11.782 9.551-21.333 21.333-21.333v0c11.782 0 21.333 9.551 21.333 21.333v0 64h64c11.782 0 21.333 9.551 21.333 21.333v0c0 11.782-9.551 21.333-21.333 21.333v0z" />
35
+ <glyph unicode="&#xe919;" d="M924.5 327.167c-11.782 0-21.333-9.551-21.333-21.333v0-64h-64c-11.782 0-21.333-9.551-21.333-21.333v0c0-11.782 9.551-21.333 21.333-21.333v0h85.333c11.782 0.001 21.332 9.552 21.333 21.333v0 85.333c0 11.782-9.551 21.333-21.333 21.333v0z" />
36
+ <glyph unicode="&#xe91a;" d="M734.917 337.583c-24.601-5.569-47.394-17.24-66.25-34-18.85-16.754-33.087-38.047-41.5-61.833-0.762-2.103-1.202-4.53-1.202-7.060 0-9.226 5.856-17.083 14.054-20.059l0.148-0.047c2.103-0.762 4.53-1.202 7.060-1.202 9.226 0 17.083 5.856 20.059 14.054l0.047 0.148c6.008 16.986 16.284 32.114 29.75 44.083 13.469 11.972 29.671 20.354 47.25 24.333 17.571 3.975 35.941 3.423 53.25-1.583 17.307-5.006 33.008-14.337 45.75-27.083 0.134-0.116 0.297-0.253 0.461-0.388l0.039-0.031 66-62c3.81-3.594 8.96-5.802 14.625-5.802 6.121 0 11.641 2.578 15.531 6.708l0.010 0.011c3.57 3.804 5.763 8.938 5.763 14.584 0 6.143-2.596 11.679-6.752 15.572l-0.012 0.011-65.917 62 0.418-0.5c-17.832 17.837-39.85 30.908-64.083 37.917-24.231 7.009-49.9 7.732-74.5 2.167zM610.917 184.833c-5.885-0.166-11.15-2.69-14.908-6.657l-0.009-0.010c-3.594-3.81-5.802-8.96-5.802-14.625 0-6.121 2.578-11.641 6.708-15.531l0.011-0.010 65.5-61.583c0.043-0.043 0.124-0.039 0.166-0.085 17.806-17.771 39.827-30.758 64-37.75 24.233-7.008 49.812-7.737 74.417-2.167 24.605 5.565 47.396 17.241 66.25 34 18.858 16.757 33.167 37.974 41.583 61.75 0.778 2.124 1.228 4.577 1.228 7.135 0 9.235-5.868 17.1-14.080 20.068l-0.149 0.047c-2.124 0.778-4.577 1.228-7.135 1.228-9.235 0-17.1-5.868-20.068-14.080l-0.047-0.149c-6.014-16.988-16.201-32.117-29.667-44.083-13.47-11.973-29.758-20.358-47.333-24.333-17.575-3.979-35.851-3.424-53.167 1.583-17.307 5.006-33.097 14.256-45.833 27-0.165 0.203-0.302 0.366-0.441 0.527l0.023-0.027-66 62c-3.804 3.568-8.936 5.76-14.581 5.76-0.235 0-0.47-0.004-0.703-0.011l0.034 0.001z" />
31
37
  </font></defs></svg>
Binary file
Binary file