@edu-tosel/design 1.0.156 → 1.0.157
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/README.md +42 -42
- package/asset/SVG.tsx +29 -29
- package/asset/html/gomito-promotion.html +116 -116
- package/asset/html/speaking-series-promotion.html +58 -58
- package/asset/sizes.ts +202 -202
- package/asset/svg/Close.tsx +32 -32
- package/asset/svg/Direction.tsx +76 -76
- package/asset/svg/Email.tsx +20 -20
- package/asset/svg/Eye.tsx +48 -48
- package/asset/svg/Icon.tsx +195 -195
- package/asset/svg/Image.tsx +24 -24
- package/asset/svg/Notification.tsx +34 -34
- package/asset/svg/Operation.tsx +130 -130
- package/asset/svg/Phone.tsx +20 -20
- package/asset/svg/Profile.tsx +27 -27
- package/asset/svg/Symbol.tsx +60 -60
- package/asset/svg/TOSEL.tsx +63 -63
- package/card/template/InfoCard/Student.js +1 -3
- package/globals.css +269 -269
- package/layout/template/home/layout/Footer.js +1 -1
- package/layout/template/home/layout/Navigation.js +1 -1
- package/package.json +1 -1
- package/tailwind.config.ts +675 -675
- package/version.txt +1 -1
package/asset/sizes.ts
CHANGED
|
@@ -1,202 +1,202 @@
|
|
|
1
|
-
export const widthSizes = {
|
|
2
|
-
1: "w-1/100",
|
|
3
|
-
2: "w-2/100",
|
|
4
|
-
3: "w-3/100",
|
|
5
|
-
4: "w-4/100",
|
|
6
|
-
5: "w-5/100",
|
|
7
|
-
6: "w-6/100",
|
|
8
|
-
7: "w-7/100",
|
|
9
|
-
8: "w-8/100",
|
|
10
|
-
9: "w-9/100",
|
|
11
|
-
10: "w-10/100",
|
|
12
|
-
11: "w-11/100",
|
|
13
|
-
12: "w-12/100",
|
|
14
|
-
13: "w-13/100",
|
|
15
|
-
14: "w-14/100",
|
|
16
|
-
15: "w-15/100",
|
|
17
|
-
16: "w-16/100",
|
|
18
|
-
17: "w-17/100",
|
|
19
|
-
18: "w-18/100",
|
|
20
|
-
19: "w-19/100",
|
|
21
|
-
20: "w-20/100",
|
|
22
|
-
21: "w-21/100",
|
|
23
|
-
22: "w-22/100",
|
|
24
|
-
23: "w-23/100",
|
|
25
|
-
24: "w-24/100",
|
|
26
|
-
25: "w-25/100",
|
|
27
|
-
26: "w-26/100",
|
|
28
|
-
27: "w-27/100",
|
|
29
|
-
28: "w-28/100",
|
|
30
|
-
29: "w-29/100",
|
|
31
|
-
30: "w-30/100",
|
|
32
|
-
31: "w-31/100",
|
|
33
|
-
32: "w-32/100",
|
|
34
|
-
33: "w-33/100",
|
|
35
|
-
34: "w-34/100",
|
|
36
|
-
35: "w-35/100",
|
|
37
|
-
36: "w-36/100",
|
|
38
|
-
37: "w-37/100",
|
|
39
|
-
38: "w-38/100",
|
|
40
|
-
39: "w-39/100",
|
|
41
|
-
40: "w-40/100",
|
|
42
|
-
41: "w-41/100",
|
|
43
|
-
42: "w-42/100",
|
|
44
|
-
43: "w-43/100",
|
|
45
|
-
44: "w-44/100",
|
|
46
|
-
45: "w-45/100",
|
|
47
|
-
46: "w-46/100",
|
|
48
|
-
47: "w-47/100",
|
|
49
|
-
48: "w-48/100",
|
|
50
|
-
49: "w-49/100",
|
|
51
|
-
50: "w-50/100",
|
|
52
|
-
51: "w-51/100",
|
|
53
|
-
52: "w-52/100",
|
|
54
|
-
53: "w-53/100",
|
|
55
|
-
54: "w-54/100",
|
|
56
|
-
55: "w-55/100",
|
|
57
|
-
56: "w-56/100",
|
|
58
|
-
57: "w-57/100",
|
|
59
|
-
58: "w-58/100",
|
|
60
|
-
59: "w-59/100",
|
|
61
|
-
60: "w-60/100",
|
|
62
|
-
61: "w-61/100",
|
|
63
|
-
62: "w-62/100",
|
|
64
|
-
63: "w-63/100",
|
|
65
|
-
64: "w-64/100",
|
|
66
|
-
65: "w-65/100",
|
|
67
|
-
66: "w-66/100",
|
|
68
|
-
67: "w-67/100",
|
|
69
|
-
68: "w-68/100",
|
|
70
|
-
69: "w-69/100",
|
|
71
|
-
70: "w-70/100",
|
|
72
|
-
71: "w-71/100",
|
|
73
|
-
72: "w-72/100",
|
|
74
|
-
73: "w-73/100",
|
|
75
|
-
74: "w-74/100",
|
|
76
|
-
75: "w-75/100",
|
|
77
|
-
76: "w-76/100",
|
|
78
|
-
77: "w-77/100",
|
|
79
|
-
78: "w-78/100",
|
|
80
|
-
79: "w-79/100",
|
|
81
|
-
80: "w-80/100",
|
|
82
|
-
81: "w-81/100",
|
|
83
|
-
82: "w-82/100",
|
|
84
|
-
83: "w-83/100",
|
|
85
|
-
84: "w-84/100",
|
|
86
|
-
85: "w-85/100",
|
|
87
|
-
86: "w-86/100",
|
|
88
|
-
87: "w-87/100",
|
|
89
|
-
88: "w-88/100",
|
|
90
|
-
89: "w-89/100",
|
|
91
|
-
90: "w-90/100",
|
|
92
|
-
91: "w-91/100",
|
|
93
|
-
92: "w-92/100",
|
|
94
|
-
93: "w-93/100",
|
|
95
|
-
94: "w-94/100",
|
|
96
|
-
95: "w-95/100",
|
|
97
|
-
96: "w-96/100",
|
|
98
|
-
97: "w-97/100",
|
|
99
|
-
98: "w-98/100",
|
|
100
|
-
99: "w-99/100",
|
|
101
|
-
100: "w-full",
|
|
102
|
-
"1%": "w-1/100",
|
|
103
|
-
"2%": "w-2/100",
|
|
104
|
-
"3%": "w-3/100",
|
|
105
|
-
"4%": "w-4/100",
|
|
106
|
-
"5%": "w-5/100",
|
|
107
|
-
"6%": "w-6/100",
|
|
108
|
-
"7%": "w-7/100",
|
|
109
|
-
"8%": "w-8/100",
|
|
110
|
-
"9%": "w-9/100",
|
|
111
|
-
"10%": "w-10/100",
|
|
112
|
-
"11%": "w-11/100",
|
|
113
|
-
"12%": "w-12/100",
|
|
114
|
-
"13%": "w-13/100",
|
|
115
|
-
"14%": "w-14/100",
|
|
116
|
-
"15%": "w-15/100",
|
|
117
|
-
"16%": "w-16/100",
|
|
118
|
-
"17%": "w-17/100",
|
|
119
|
-
"18%": "w-18/100",
|
|
120
|
-
"19%": "w-19/100",
|
|
121
|
-
"20%": "w-20/100",
|
|
122
|
-
"21%": "w-21/100",
|
|
123
|
-
"22%": "w-22/100",
|
|
124
|
-
"23%": "w-23/100",
|
|
125
|
-
"24%": "w-24/100",
|
|
126
|
-
"25%": "w-25/100",
|
|
127
|
-
"26%": "w-26/100",
|
|
128
|
-
"27%": "w-27/100",
|
|
129
|
-
"28%": "w-28/100",
|
|
130
|
-
"29%": "w-29/100",
|
|
131
|
-
"30%": "w-30/100",
|
|
132
|
-
"31%": "w-31/100",
|
|
133
|
-
"32%": "w-32/100",
|
|
134
|
-
"33%": "w-33/100",
|
|
135
|
-
"34%": "w-34/100",
|
|
136
|
-
"35%": "w-35/100",
|
|
137
|
-
"36%": "w-36/100",
|
|
138
|
-
"37%": "w-37/100",
|
|
139
|
-
"38%": "w-38/100",
|
|
140
|
-
"39%": "w-39/100",
|
|
141
|
-
"40%": "w-40/100",
|
|
142
|
-
"41%": "w-41/100",
|
|
143
|
-
"42%": "w-42/100",
|
|
144
|
-
"43%": "w-43/100",
|
|
145
|
-
"44%": "w-44/100",
|
|
146
|
-
"45%": "w-45/100",
|
|
147
|
-
"46%": "w-46/100",
|
|
148
|
-
"47%": "w-47/100",
|
|
149
|
-
"48%": "w-48/100",
|
|
150
|
-
"49%": "w-49/100",
|
|
151
|
-
"50%": "w-50/100",
|
|
152
|
-
"51%": "w-51/100",
|
|
153
|
-
"52%": "w-52/100",
|
|
154
|
-
"53%": "w-53/100",
|
|
155
|
-
"54%": "w-54/100",
|
|
156
|
-
"55%": "w-55/100",
|
|
157
|
-
"56%": "w-56/100",
|
|
158
|
-
"57%": "w-57/100",
|
|
159
|
-
"58%": "w-58/100",
|
|
160
|
-
"59%": "w-59/100",
|
|
161
|
-
"60%": "w-60/100",
|
|
162
|
-
"61%": "w-61/100",
|
|
163
|
-
"62%": "w-62/100",
|
|
164
|
-
"63%": "w-63/100",
|
|
165
|
-
"64%": "w-64/100",
|
|
166
|
-
"65%": "w-65/100",
|
|
167
|
-
"66%": "w-66/100",
|
|
168
|
-
"67%": "w-67/100",
|
|
169
|
-
"68%": "w-68/100",
|
|
170
|
-
"69%": "w-69/100",
|
|
171
|
-
"70%": "w-70/100",
|
|
172
|
-
"71%": "w-71/100",
|
|
173
|
-
"72%": "w-72/100",
|
|
174
|
-
"73%": "w-73/100",
|
|
175
|
-
"74%": "w-74/100",
|
|
176
|
-
"75%": "w-75/100",
|
|
177
|
-
"76%": "w-76/100",
|
|
178
|
-
"77%": "w-77/100",
|
|
179
|
-
"78%": "w-78/100",
|
|
180
|
-
"79%": "w-79/100",
|
|
181
|
-
"80%": "w-80/100",
|
|
182
|
-
"81%": "w-81/100",
|
|
183
|
-
"82%": "w-82/100",
|
|
184
|
-
"83%": "w-83/100",
|
|
185
|
-
"84%": "w-84/100",
|
|
186
|
-
"85%": "w-85/100",
|
|
187
|
-
"86%": "w-86/100",
|
|
188
|
-
"87%": "w-87/100",
|
|
189
|
-
"88%": "w-88/100",
|
|
190
|
-
"89%": "w-89/100",
|
|
191
|
-
"90%": "w-90/100",
|
|
192
|
-
"91%": "w-91/100",
|
|
193
|
-
"92%": "w-92/100",
|
|
194
|
-
"93%": "w-93/100",
|
|
195
|
-
"94%": "w-94/100",
|
|
196
|
-
"95%": "w-95/100",
|
|
197
|
-
"96%": "w-96/100",
|
|
198
|
-
"97%": "w-97/100",
|
|
199
|
-
"98%": "w-98/100",
|
|
200
|
-
"99%": "w-99/100",
|
|
201
|
-
"100%": "w-full",
|
|
202
|
-
} as Record<number | string, string>;
|
|
1
|
+
export const widthSizes = {
|
|
2
|
+
1: "w-1/100",
|
|
3
|
+
2: "w-2/100",
|
|
4
|
+
3: "w-3/100",
|
|
5
|
+
4: "w-4/100",
|
|
6
|
+
5: "w-5/100",
|
|
7
|
+
6: "w-6/100",
|
|
8
|
+
7: "w-7/100",
|
|
9
|
+
8: "w-8/100",
|
|
10
|
+
9: "w-9/100",
|
|
11
|
+
10: "w-10/100",
|
|
12
|
+
11: "w-11/100",
|
|
13
|
+
12: "w-12/100",
|
|
14
|
+
13: "w-13/100",
|
|
15
|
+
14: "w-14/100",
|
|
16
|
+
15: "w-15/100",
|
|
17
|
+
16: "w-16/100",
|
|
18
|
+
17: "w-17/100",
|
|
19
|
+
18: "w-18/100",
|
|
20
|
+
19: "w-19/100",
|
|
21
|
+
20: "w-20/100",
|
|
22
|
+
21: "w-21/100",
|
|
23
|
+
22: "w-22/100",
|
|
24
|
+
23: "w-23/100",
|
|
25
|
+
24: "w-24/100",
|
|
26
|
+
25: "w-25/100",
|
|
27
|
+
26: "w-26/100",
|
|
28
|
+
27: "w-27/100",
|
|
29
|
+
28: "w-28/100",
|
|
30
|
+
29: "w-29/100",
|
|
31
|
+
30: "w-30/100",
|
|
32
|
+
31: "w-31/100",
|
|
33
|
+
32: "w-32/100",
|
|
34
|
+
33: "w-33/100",
|
|
35
|
+
34: "w-34/100",
|
|
36
|
+
35: "w-35/100",
|
|
37
|
+
36: "w-36/100",
|
|
38
|
+
37: "w-37/100",
|
|
39
|
+
38: "w-38/100",
|
|
40
|
+
39: "w-39/100",
|
|
41
|
+
40: "w-40/100",
|
|
42
|
+
41: "w-41/100",
|
|
43
|
+
42: "w-42/100",
|
|
44
|
+
43: "w-43/100",
|
|
45
|
+
44: "w-44/100",
|
|
46
|
+
45: "w-45/100",
|
|
47
|
+
46: "w-46/100",
|
|
48
|
+
47: "w-47/100",
|
|
49
|
+
48: "w-48/100",
|
|
50
|
+
49: "w-49/100",
|
|
51
|
+
50: "w-50/100",
|
|
52
|
+
51: "w-51/100",
|
|
53
|
+
52: "w-52/100",
|
|
54
|
+
53: "w-53/100",
|
|
55
|
+
54: "w-54/100",
|
|
56
|
+
55: "w-55/100",
|
|
57
|
+
56: "w-56/100",
|
|
58
|
+
57: "w-57/100",
|
|
59
|
+
58: "w-58/100",
|
|
60
|
+
59: "w-59/100",
|
|
61
|
+
60: "w-60/100",
|
|
62
|
+
61: "w-61/100",
|
|
63
|
+
62: "w-62/100",
|
|
64
|
+
63: "w-63/100",
|
|
65
|
+
64: "w-64/100",
|
|
66
|
+
65: "w-65/100",
|
|
67
|
+
66: "w-66/100",
|
|
68
|
+
67: "w-67/100",
|
|
69
|
+
68: "w-68/100",
|
|
70
|
+
69: "w-69/100",
|
|
71
|
+
70: "w-70/100",
|
|
72
|
+
71: "w-71/100",
|
|
73
|
+
72: "w-72/100",
|
|
74
|
+
73: "w-73/100",
|
|
75
|
+
74: "w-74/100",
|
|
76
|
+
75: "w-75/100",
|
|
77
|
+
76: "w-76/100",
|
|
78
|
+
77: "w-77/100",
|
|
79
|
+
78: "w-78/100",
|
|
80
|
+
79: "w-79/100",
|
|
81
|
+
80: "w-80/100",
|
|
82
|
+
81: "w-81/100",
|
|
83
|
+
82: "w-82/100",
|
|
84
|
+
83: "w-83/100",
|
|
85
|
+
84: "w-84/100",
|
|
86
|
+
85: "w-85/100",
|
|
87
|
+
86: "w-86/100",
|
|
88
|
+
87: "w-87/100",
|
|
89
|
+
88: "w-88/100",
|
|
90
|
+
89: "w-89/100",
|
|
91
|
+
90: "w-90/100",
|
|
92
|
+
91: "w-91/100",
|
|
93
|
+
92: "w-92/100",
|
|
94
|
+
93: "w-93/100",
|
|
95
|
+
94: "w-94/100",
|
|
96
|
+
95: "w-95/100",
|
|
97
|
+
96: "w-96/100",
|
|
98
|
+
97: "w-97/100",
|
|
99
|
+
98: "w-98/100",
|
|
100
|
+
99: "w-99/100",
|
|
101
|
+
100: "w-full",
|
|
102
|
+
"1%": "w-1/100",
|
|
103
|
+
"2%": "w-2/100",
|
|
104
|
+
"3%": "w-3/100",
|
|
105
|
+
"4%": "w-4/100",
|
|
106
|
+
"5%": "w-5/100",
|
|
107
|
+
"6%": "w-6/100",
|
|
108
|
+
"7%": "w-7/100",
|
|
109
|
+
"8%": "w-8/100",
|
|
110
|
+
"9%": "w-9/100",
|
|
111
|
+
"10%": "w-10/100",
|
|
112
|
+
"11%": "w-11/100",
|
|
113
|
+
"12%": "w-12/100",
|
|
114
|
+
"13%": "w-13/100",
|
|
115
|
+
"14%": "w-14/100",
|
|
116
|
+
"15%": "w-15/100",
|
|
117
|
+
"16%": "w-16/100",
|
|
118
|
+
"17%": "w-17/100",
|
|
119
|
+
"18%": "w-18/100",
|
|
120
|
+
"19%": "w-19/100",
|
|
121
|
+
"20%": "w-20/100",
|
|
122
|
+
"21%": "w-21/100",
|
|
123
|
+
"22%": "w-22/100",
|
|
124
|
+
"23%": "w-23/100",
|
|
125
|
+
"24%": "w-24/100",
|
|
126
|
+
"25%": "w-25/100",
|
|
127
|
+
"26%": "w-26/100",
|
|
128
|
+
"27%": "w-27/100",
|
|
129
|
+
"28%": "w-28/100",
|
|
130
|
+
"29%": "w-29/100",
|
|
131
|
+
"30%": "w-30/100",
|
|
132
|
+
"31%": "w-31/100",
|
|
133
|
+
"32%": "w-32/100",
|
|
134
|
+
"33%": "w-33/100",
|
|
135
|
+
"34%": "w-34/100",
|
|
136
|
+
"35%": "w-35/100",
|
|
137
|
+
"36%": "w-36/100",
|
|
138
|
+
"37%": "w-37/100",
|
|
139
|
+
"38%": "w-38/100",
|
|
140
|
+
"39%": "w-39/100",
|
|
141
|
+
"40%": "w-40/100",
|
|
142
|
+
"41%": "w-41/100",
|
|
143
|
+
"42%": "w-42/100",
|
|
144
|
+
"43%": "w-43/100",
|
|
145
|
+
"44%": "w-44/100",
|
|
146
|
+
"45%": "w-45/100",
|
|
147
|
+
"46%": "w-46/100",
|
|
148
|
+
"47%": "w-47/100",
|
|
149
|
+
"48%": "w-48/100",
|
|
150
|
+
"49%": "w-49/100",
|
|
151
|
+
"50%": "w-50/100",
|
|
152
|
+
"51%": "w-51/100",
|
|
153
|
+
"52%": "w-52/100",
|
|
154
|
+
"53%": "w-53/100",
|
|
155
|
+
"54%": "w-54/100",
|
|
156
|
+
"55%": "w-55/100",
|
|
157
|
+
"56%": "w-56/100",
|
|
158
|
+
"57%": "w-57/100",
|
|
159
|
+
"58%": "w-58/100",
|
|
160
|
+
"59%": "w-59/100",
|
|
161
|
+
"60%": "w-60/100",
|
|
162
|
+
"61%": "w-61/100",
|
|
163
|
+
"62%": "w-62/100",
|
|
164
|
+
"63%": "w-63/100",
|
|
165
|
+
"64%": "w-64/100",
|
|
166
|
+
"65%": "w-65/100",
|
|
167
|
+
"66%": "w-66/100",
|
|
168
|
+
"67%": "w-67/100",
|
|
169
|
+
"68%": "w-68/100",
|
|
170
|
+
"69%": "w-69/100",
|
|
171
|
+
"70%": "w-70/100",
|
|
172
|
+
"71%": "w-71/100",
|
|
173
|
+
"72%": "w-72/100",
|
|
174
|
+
"73%": "w-73/100",
|
|
175
|
+
"74%": "w-74/100",
|
|
176
|
+
"75%": "w-75/100",
|
|
177
|
+
"76%": "w-76/100",
|
|
178
|
+
"77%": "w-77/100",
|
|
179
|
+
"78%": "w-78/100",
|
|
180
|
+
"79%": "w-79/100",
|
|
181
|
+
"80%": "w-80/100",
|
|
182
|
+
"81%": "w-81/100",
|
|
183
|
+
"82%": "w-82/100",
|
|
184
|
+
"83%": "w-83/100",
|
|
185
|
+
"84%": "w-84/100",
|
|
186
|
+
"85%": "w-85/100",
|
|
187
|
+
"86%": "w-86/100",
|
|
188
|
+
"87%": "w-87/100",
|
|
189
|
+
"88%": "w-88/100",
|
|
190
|
+
"89%": "w-89/100",
|
|
191
|
+
"90%": "w-90/100",
|
|
192
|
+
"91%": "w-91/100",
|
|
193
|
+
"92%": "w-92/100",
|
|
194
|
+
"93%": "w-93/100",
|
|
195
|
+
"94%": "w-94/100",
|
|
196
|
+
"95%": "w-95/100",
|
|
197
|
+
"96%": "w-96/100",
|
|
198
|
+
"97%": "w-97/100",
|
|
199
|
+
"98%": "w-98/100",
|
|
200
|
+
"99%": "w-99/100",
|
|
201
|
+
"100%": "w-full",
|
|
202
|
+
} as Record<number | string, string>;
|
package/asset/svg/Close.tsx
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { OnClick } from "../../interface";
|
|
2
|
-
import { cn } from "../../util";
|
|
3
|
-
|
|
4
|
-
export default function Close({
|
|
5
|
-
onClick,
|
|
6
|
-
className,
|
|
7
|
-
}: {
|
|
8
|
-
onClick?: OnClick;
|
|
9
|
-
className?: string;
|
|
10
|
-
}) {
|
|
11
|
-
const container = {
|
|
12
|
-
styles: onClick ? "cursor-pointer" : "",
|
|
13
|
-
className,
|
|
14
|
-
};
|
|
15
|
-
return (
|
|
16
|
-
<svg
|
|
17
|
-
onClick={onClick}
|
|
18
|
-
className={cn(container)}
|
|
19
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
-
width="36"
|
|
21
|
-
height="36"
|
|
22
|
-
viewBox="0 0 36 36"
|
|
23
|
-
fill="none"
|
|
24
|
-
>
|
|
25
|
-
<circle cx="18" cy="18" r="18" fill="#F0F0F0" />
|
|
26
|
-
<path
|
|
27
|
-
d="M19.7797 17.6997L23.8497 13.6397C24.4797 13.0997 24.5597 12.1597 24.0197 11.5297C23.4797 10.8997 22.5397 10.8197 21.9097 11.3597C21.8497 11.4097 21.7997 11.4597 21.7497 11.5197L17.6697 15.5797L13.5997 11.5097C13.0297 10.9097 12.0797 10.8697 11.4797 11.4397C10.8697 11.9997 10.8397 12.9497 11.3997 13.5597C11.4197 13.5897 11.4497 13.6097 11.4697 13.6297L15.5297 17.6997L11.4697 21.7597C10.8897 22.3497 10.8897 23.2897 11.4697 23.8797C12.0597 24.4697 13.0097 24.4697 13.5997 23.8797L17.6597 19.8197L21.7197 23.8897C21.9997 24.1797 22.3797 24.3397 22.7797 24.3297C23.6097 24.3297 24.2797 23.6597 24.2797 22.8297C24.2797 22.4297 24.1197 22.0497 23.8397 21.7697L19.7797 17.6997Z"
|
|
28
|
-
fill="#7F7F7F"
|
|
29
|
-
/>
|
|
30
|
-
</svg>
|
|
31
|
-
);
|
|
32
|
-
}
|
|
1
|
+
import { OnClick } from "../../interface";
|
|
2
|
+
import { cn } from "../../util";
|
|
3
|
+
|
|
4
|
+
export default function Close({
|
|
5
|
+
onClick,
|
|
6
|
+
className,
|
|
7
|
+
}: {
|
|
8
|
+
onClick?: OnClick;
|
|
9
|
+
className?: string;
|
|
10
|
+
}) {
|
|
11
|
+
const container = {
|
|
12
|
+
styles: onClick ? "cursor-pointer" : "",
|
|
13
|
+
className,
|
|
14
|
+
};
|
|
15
|
+
return (
|
|
16
|
+
<svg
|
|
17
|
+
onClick={onClick}
|
|
18
|
+
className={cn(container)}
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
width="36"
|
|
21
|
+
height="36"
|
|
22
|
+
viewBox="0 0 36 36"
|
|
23
|
+
fill="none"
|
|
24
|
+
>
|
|
25
|
+
<circle cx="18" cy="18" r="18" fill="#F0F0F0" />
|
|
26
|
+
<path
|
|
27
|
+
d="M19.7797 17.6997L23.8497 13.6397C24.4797 13.0997 24.5597 12.1597 24.0197 11.5297C23.4797 10.8997 22.5397 10.8197 21.9097 11.3597C21.8497 11.4097 21.7997 11.4597 21.7497 11.5197L17.6697 15.5797L13.5997 11.5097C13.0297 10.9097 12.0797 10.8697 11.4797 11.4397C10.8697 11.9997 10.8397 12.9497 11.3997 13.5597C11.4197 13.5897 11.4497 13.6097 11.4697 13.6297L15.5297 17.6997L11.4697 21.7597C10.8897 22.3497 10.8897 23.2897 11.4697 23.8797C12.0597 24.4697 13.0097 24.4697 13.5997 23.8797L17.6597 19.8197L21.7197 23.8897C21.9997 24.1797 22.3797 24.3397 22.7797 24.3297C23.6097 24.3297 24.2797 23.6597 24.2797 22.8297C24.2797 22.4297 24.1197 22.0497 23.8397 21.7697L19.7797 17.6997Z"
|
|
28
|
+
fill="#7F7F7F"
|
|
29
|
+
/>
|
|
30
|
+
</svg>
|
|
31
|
+
);
|
|
32
|
+
}
|
package/asset/svg/Direction.tsx
CHANGED
|
@@ -1,76 +1,76 @@
|
|
|
1
|
-
import { useId } from "react";
|
|
2
|
-
interface Direction {
|
|
3
|
-
className?: string;
|
|
4
|
-
}
|
|
5
|
-
function Right({ className }: Direction) {
|
|
6
|
-
return (
|
|
7
|
-
<svg
|
|
8
|
-
className={className}
|
|
9
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
-
width="24"
|
|
11
|
-
height="24"
|
|
12
|
-
viewBox="0 0 24 24"
|
|
13
|
-
fill="none"
|
|
14
|
-
>
|
|
15
|
-
<path
|
|
16
|
-
d="M21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12Z"
|
|
17
|
-
fill="#105652"
|
|
18
|
-
stroke="#105652"
|
|
19
|
-
strokeWidth="1.5"
|
|
20
|
-
strokeLinecap="round"
|
|
21
|
-
strokeLinejoin="round"
|
|
22
|
-
/>
|
|
23
|
-
<path
|
|
24
|
-
d="M12.75 15L15.75 12M15.75 12L12.75 9M15.75 12H8.25"
|
|
25
|
-
stroke="white"
|
|
26
|
-
strokeWidth="1.5"
|
|
27
|
-
strokeLinecap="round"
|
|
28
|
-
strokeLinejoin="round"
|
|
29
|
-
/>
|
|
30
|
-
</svg>
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
function Asc() {
|
|
35
|
-
const id = useId();
|
|
36
|
-
return (
|
|
37
|
-
<svg
|
|
38
|
-
key={id}
|
|
39
|
-
width="24"
|
|
40
|
-
height="24"
|
|
41
|
-
viewBox="0 0 24 24"
|
|
42
|
-
fill="none"
|
|
43
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
44
|
-
>
|
|
45
|
-
<path
|
|
46
|
-
d="M7.15859 15.0437C6.7079 15.9134 7.27152 17 8.17239 17H15.8279C16.7282 17 17.2919 15.9134 16.8417 15.0437L13.0145 7.65229C12.5638 6.78257 11.4365 6.78257 10.9858 7.65229L7.15859 15.0437Z"
|
|
47
|
-
fill="#105652"
|
|
48
|
-
/>
|
|
49
|
-
</svg>
|
|
50
|
-
);
|
|
51
|
-
}
|
|
52
|
-
function Desc() {
|
|
53
|
-
const id = useId();
|
|
54
|
-
return (
|
|
55
|
-
<svg
|
|
56
|
-
key={id}
|
|
57
|
-
width="24"
|
|
58
|
-
height="24"
|
|
59
|
-
viewBox="0 0 24 24"
|
|
60
|
-
fill="none"
|
|
61
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
62
|
-
>
|
|
63
|
-
<path
|
|
64
|
-
d="M16.8414 8.95628C17.2921 8.08657 16.7285 7 15.8276 7L8.1721 7C7.27176 7 6.70813 8.08657 7.15831 8.95628L10.9855 16.3477C11.4362 17.2174 12.5635 17.2174 13.0142 16.3477L16.8414 8.95628Z"
|
|
65
|
-
fill="#105652"
|
|
66
|
-
/>
|
|
67
|
-
</svg>
|
|
68
|
-
);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
const Direction = {
|
|
72
|
-
Right,
|
|
73
|
-
Asc,
|
|
74
|
-
Desc,
|
|
75
|
-
};
|
|
76
|
-
export default Direction;
|
|
1
|
+
import { useId } from "react";
|
|
2
|
+
interface Direction {
|
|
3
|
+
className?: string;
|
|
4
|
+
}
|
|
5
|
+
function Right({ className }: Direction) {
|
|
6
|
+
return (
|
|
7
|
+
<svg
|
|
8
|
+
className={className}
|
|
9
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
width="24"
|
|
11
|
+
height="24"
|
|
12
|
+
viewBox="0 0 24 24"
|
|
13
|
+
fill="none"
|
|
14
|
+
>
|
|
15
|
+
<path
|
|
16
|
+
d="M21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12Z"
|
|
17
|
+
fill="#105652"
|
|
18
|
+
stroke="#105652"
|
|
19
|
+
strokeWidth="1.5"
|
|
20
|
+
strokeLinecap="round"
|
|
21
|
+
strokeLinejoin="round"
|
|
22
|
+
/>
|
|
23
|
+
<path
|
|
24
|
+
d="M12.75 15L15.75 12M15.75 12L12.75 9M15.75 12H8.25"
|
|
25
|
+
stroke="white"
|
|
26
|
+
strokeWidth="1.5"
|
|
27
|
+
strokeLinecap="round"
|
|
28
|
+
strokeLinejoin="round"
|
|
29
|
+
/>
|
|
30
|
+
</svg>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function Asc() {
|
|
35
|
+
const id = useId();
|
|
36
|
+
return (
|
|
37
|
+
<svg
|
|
38
|
+
key={id}
|
|
39
|
+
width="24"
|
|
40
|
+
height="24"
|
|
41
|
+
viewBox="0 0 24 24"
|
|
42
|
+
fill="none"
|
|
43
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
44
|
+
>
|
|
45
|
+
<path
|
|
46
|
+
d="M7.15859 15.0437C6.7079 15.9134 7.27152 17 8.17239 17H15.8279C16.7282 17 17.2919 15.9134 16.8417 15.0437L13.0145 7.65229C12.5638 6.78257 11.4365 6.78257 10.9858 7.65229L7.15859 15.0437Z"
|
|
47
|
+
fill="#105652"
|
|
48
|
+
/>
|
|
49
|
+
</svg>
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
function Desc() {
|
|
53
|
+
const id = useId();
|
|
54
|
+
return (
|
|
55
|
+
<svg
|
|
56
|
+
key={id}
|
|
57
|
+
width="24"
|
|
58
|
+
height="24"
|
|
59
|
+
viewBox="0 0 24 24"
|
|
60
|
+
fill="none"
|
|
61
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
62
|
+
>
|
|
63
|
+
<path
|
|
64
|
+
d="M16.8414 8.95628C17.2921 8.08657 16.7285 7 15.8276 7L8.1721 7C7.27176 7 6.70813 8.08657 7.15831 8.95628L10.9855 16.3477C11.4362 17.2174 12.5635 17.2174 13.0142 16.3477L16.8414 8.95628Z"
|
|
65
|
+
fill="#105652"
|
|
66
|
+
/>
|
|
67
|
+
</svg>
|
|
68
|
+
);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
const Direction = {
|
|
72
|
+
Right,
|
|
73
|
+
Asc,
|
|
74
|
+
Desc,
|
|
75
|
+
};
|
|
76
|
+
export default Direction;
|
package/asset/svg/Email.tsx
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export default function Email() {
|
|
2
|
-
return (
|
|
3
|
-
<svg
|
|
4
|
-
className="mr-3"
|
|
5
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
6
|
-
width="25"
|
|
7
|
-
height="25"
|
|
8
|
-
viewBox="0 0 25 25"
|
|
9
|
-
fill="none"
|
|
10
|
-
>
|
|
11
|
-
<path
|
|
12
|
-
d="M22.6562 9.37501V10.3188C22.6563 10.7419 22.5417 11.1572 22.3248 11.5205C22.1078 11.8838 21.7965 12.1816 21.424 12.3823L14.676 16.0156M2.34375 9.37501V10.3188C2.34373 10.7419 2.45828 11.1572 2.67525 11.5205C2.89221 11.8838 3.20348 12.1816 3.57604 12.3823L10.324 16.0156M10.324 16.0156L11.3885 15.4427C11.7301 15.2587 12.112 15.1624 12.5 15.1624C12.888 15.1624 13.2699 15.2587 13.6115 15.4427L14.6771 16.0156L19.5312 18.6302M10.324 16.0156L5.46875 18.6302M22.6562 20.3125C22.6562 20.9341 22.4093 21.5303 21.9698 21.9698C21.5302 22.4093 20.9341 22.6563 20.3125 22.6563H4.6875C4.0659 22.6563 3.46976 22.4093 3.03022 21.9698C2.59068 21.5303 2.34375 20.9341 2.34375 20.3125V9.21251C2.34373 8.78934 2.45828 8.37407 2.67525 8.01075C2.89221 7.64744 3.20348 7.34964 3.57604 7.14897L11.3885 2.94168C11.7301 2.75769 12.112 2.66138 12.5 2.66138C12.888 2.66138 13.2699 2.75769 13.6115 2.94168L21.424 7.14897C21.7964 7.34956 22.1075 7.64719 22.3245 8.01031C22.5414 8.37342 22.6561 8.78848 22.6562 9.21147V20.3125Z"
|
|
13
|
-
stroke="#105652"
|
|
14
|
-
strokeWidth="1.5"
|
|
15
|
-
strokeLinecap="round"
|
|
16
|
-
strokeLinejoin="round"
|
|
17
|
-
/>
|
|
18
|
-
</svg>
|
|
19
|
-
);
|
|
20
|
-
}
|
|
1
|
+
export default function Email() {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
className="mr-3"
|
|
5
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
6
|
+
width="25"
|
|
7
|
+
height="25"
|
|
8
|
+
viewBox="0 0 25 25"
|
|
9
|
+
fill="none"
|
|
10
|
+
>
|
|
11
|
+
<path
|
|
12
|
+
d="M22.6562 9.37501V10.3188C22.6563 10.7419 22.5417 11.1572 22.3248 11.5205C22.1078 11.8838 21.7965 12.1816 21.424 12.3823L14.676 16.0156M2.34375 9.37501V10.3188C2.34373 10.7419 2.45828 11.1572 2.67525 11.5205C2.89221 11.8838 3.20348 12.1816 3.57604 12.3823L10.324 16.0156M10.324 16.0156L11.3885 15.4427C11.7301 15.2587 12.112 15.1624 12.5 15.1624C12.888 15.1624 13.2699 15.2587 13.6115 15.4427L14.6771 16.0156L19.5312 18.6302M10.324 16.0156L5.46875 18.6302M22.6562 20.3125C22.6562 20.9341 22.4093 21.5303 21.9698 21.9698C21.5302 22.4093 20.9341 22.6563 20.3125 22.6563H4.6875C4.0659 22.6563 3.46976 22.4093 3.03022 21.9698C2.59068 21.5303 2.34375 20.9341 2.34375 20.3125V9.21251C2.34373 8.78934 2.45828 8.37407 2.67525 8.01075C2.89221 7.64744 3.20348 7.34964 3.57604 7.14897L11.3885 2.94168C11.7301 2.75769 12.112 2.66138 12.5 2.66138C12.888 2.66138 13.2699 2.75769 13.6115 2.94168L21.424 7.14897C21.7964 7.34956 22.1075 7.64719 22.3245 8.01031C22.5414 8.37342 22.6561 8.78848 22.6562 9.21147V20.3125Z"
|
|
13
|
+
stroke="#105652"
|
|
14
|
+
strokeWidth="1.5"
|
|
15
|
+
strokeLinecap="round"
|
|
16
|
+
strokeLinejoin="round"
|
|
17
|
+
/>
|
|
18
|
+
</svg>
|
|
19
|
+
);
|
|
20
|
+
}
|