@secondstaxorg/sscomp 1.1.9 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +512 -512
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +544 -542
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +471 -471
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,440 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var styled = require('styled-components');
|
|
4
4
|
|
|
5
|
-
const theme = {
|
|
6
|
-
colors: {
|
|
7
|
-
'white':'#FFFFFF',
|
|
8
|
-
'black':'#000000',
|
|
9
|
-
'black-100':'#09101D',
|
|
10
|
-
|
|
11
|
-
//neutral
|
|
12
|
-
'neutral-50':'#F7F9FC',
|
|
13
|
-
'neutral-100':'#E8EEF7',
|
|
14
|
-
'neutral-200':'#D2DDEE',
|
|
15
|
-
'neutral-300':'#BBCCE6',
|
|
16
|
-
'neutral-400':'#A4BBDD',
|
|
17
|
-
'neutral-500':'#365B91',
|
|
18
|
-
'neutral-600':'#29446D',
|
|
19
|
-
'neutral-700':'#1B2D49',
|
|
20
|
-
'neutral-800':'#0E1724',
|
|
21
|
-
'neutral-900':'#070B12',
|
|
22
|
-
|
|
23
|
-
//primary
|
|
24
|
-
'primary-50':'#F5F5FE',
|
|
25
|
-
'primary-100':'#E2E2FD',
|
|
26
|
-
'primary-200':'#C6C6FB',
|
|
27
|
-
'primary-300':'#A9A9F9',
|
|
28
|
-
'primary-400':'#8C8CF7',
|
|
29
|
-
'primary-500':'#4040F2',
|
|
30
|
-
'primary-600':'#0F0FD7',
|
|
31
|
-
'primary-700':'#0A0A8F',
|
|
32
|
-
'primary-800':'#050548',
|
|
33
|
-
'primary-900':'#020224',
|
|
34
|
-
|
|
35
|
-
//success
|
|
36
|
-
'success-50':'#F0FFF7',
|
|
37
|
-
'success-100':'#D1FEE8',
|
|
38
|
-
'success-200':'#A3FCD1',
|
|
39
|
-
'success-300':'#74FBBA',
|
|
40
|
-
'success-400':'#46F9A3',
|
|
41
|
-
'success-500':'#06BA63',
|
|
42
|
-
'success-600':'#058B4A',
|
|
43
|
-
'success-700':'#035D32',
|
|
44
|
-
'success-800':'#022F19',
|
|
45
|
-
'success-900':'#01170C',
|
|
46
|
-
|
|
47
|
-
//warning
|
|
48
|
-
'warning-50':'#FFFAF2',
|
|
49
|
-
'warning-100':'#FFEFD8',
|
|
50
|
-
'warning-200':'#FFE0B0',
|
|
51
|
-
'warning-300':'#FFD089',
|
|
52
|
-
'warning-400':'#FFC062',
|
|
53
|
-
'warning-500':'#F89500',
|
|
54
|
-
'warning-600':'#BA7000',
|
|
55
|
-
'warning-700':'#7C4A00',
|
|
56
|
-
'warning-800':'#3E2500',
|
|
57
|
-
'warning-900':'#1F1300',
|
|
58
|
-
|
|
59
|
-
//error
|
|
60
|
-
'error-50':'#FFF2F2',
|
|
61
|
-
'error-100':'#FFD8D8',
|
|
62
|
-
'error-200':'#FFB0B0',
|
|
63
|
-
'error-300':'#FF8989',
|
|
64
|
-
'error-400':'#FF6262',
|
|
65
|
-
'error-500':'#F80000',
|
|
66
|
-
'error-600':'#BA0000',
|
|
67
|
-
'error-700':'#7C0000',
|
|
68
|
-
'error-800':'#3E0000',
|
|
69
|
-
'error-900':'#1F0000',
|
|
70
|
-
},
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
const ButtonComp = styled.button`
|
|
74
|
-
background: none;
|
|
75
|
-
color:${theme.colors["neutral-900"]};
|
|
76
|
-
border-radius: 8px;
|
|
77
|
-
border: none;
|
|
78
|
-
width: 100%;
|
|
79
|
-
cursor: pointer;
|
|
80
|
-
display: flex;
|
|
81
|
-
justify-content: center;
|
|
82
|
-
align-items: center;
|
|
83
|
-
gap: 10px;
|
|
84
|
-
text-transform: capitalize;
|
|
85
|
-
&:disabled{
|
|
86
|
-
cursor: not-allowed;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
//sizes
|
|
90
|
-
&.sm{
|
|
91
|
-
padding: 8px 16px;
|
|
92
|
-
font-size: 14px;
|
|
93
|
-
height: 33px;
|
|
94
|
-
line-height: 17px;
|
|
95
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
96
|
-
font-weight: 500;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
&.md{
|
|
100
|
-
padding: 12px 18px;
|
|
101
|
-
font-size: 16px;
|
|
102
|
-
height: 43px;
|
|
103
|
-
line-height: 19px;
|
|
104
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
105
|
-
font-weight: 500;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
&.lg{
|
|
109
|
-
padding: 14px 20px;
|
|
110
|
-
font-size: 18px;
|
|
111
|
-
height: 50px;
|
|
112
|
-
line-height: 21.6px;
|
|
113
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
114
|
-
font-weight: 500;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
//colors
|
|
118
|
-
&.primary{
|
|
119
|
-
background: ${theme.colors["primary-500"]};
|
|
120
|
-
color: ${theme.colors.white};
|
|
121
|
-
}
|
|
122
|
-
&.primary:hover{
|
|
123
|
-
background: ${theme.colors["primary-400"]};
|
|
124
|
-
}
|
|
125
|
-
&.primary:active{
|
|
126
|
-
background: ${theme.colors["primary-600"]};
|
|
127
|
-
}
|
|
128
|
-
&.primary:focus,.primary:focus-within{
|
|
129
|
-
outline: 2px solid ${theme.colors["primary-200"]};
|
|
130
|
-
}
|
|
131
|
-
&.primary:disabled{
|
|
132
|
-
background: ${theme.colors["neutral-100"]};
|
|
133
|
-
cursor: not-allowed;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
&.error{
|
|
137
|
-
background: ${theme.colors["error-500"]};
|
|
138
|
-
color: ${theme.colors.white};
|
|
139
|
-
}
|
|
140
|
-
&.error:hover{
|
|
141
|
-
background: ${theme.colors["error-400"]};
|
|
142
|
-
}
|
|
143
|
-
&.error:active{
|
|
144
|
-
background: ${theme.colors["error-600"]};
|
|
145
|
-
}
|
|
146
|
-
&.error:focus,.error:focus-within{
|
|
147
|
-
outline: 2px solid ${theme.colors["error-200"]};
|
|
148
|
-
}
|
|
149
|
-
&.error:disabled{
|
|
150
|
-
background: ${theme.colors["error-100"]};
|
|
151
|
-
cursor: not-allowed;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
&.success{
|
|
155
|
-
background: ${theme.colors["success-500"]};
|
|
156
|
-
color: ${theme.colors.white};
|
|
157
|
-
}
|
|
158
|
-
&.success:hover{
|
|
159
|
-
background: ${theme.colors["success-400"]};
|
|
160
|
-
}
|
|
161
|
-
&.success:active{
|
|
162
|
-
background: ${theme.colors["success-600"]};
|
|
163
|
-
}
|
|
164
|
-
&.success:focus,.success:focus-within{
|
|
165
|
-
outline: 2px solid ${theme.colors["success-200"]};
|
|
166
|
-
}
|
|
167
|
-
&.success:disabled{
|
|
168
|
-
background: ${theme.colors["success-100"]};
|
|
169
|
-
cursor: not-allowed;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
&.warning{
|
|
173
|
-
background: ${theme.colors["warning-500"]};
|
|
174
|
-
color: ${theme.colors.white};
|
|
175
|
-
}
|
|
176
|
-
&.warning:hover{
|
|
177
|
-
background: ${theme.colors["warning-400"]};
|
|
178
|
-
}
|
|
179
|
-
&.warning:active{
|
|
180
|
-
background: ${theme.colors["warning-600"]};
|
|
181
|
-
}
|
|
182
|
-
&.warning:focus,.warning:focus-within{
|
|
183
|
-
outline: 2px solid ${theme.colors["warning-200"]};
|
|
184
|
-
}
|
|
185
|
-
&.warning:disabled{
|
|
186
|
-
background: ${theme.colors["warning-100"]};
|
|
187
|
-
cursor: not-allowed;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
//outline colors
|
|
191
|
-
&.outline-primary{
|
|
192
|
-
outline: 1px solid ${theme.colors["primary-500"]};
|
|
193
|
-
color: ${theme.colors["primary-500"]};
|
|
194
|
-
background: none;
|
|
195
|
-
}
|
|
196
|
-
`;
|
|
197
|
-
|
|
198
|
-
const _jsxFileName$Z = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Button\\Button.tsx";
|
|
199
|
-
|
|
200
|
-
const Button$1 = (props) => {
|
|
201
|
-
const {variant, size, disabled,children} = props;
|
|
202
|
-
return React.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 6}}, children)
|
|
203
|
-
};
|
|
204
|
-
|
|
205
|
-
const Container$b = styled.div`
|
|
206
|
-
display: flex;
|
|
207
|
-
flex-direction: column;
|
|
208
|
-
justify-content: center;
|
|
209
|
-
align-items: center;
|
|
210
|
-
gap: 8px;
|
|
211
|
-
width: 308px;
|
|
212
|
-
.mb8{
|
|
213
|
-
margin-bottom: 8px;
|
|
214
|
-
}
|
|
215
|
-
svg{
|
|
216
|
-
animation:rtte 0.4s ease-out;
|
|
217
|
-
-webkit-animation:rtte 0.4s ease-out;
|
|
218
|
-
@keyframes rtte {
|
|
219
|
-
from{
|
|
220
|
-
-ms-transform: rotate(-45deg);
|
|
221
|
-
transform: rotate(-45deg);
|
|
222
|
-
-webkit-transform: rotate(-45deg);
|
|
223
|
-
}
|
|
224
|
-
to{
|
|
225
|
-
-ms-transform: rotate(0deg);
|
|
226
|
-
transform: rotate(0deg);
|
|
227
|
-
-webkit-transform: rotate(0deg);
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
.svg-checkmark{
|
|
233
|
-
animation:cm 0.3s ease-out;
|
|
234
|
-
}
|
|
235
|
-
@keyframes cm {
|
|
236
|
-
from{
|
|
237
|
-
-webkit-transform: scale(0.5);
|
|
238
|
-
-ms-transform: scale(0.5);
|
|
239
|
-
transform: scale(0.5);
|
|
240
|
-
}
|
|
241
|
-
to{
|
|
242
|
-
-webkit-transform: scale(1);
|
|
243
|
-
-ms-transform: scale(1);
|
|
244
|
-
transform: scale(1);
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
`;
|
|
248
|
-
|
|
249
|
-
const TextArea$5 = styled.div`
|
|
250
|
-
color: ${theme.colors["neutral-900"]};
|
|
251
|
-
text-align: center;
|
|
252
|
-
.heading-text{
|
|
253
|
-
font-size: 19px;
|
|
254
|
-
font-weight: 500;
|
|
255
|
-
margin: 0;
|
|
256
|
-
font-family: Circular Book Medium, sans-serif;
|
|
257
|
-
-webkit-animation:brr 0.6s ease-out;
|
|
258
|
-
animation:brr 0.6s ease-out;
|
|
259
|
-
}
|
|
260
|
-
.sub-text{
|
|
261
|
-
font-size: 16px;
|
|
262
|
-
margin: 0;
|
|
263
|
-
-webkit-animation:brr 0.6s ease-out;
|
|
264
|
-
animation:brr 0.6s ease-out;
|
|
265
|
-
}
|
|
266
|
-
@keyframes brr {
|
|
267
|
-
from{
|
|
268
|
-
-webkit-transform: translateY(10px);
|
|
269
|
-
-ms-transform: translateY(10px);
|
|
270
|
-
transform: translateY(10px);
|
|
271
|
-
opacity: 0;
|
|
272
|
-
}
|
|
273
|
-
to{
|
|
274
|
-
-webkit-transform: translateY(0);
|
|
275
|
-
-ms-transform: translateY(0);
|
|
276
|
-
transform: translateY(0);
|
|
277
|
-
opacity: 1;
|
|
278
|
-
}
|
|
279
|
-
}
|
|
280
|
-
`;
|
|
281
|
-
|
|
282
|
-
const _jsxFileName$Y = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionFailed\\ActionFailed.tsx";
|
|
283
|
-
|
|
284
|
-
const ActionFailed = (props) => {
|
|
285
|
-
const {subText,headingText} = props;
|
|
286
|
-
|
|
287
|
-
return (
|
|
288
|
-
React.createElement(Container$b, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 8}}
|
|
289
|
-
, React.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 9}}
|
|
290
|
-
, React.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 10}}
|
|
291
|
-
, React.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 11}}
|
|
292
|
-
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
293
|
-
d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" ,
|
|
294
|
-
fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 12}})
|
|
295
|
-
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
296
|
-
d: "M22.0992 24.9293L39.0697 41.8998C39.8504 42.6805 41.1181 42.6805 41.8987 41.8998C42.6794 41.1192 42.6794 39.8515 41.8987 39.0709L24.9282 22.1003C24.1475 21.3196 22.8798 21.3196 22.0992 22.1003C21.3185 22.8809 21.3185 24.1486 22.0992 24.9293Z" ,
|
|
297
|
-
fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 15}})
|
|
298
|
-
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
299
|
-
d: "M39.069 22.1006L22.0984 39.0712C21.3178 39.8519 21.3178 41.1195 22.0985 41.9002C22.8791 42.6808 24.1468 42.6808 24.9274 41.9002L41.898 24.9296C42.6786 24.149 42.6786 22.8813 41.898 22.1006C41.1174 21.32 39.8497 21.32 39.069 22.1006Z" ,
|
|
300
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 18}})
|
|
301
|
-
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
302
|
-
d: "M47.5567 47.5561C38.9713 56.1415 25.0299 56.1415 16.4445 47.5561C7.85911 38.9707 7.85912 25.0294 16.4445 16.444C25.0299 7.85855 38.9713 7.85853 47.5567 16.4439C54.3245 23.2118 55.7585 33.3076 51.8562 41.4848C51.3801 42.4819 51.8035 43.6758 52.7988 44.1518C53.795 44.627 54.9906 44.2035 55.4658 43.2074C60.0767 33.5443 58.3839 21.6132 50.3856 13.615C40.2389 3.46826 23.7622 3.46825 13.6155 13.6149C3.46882 23.7616 3.46883 40.2384 13.6155 50.3851C23.7622 60.5318 40.2389 60.5318 50.3856 50.3851C51.1663 49.6044 51.1663 48.3367 50.3856 47.5561C49.605 46.7754 48.3373 46.7754 47.5567 47.5561Z" ,
|
|
303
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 21}})
|
|
304
|
-
)
|
|
305
|
-
, React.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 25}}
|
|
306
|
-
, React.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 26}}
|
|
307
|
-
, React.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 27}})
|
|
308
|
-
)
|
|
309
|
-
)
|
|
310
|
-
)
|
|
311
|
-
)
|
|
312
|
-
, React.createElement(TextArea$5, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 32}}
|
|
313
|
-
, headingText &&
|
|
314
|
-
React.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 34}}, headingText)
|
|
315
|
-
|
|
316
|
-
, subText &&
|
|
317
|
-
React.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 37}}, subText)
|
|
318
|
-
|
|
319
|
-
)
|
|
320
|
-
)
|
|
321
|
-
)
|
|
322
|
-
};
|
|
323
|
-
|
|
324
|
-
const Container$a = styled.div`
|
|
325
|
-
display: flex;
|
|
326
|
-
flex-direction: column;
|
|
327
|
-
justify-content: center;
|
|
328
|
-
align-items: center;
|
|
329
|
-
gap: 8px;
|
|
330
|
-
width: 308px;
|
|
331
|
-
.mb8{
|
|
332
|
-
margin-bottom: 8px;
|
|
333
|
-
}
|
|
334
|
-
svg{
|
|
335
|
-
animation:rtte 0.4s ease-out;
|
|
336
|
-
-webkit-animation:rtte 0.4s ease-out;
|
|
337
|
-
@keyframes rtte {
|
|
338
|
-
from{
|
|
339
|
-
-ms-transform: rotate(-45deg);
|
|
340
|
-
transform: rotate(-45deg);
|
|
341
|
-
-webkit-transform: rotate(-45deg);
|
|
342
|
-
}
|
|
343
|
-
to{
|
|
344
|
-
-ms-transform: rotate(0deg);
|
|
345
|
-
transform: rotate(0deg);
|
|
346
|
-
-webkit-transform: rotate(0deg);
|
|
347
|
-
}
|
|
348
|
-
}
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
.svg-checkmark{
|
|
352
|
-
-webkit-animation:cm 0.3s ease-out;
|
|
353
|
-
animation:cm 0.3s ease-out;
|
|
354
|
-
}
|
|
355
|
-
@keyframes cm {
|
|
356
|
-
from{
|
|
357
|
-
-webkit-transform: scale(0.5);
|
|
358
|
-
-ms-transform: scale(0.5);
|
|
359
|
-
transform: scale(0.5);
|
|
360
|
-
}
|
|
361
|
-
to{
|
|
362
|
-
-webkit-transform: scale(1);
|
|
363
|
-
-ms-transform: scale(1);
|
|
364
|
-
transform: scale(1);
|
|
365
|
-
}
|
|
366
|
-
}
|
|
367
|
-
`;
|
|
368
|
-
|
|
369
|
-
const TextArea$4 = styled.div`
|
|
370
|
-
color: ${theme.colors["neutral-900"]};
|
|
371
|
-
text-align: center;
|
|
372
|
-
.heading-text{
|
|
373
|
-
font-size: 19px;
|
|
374
|
-
font-weight: 500;
|
|
375
|
-
margin: 0;
|
|
376
|
-
font-family: Circular Book Medium, sans-serif;
|
|
377
|
-
-webkit-animation:brr 0.6s ease-out;
|
|
378
|
-
animation:brr 0.6s ease-out;
|
|
379
|
-
}
|
|
380
|
-
.sub-text{
|
|
381
|
-
font-size: 16px;
|
|
382
|
-
margin: 0;
|
|
383
|
-
-webkit-animation:brr 0.6s ease-out;
|
|
384
|
-
animation:brr 0.6s ease-out;
|
|
385
|
-
}
|
|
386
|
-
@keyframes brr {
|
|
387
|
-
from{
|
|
388
|
-
-webkit-transform: translateY(10px);
|
|
389
|
-
-ms-transform: translateY(10px);
|
|
390
|
-
transform: translateY(10px);
|
|
391
|
-
opacity: 0;
|
|
392
|
-
}
|
|
393
|
-
to{
|
|
394
|
-
-webkit-transform: translateY(0);
|
|
395
|
-
-ms-transform: translateY(0);
|
|
396
|
-
transform: translateY(0);
|
|
397
|
-
opacity: 1;
|
|
398
|
-
}
|
|
399
|
-
}
|
|
400
|
-
`;
|
|
401
|
-
|
|
402
|
-
const _jsxFileName$X = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionSuccess\\ActionSuccess.tsx";
|
|
403
|
-
|
|
404
|
-
const ActionSuccess = (props) => {
|
|
405
|
-
const {subText,headingText} = props;
|
|
406
|
-
return (
|
|
407
|
-
React.createElement(Container$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 7}}
|
|
408
|
-
, React.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 8}}
|
|
409
|
-
, React.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "bug-report-svg-circle", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 9}}
|
|
410
|
-
, React.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 10}}
|
|
411
|
-
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" , fill: "#D1FEE8", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 11}})
|
|
412
|
-
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M47.5564 47.5561C38.971 56.1415 25.0297 56.1415 16.4443 47.5561C7.85886 38.9707 7.85888 25.0294 16.4443 16.444C25.0297 7.85854 38.971 7.85853 47.5564 16.4439C54.3243 23.2118 55.7583 33.3076 51.8559 41.4848C51.3799 42.4819 51.8033 43.6758 52.7986 44.1518C53.7948 44.627 54.9904 44.2035 55.4656 43.2074C60.0765 33.5443 58.3836 21.6132 50.3854 13.615C40.2387 3.46826 23.762 3.46825 13.6153 13.6149C3.46858 23.7616 3.46859 40.2384 13.6153 50.3851C23.762 60.5318 40.2387 60.5318 50.3854 50.3851C51.166 49.6044 51.166 48.3367 50.3854 47.5561C49.6048 46.7754 48.3371 46.7754 47.5564 47.5561Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 12}})
|
|
413
|
-
, React.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 13}}
|
|
414
|
-
, React.createElement('path', { d: "M38.7099 27.2099C38.617 27.1161 38.5064 27.0417 38.3845 26.991C38.2627 26.9402 38.132 26.9141 37.9999 26.9141C37.8679 26.9141 37.7372 26.9402 37.6154 26.991C37.4935 27.0417 37.3829 27.1161 37.29 27.2099L29.84 34.6699L26.7099 31.5299C26.6134 31.4366 26.4995 31.3633 26.3746 31.3141C26.2498 31.2649 26.1165 31.2408 25.9823 31.2431C25.8481 31.2454 25.7157 31.2741 25.5926 31.3276C25.4695 31.3811 25.3582 31.4583 25.2649 31.5549C25.1717 31.6514 25.0984 31.7653 25.0492 31.8902C25 32.015 24.9759 32.1484 24.9782 32.2825C24.9805 32.4167 25.0092 32.5491 25.0627 32.6722C25.1162 32.7953 25.1934 32.9066 25.2899 32.9999L29.13 36.8399C29.2229 36.9336 29.3335 37.008 29.4554 37.0588C29.5772 37.1095 29.7079 37.1357 29.84 37.1357C29.972 37.1357 30.1027 37.1095 30.2245 37.0588C30.3464 37.008 30.457 36.9336 30.55 36.8399L38.7099 28.6799C38.8115 28.5862 38.8925 28.4726 38.9479 28.3461C39.0033 28.2196 39.0319 28.083 39.0319 27.9449C39.0319 27.8068 39.0033 27.6702 38.9479 27.5437C38.8925 27.4172 38.8115 27.3035 38.7099 27.2099V27.2099Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 14}})
|
|
415
|
-
)
|
|
416
|
-
)
|
|
417
|
-
, React.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 17}}
|
|
418
|
-
, React.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 18}}
|
|
419
|
-
, React.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 19}})
|
|
420
|
-
)
|
|
421
|
-
, React.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 21}}
|
|
422
|
-
, React.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 22}})
|
|
423
|
-
)
|
|
424
|
-
)
|
|
425
|
-
)
|
|
426
|
-
)
|
|
427
|
-
, React.createElement(TextArea$4, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 27}}
|
|
428
|
-
, headingText &&
|
|
429
|
-
React.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 29}}, headingText)
|
|
430
|
-
|
|
431
|
-
, subText &&
|
|
432
|
-
React.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 32}}, subText)
|
|
433
|
-
|
|
434
|
-
)
|
|
435
|
-
)
|
|
436
|
-
)
|
|
437
|
-
};
|
|
438
|
-
|
|
439
5
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
440
6
|
|
|
441
7
|
function getDefaultExportFromCjs (x) {
|
|
@@ -3146,107 +2712,540 @@ function requireReact_development () {
|
|
|
3146
2712
|
}
|
|
3147
2713
|
}
|
|
3148
2714
|
|
|
3149
|
-
var isFlushing = false;
|
|
2715
|
+
var isFlushing = false;
|
|
2716
|
+
|
|
2717
|
+
function flushActQueue(queue) {
|
|
2718
|
+
{
|
|
2719
|
+
if (!isFlushing) {
|
|
2720
|
+
// Prevent re-entrance.
|
|
2721
|
+
isFlushing = true;
|
|
2722
|
+
var i = 0;
|
|
2723
|
+
|
|
2724
|
+
try {
|
|
2725
|
+
for (; i < queue.length; i++) {
|
|
2726
|
+
var callback = queue[i];
|
|
2727
|
+
|
|
2728
|
+
do {
|
|
2729
|
+
callback = callback(true);
|
|
2730
|
+
} while (callback !== null);
|
|
2731
|
+
}
|
|
2732
|
+
|
|
2733
|
+
queue.length = 0;
|
|
2734
|
+
} catch (error) {
|
|
2735
|
+
// If something throws, leave the remaining callbacks on the queue.
|
|
2736
|
+
queue = queue.slice(i + 1);
|
|
2737
|
+
throw error;
|
|
2738
|
+
} finally {
|
|
2739
|
+
isFlushing = false;
|
|
2740
|
+
}
|
|
2741
|
+
}
|
|
2742
|
+
}
|
|
2743
|
+
}
|
|
2744
|
+
|
|
2745
|
+
var createElement$1 = createElementWithValidation ;
|
|
2746
|
+
var cloneElement$1 = cloneElementWithValidation ;
|
|
2747
|
+
var createFactory = createFactoryWithValidation ;
|
|
2748
|
+
var Children = {
|
|
2749
|
+
map: mapChildren,
|
|
2750
|
+
forEach: forEachChildren,
|
|
2751
|
+
count: countChildren,
|
|
2752
|
+
toArray: toArray,
|
|
2753
|
+
only: onlyChild
|
|
2754
|
+
};
|
|
2755
|
+
|
|
2756
|
+
exports.Children = Children;
|
|
2757
|
+
exports.Component = Component;
|
|
2758
|
+
exports.Fragment = REACT_FRAGMENT_TYPE;
|
|
2759
|
+
exports.Profiler = REACT_PROFILER_TYPE;
|
|
2760
|
+
exports.PureComponent = PureComponent;
|
|
2761
|
+
exports.StrictMode = REACT_STRICT_MODE_TYPE;
|
|
2762
|
+
exports.Suspense = REACT_SUSPENSE_TYPE;
|
|
2763
|
+
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
|
|
2764
|
+
exports.cloneElement = cloneElement$1;
|
|
2765
|
+
exports.createContext = createContext;
|
|
2766
|
+
exports.createElement = createElement$1;
|
|
2767
|
+
exports.createFactory = createFactory;
|
|
2768
|
+
exports.createRef = createRef;
|
|
2769
|
+
exports.forwardRef = forwardRef;
|
|
2770
|
+
exports.isValidElement = isValidElement;
|
|
2771
|
+
exports.lazy = lazy;
|
|
2772
|
+
exports.memo = memo;
|
|
2773
|
+
exports.startTransition = startTransition;
|
|
2774
|
+
exports.unstable_act = act;
|
|
2775
|
+
exports.useCallback = useCallback;
|
|
2776
|
+
exports.useContext = useContext;
|
|
2777
|
+
exports.useDebugValue = useDebugValue;
|
|
2778
|
+
exports.useDeferredValue = useDeferredValue;
|
|
2779
|
+
exports.useEffect = useEffect;
|
|
2780
|
+
exports.useId = useId;
|
|
2781
|
+
exports.useImperativeHandle = useImperativeHandle;
|
|
2782
|
+
exports.useInsertionEffect = useInsertionEffect;
|
|
2783
|
+
exports.useLayoutEffect = useLayoutEffect;
|
|
2784
|
+
exports.useMemo = useMemo;
|
|
2785
|
+
exports.useReducer = useReducer;
|
|
2786
|
+
exports.useRef = useRef;
|
|
2787
|
+
exports.useState = useState;
|
|
2788
|
+
exports.useSyncExternalStore = useSyncExternalStore;
|
|
2789
|
+
exports.useTransition = useTransition;
|
|
2790
|
+
exports.version = ReactVersion;
|
|
2791
|
+
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
|
|
2792
|
+
if (
|
|
2793
|
+
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
|
|
2794
|
+
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
|
|
2795
|
+
'function'
|
|
2796
|
+
) {
|
|
2797
|
+
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
|
|
2798
|
+
}
|
|
2799
|
+
|
|
2800
|
+
})();
|
|
2801
|
+
}
|
|
2802
|
+
} (react_development, react_developmentExports));
|
|
2803
|
+
return react_developmentExports;
|
|
2804
|
+
}
|
|
2805
|
+
|
|
2806
|
+
(function (module) {
|
|
3150
2807
|
|
|
3151
|
-
|
|
3152
|
-
|
|
3153
|
-
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
|
|
2808
|
+
if (process.env.NODE_ENV === 'production') {
|
|
2809
|
+
module.exports = requireReact_production_min();
|
|
2810
|
+
} else {
|
|
2811
|
+
module.exports = requireReact_development();
|
|
2812
|
+
}
|
|
2813
|
+
} (react));
|
|
3157
2814
|
|
|
3158
|
-
|
|
3159
|
-
for (; i < queue.length; i++) {
|
|
3160
|
-
var callback = queue[i];
|
|
2815
|
+
var React$2 = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
|
|
3161
2816
|
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
2817
|
+
const theme = {
|
|
2818
|
+
colors: {
|
|
2819
|
+
'white':'#FFFFFF',
|
|
2820
|
+
'black':'#000000',
|
|
2821
|
+
'black-100':'#09101D',
|
|
2822
|
+
|
|
2823
|
+
//neutral
|
|
2824
|
+
'neutral-50':'#F7F9FC',
|
|
2825
|
+
'neutral-100':'#E8EEF7',
|
|
2826
|
+
'neutral-200':'#D2DDEE',
|
|
2827
|
+
'neutral-300':'#BBCCE6',
|
|
2828
|
+
'neutral-400':'#A4BBDD',
|
|
2829
|
+
'neutral-500':'#365B91',
|
|
2830
|
+
'neutral-600':'#29446D',
|
|
2831
|
+
'neutral-700':'#1B2D49',
|
|
2832
|
+
'neutral-800':'#0E1724',
|
|
2833
|
+
'neutral-900':'#070B12',
|
|
2834
|
+
|
|
2835
|
+
//primary
|
|
2836
|
+
'primary-50':'#F5F5FE',
|
|
2837
|
+
'primary-100':'#E2E2FD',
|
|
2838
|
+
'primary-200':'#C6C6FB',
|
|
2839
|
+
'primary-300':'#A9A9F9',
|
|
2840
|
+
'primary-400':'#8C8CF7',
|
|
2841
|
+
'primary-500':'#4040F2',
|
|
2842
|
+
'primary-600':'#0F0FD7',
|
|
2843
|
+
'primary-700':'#0A0A8F',
|
|
2844
|
+
'primary-800':'#050548',
|
|
2845
|
+
'primary-900':'#020224',
|
|
2846
|
+
|
|
2847
|
+
//success
|
|
2848
|
+
'success-50':'#F0FFF7',
|
|
2849
|
+
'success-100':'#D1FEE8',
|
|
2850
|
+
'success-200':'#A3FCD1',
|
|
2851
|
+
'success-300':'#74FBBA',
|
|
2852
|
+
'success-400':'#46F9A3',
|
|
2853
|
+
'success-500':'#06BA63',
|
|
2854
|
+
'success-600':'#058B4A',
|
|
2855
|
+
'success-700':'#035D32',
|
|
2856
|
+
'success-800':'#022F19',
|
|
2857
|
+
'success-900':'#01170C',
|
|
2858
|
+
|
|
2859
|
+
//warning
|
|
2860
|
+
'warning-50':'#FFFAF2',
|
|
2861
|
+
'warning-100':'#FFEFD8',
|
|
2862
|
+
'warning-200':'#FFE0B0',
|
|
2863
|
+
'warning-300':'#FFD089',
|
|
2864
|
+
'warning-400':'#FFC062',
|
|
2865
|
+
'warning-500':'#F89500',
|
|
2866
|
+
'warning-600':'#BA7000',
|
|
2867
|
+
'warning-700':'#7C4A00',
|
|
2868
|
+
'warning-800':'#3E2500',
|
|
2869
|
+
'warning-900':'#1F1300',
|
|
2870
|
+
|
|
2871
|
+
//error
|
|
2872
|
+
'error-50':'#FFF2F2',
|
|
2873
|
+
'error-100':'#FFD8D8',
|
|
2874
|
+
'error-200':'#FFB0B0',
|
|
2875
|
+
'error-300':'#FF8989',
|
|
2876
|
+
'error-400':'#FF6262',
|
|
2877
|
+
'error-500':'#F80000',
|
|
2878
|
+
'error-600':'#BA0000',
|
|
2879
|
+
'error-700':'#7C0000',
|
|
2880
|
+
'error-800':'#3E0000',
|
|
2881
|
+
'error-900':'#1F0000',
|
|
2882
|
+
},
|
|
2883
|
+
};
|
|
3166
2884
|
|
|
3167
|
-
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3177
|
-
|
|
2885
|
+
const ButtonComp = styled.button`
|
|
2886
|
+
background: none;
|
|
2887
|
+
color:${theme.colors["neutral-900"]};
|
|
2888
|
+
border-radius: 8px;
|
|
2889
|
+
border: none;
|
|
2890
|
+
width: 100%;
|
|
2891
|
+
cursor: pointer;
|
|
2892
|
+
display: flex;
|
|
2893
|
+
justify-content: center;
|
|
2894
|
+
align-items: center;
|
|
2895
|
+
gap: 10px;
|
|
2896
|
+
text-transform: capitalize;
|
|
2897
|
+
&:disabled{
|
|
2898
|
+
cursor: not-allowed;
|
|
2899
|
+
}
|
|
2900
|
+
|
|
2901
|
+
//sizes
|
|
2902
|
+
&.sm{
|
|
2903
|
+
padding: 8px 16px;
|
|
2904
|
+
font-size: 14px;
|
|
2905
|
+
height: 33px;
|
|
2906
|
+
line-height: 17px;
|
|
2907
|
+
font-family: 'Circular Book Medium', sans-serif;
|
|
2908
|
+
font-weight: 500;
|
|
2909
|
+
}
|
|
2910
|
+
|
|
2911
|
+
&.md{
|
|
2912
|
+
padding: 12px 18px;
|
|
2913
|
+
font-size: 16px;
|
|
2914
|
+
height: 43px;
|
|
2915
|
+
line-height: 19px;
|
|
2916
|
+
font-family: 'Circular Book Medium', sans-serif;
|
|
2917
|
+
font-weight: 500;
|
|
2918
|
+
}
|
|
2919
|
+
|
|
2920
|
+
&.lg{
|
|
2921
|
+
padding: 14px 20px;
|
|
2922
|
+
font-size: 18px;
|
|
2923
|
+
height: 50px;
|
|
2924
|
+
line-height: 21.6px;
|
|
2925
|
+
font-family: 'Circular Book Medium', sans-serif;
|
|
2926
|
+
font-weight: 500;
|
|
2927
|
+
}
|
|
2928
|
+
|
|
2929
|
+
//colors
|
|
2930
|
+
&.primary{
|
|
2931
|
+
background: ${theme.colors["primary-500"]};
|
|
2932
|
+
color: ${theme.colors.white};
|
|
2933
|
+
}
|
|
2934
|
+
&.primary:hover{
|
|
2935
|
+
background: ${theme.colors["primary-400"]};
|
|
2936
|
+
}
|
|
2937
|
+
&.primary:active{
|
|
2938
|
+
background: ${theme.colors["primary-600"]};
|
|
2939
|
+
}
|
|
2940
|
+
&.primary:focus,.primary:focus-within{
|
|
2941
|
+
outline: 2px solid ${theme.colors["primary-200"]};
|
|
2942
|
+
}
|
|
2943
|
+
&.primary:disabled{
|
|
2944
|
+
background: ${theme.colors["neutral-100"]};
|
|
2945
|
+
cursor: not-allowed;
|
|
2946
|
+
}
|
|
2947
|
+
|
|
2948
|
+
&.error{
|
|
2949
|
+
background: ${theme.colors["error-500"]};
|
|
2950
|
+
color: ${theme.colors.white};
|
|
2951
|
+
}
|
|
2952
|
+
&.error:hover{
|
|
2953
|
+
background: ${theme.colors["error-400"]};
|
|
2954
|
+
}
|
|
2955
|
+
&.error:active{
|
|
2956
|
+
background: ${theme.colors["error-600"]};
|
|
2957
|
+
}
|
|
2958
|
+
&.error:focus,.error:focus-within{
|
|
2959
|
+
outline: 2px solid ${theme.colors["error-200"]};
|
|
2960
|
+
}
|
|
2961
|
+
&.error:disabled{
|
|
2962
|
+
background: ${theme.colors["error-100"]};
|
|
2963
|
+
cursor: not-allowed;
|
|
2964
|
+
}
|
|
2965
|
+
|
|
2966
|
+
&.success{
|
|
2967
|
+
background: ${theme.colors["success-500"]};
|
|
2968
|
+
color: ${theme.colors.white};
|
|
2969
|
+
}
|
|
2970
|
+
&.success:hover{
|
|
2971
|
+
background: ${theme.colors["success-400"]};
|
|
2972
|
+
}
|
|
2973
|
+
&.success:active{
|
|
2974
|
+
background: ${theme.colors["success-600"]};
|
|
2975
|
+
}
|
|
2976
|
+
&.success:focus,.success:focus-within{
|
|
2977
|
+
outline: 2px solid ${theme.colors["success-200"]};
|
|
2978
|
+
}
|
|
2979
|
+
&.success:disabled{
|
|
2980
|
+
background: ${theme.colors["success-100"]};
|
|
2981
|
+
cursor: not-allowed;
|
|
2982
|
+
}
|
|
2983
|
+
|
|
2984
|
+
&.warning{
|
|
2985
|
+
background: ${theme.colors["warning-500"]};
|
|
2986
|
+
color: ${theme.colors.white};
|
|
2987
|
+
}
|
|
2988
|
+
&.warning:hover{
|
|
2989
|
+
background: ${theme.colors["warning-400"]};
|
|
2990
|
+
}
|
|
2991
|
+
&.warning:active{
|
|
2992
|
+
background: ${theme.colors["warning-600"]};
|
|
2993
|
+
}
|
|
2994
|
+
&.warning:focus,.warning:focus-within{
|
|
2995
|
+
outline: 2px solid ${theme.colors["warning-200"]};
|
|
2996
|
+
}
|
|
2997
|
+
&.warning:disabled{
|
|
2998
|
+
background: ${theme.colors["warning-100"]};
|
|
2999
|
+
cursor: not-allowed;
|
|
3000
|
+
}
|
|
3001
|
+
|
|
3002
|
+
//outline colors
|
|
3003
|
+
&.outline-primary{
|
|
3004
|
+
outline: 1px solid ${theme.colors["primary-500"]};
|
|
3005
|
+
color: ${theme.colors["primary-500"]};
|
|
3006
|
+
background: none;
|
|
3007
|
+
}
|
|
3008
|
+
`;
|
|
3178
3009
|
|
|
3179
|
-
|
|
3180
|
-
|
|
3181
|
-
|
|
3182
|
-
|
|
3183
|
-
|
|
3184
|
-
forEach: forEachChildren,
|
|
3185
|
-
count: countChildren,
|
|
3186
|
-
toArray: toArray,
|
|
3187
|
-
only: onlyChild
|
|
3188
|
-
};
|
|
3010
|
+
const _jsxFileName$Z = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Button\\Button.tsx";
|
|
3011
|
+
const Button$1 = (props) => {
|
|
3012
|
+
const {variant, size, disabled,children} = props;
|
|
3013
|
+
return React$2.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 7}}, children)
|
|
3014
|
+
};
|
|
3189
3015
|
|
|
3190
|
-
|
|
3191
|
-
|
|
3192
|
-
|
|
3193
|
-
|
|
3194
|
-
|
|
3195
|
-
|
|
3196
|
-
|
|
3197
|
-
|
|
3198
|
-
|
|
3199
|
-
|
|
3200
|
-
|
|
3201
|
-
|
|
3202
|
-
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
|
-
|
|
3223
|
-
|
|
3224
|
-
|
|
3225
|
-
|
|
3226
|
-
|
|
3227
|
-
|
|
3228
|
-
|
|
3229
|
-
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
|
|
3234
|
-
|
|
3235
|
-
|
|
3236
|
-
|
|
3237
|
-
|
|
3238
|
-
|
|
3016
|
+
const Container$b = styled.div`
|
|
3017
|
+
display: flex;
|
|
3018
|
+
flex-direction: column;
|
|
3019
|
+
justify-content: center;
|
|
3020
|
+
align-items: center;
|
|
3021
|
+
gap: 8px;
|
|
3022
|
+
width: 308px;
|
|
3023
|
+
.mb8{
|
|
3024
|
+
margin-bottom: 8px;
|
|
3025
|
+
}
|
|
3026
|
+
svg{
|
|
3027
|
+
animation:rtte 0.4s ease-out;
|
|
3028
|
+
-webkit-animation:rtte 0.4s ease-out;
|
|
3029
|
+
@keyframes rtte {
|
|
3030
|
+
from{
|
|
3031
|
+
-ms-transform: rotate(-45deg);
|
|
3032
|
+
transform: rotate(-45deg);
|
|
3033
|
+
-webkit-transform: rotate(-45deg);
|
|
3034
|
+
}
|
|
3035
|
+
to{
|
|
3036
|
+
-ms-transform: rotate(0deg);
|
|
3037
|
+
transform: rotate(0deg);
|
|
3038
|
+
-webkit-transform: rotate(0deg);
|
|
3039
|
+
}
|
|
3040
|
+
}
|
|
3041
|
+
}
|
|
3042
|
+
|
|
3043
|
+
.svg-checkmark{
|
|
3044
|
+
animation:cm 0.3s ease-out;
|
|
3045
|
+
}
|
|
3046
|
+
@keyframes cm {
|
|
3047
|
+
from{
|
|
3048
|
+
-webkit-transform: scale(0.5);
|
|
3049
|
+
-ms-transform: scale(0.5);
|
|
3050
|
+
transform: scale(0.5);
|
|
3051
|
+
}
|
|
3052
|
+
to{
|
|
3053
|
+
-webkit-transform: scale(1);
|
|
3054
|
+
-ms-transform: scale(1);
|
|
3055
|
+
transform: scale(1);
|
|
3056
|
+
}
|
|
3057
|
+
}
|
|
3058
|
+
`;
|
|
3059
|
+
|
|
3060
|
+
const TextArea$5 = styled.div`
|
|
3061
|
+
color: ${theme.colors["neutral-900"]};
|
|
3062
|
+
text-align: center;
|
|
3063
|
+
.heading-text{
|
|
3064
|
+
font-size: 19px;
|
|
3065
|
+
font-weight: 500;
|
|
3066
|
+
margin: 0;
|
|
3067
|
+
font-family: Circular Book Medium, sans-serif;
|
|
3068
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
3069
|
+
animation:brr 0.6s ease-out;
|
|
3070
|
+
}
|
|
3071
|
+
.sub-text{
|
|
3072
|
+
font-size: 16px;
|
|
3073
|
+
margin: 0;
|
|
3074
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
3075
|
+
animation:brr 0.6s ease-out;
|
|
3076
|
+
}
|
|
3077
|
+
@keyframes brr {
|
|
3078
|
+
from{
|
|
3079
|
+
-webkit-transform: translateY(10px);
|
|
3080
|
+
-ms-transform: translateY(10px);
|
|
3081
|
+
transform: translateY(10px);
|
|
3082
|
+
opacity: 0;
|
|
3083
|
+
}
|
|
3084
|
+
to{
|
|
3085
|
+
-webkit-transform: translateY(0);
|
|
3086
|
+
-ms-transform: translateY(0);
|
|
3087
|
+
transform: translateY(0);
|
|
3088
|
+
opacity: 1;
|
|
3089
|
+
}
|
|
3090
|
+
}
|
|
3091
|
+
`;
|
|
3239
3092
|
|
|
3240
|
-
|
|
3093
|
+
const _jsxFileName$Y = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionFailed\\ActionFailed.tsx";
|
|
3094
|
+
|
|
3095
|
+
const ActionFailed = (props) => {
|
|
3096
|
+
const {subText,headingText} = props;
|
|
3097
|
+
|
|
3098
|
+
return (
|
|
3099
|
+
React$2.createElement(Container$b, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 9}}
|
|
3100
|
+
, React$2.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 10}}
|
|
3101
|
+
, React$2.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 11}}
|
|
3102
|
+
, React$2.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 12}}
|
|
3103
|
+
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
3104
|
+
d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" ,
|
|
3105
|
+
fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 13}})
|
|
3106
|
+
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
3107
|
+
d: "M22.0992 24.9293L39.0697 41.8998C39.8504 42.6805 41.1181 42.6805 41.8987 41.8998C42.6794 41.1192 42.6794 39.8515 41.8987 39.0709L24.9282 22.1003C24.1475 21.3196 22.8798 21.3196 22.0992 22.1003C21.3185 22.8809 21.3185 24.1486 22.0992 24.9293Z" ,
|
|
3108
|
+
fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 16}})
|
|
3109
|
+
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
3110
|
+
d: "M39.069 22.1006L22.0984 39.0712C21.3178 39.8519 21.3178 41.1195 22.0985 41.9002C22.8791 42.6808 24.1468 42.6808 24.9274 41.9002L41.898 24.9296C42.6786 24.149 42.6786 22.8813 41.898 22.1006C41.1174 21.32 39.8497 21.32 39.069 22.1006Z" ,
|
|
3111
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 19}})
|
|
3112
|
+
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
3113
|
+
d: "M47.5567 47.5561C38.9713 56.1415 25.0299 56.1415 16.4445 47.5561C7.85911 38.9707 7.85912 25.0294 16.4445 16.444C25.0299 7.85855 38.9713 7.85853 47.5567 16.4439C54.3245 23.2118 55.7585 33.3076 51.8562 41.4848C51.3801 42.4819 51.8035 43.6758 52.7988 44.1518C53.795 44.627 54.9906 44.2035 55.4658 43.2074C60.0767 33.5443 58.3839 21.6132 50.3856 13.615C40.2389 3.46826 23.7622 3.46825 13.6155 13.6149C3.46882 23.7616 3.46883 40.2384 13.6155 50.3851C23.7622 60.5318 40.2389 60.5318 50.3856 50.3851C51.1663 49.6044 51.1663 48.3367 50.3856 47.5561C49.605 46.7754 48.3373 46.7754 47.5567 47.5561Z" ,
|
|
3114
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 22}})
|
|
3115
|
+
)
|
|
3116
|
+
, React$2.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 26}}
|
|
3117
|
+
, React$2.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 27}}
|
|
3118
|
+
, React$2.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 28}})
|
|
3119
|
+
)
|
|
3120
|
+
)
|
|
3121
|
+
)
|
|
3122
|
+
)
|
|
3123
|
+
, React$2.createElement(TextArea$5, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 33}}
|
|
3124
|
+
, headingText &&
|
|
3125
|
+
React$2.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 35}}, headingText)
|
|
3126
|
+
|
|
3127
|
+
, subText &&
|
|
3128
|
+
React$2.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 38}}, subText)
|
|
3129
|
+
|
|
3130
|
+
)
|
|
3131
|
+
)
|
|
3132
|
+
)
|
|
3133
|
+
};
|
|
3241
3134
|
|
|
3242
|
-
|
|
3243
|
-
|
|
3244
|
-
|
|
3245
|
-
|
|
3246
|
-
|
|
3247
|
-
|
|
3135
|
+
const Container$a = styled.div`
|
|
3136
|
+
display: flex;
|
|
3137
|
+
flex-direction: column;
|
|
3138
|
+
justify-content: center;
|
|
3139
|
+
align-items: center;
|
|
3140
|
+
gap: 8px;
|
|
3141
|
+
width: 308px;
|
|
3142
|
+
.mb8{
|
|
3143
|
+
margin-bottom: 8px;
|
|
3144
|
+
}
|
|
3145
|
+
svg{
|
|
3146
|
+
animation:rtte 0.4s ease-out;
|
|
3147
|
+
-webkit-animation:rtte 0.4s ease-out;
|
|
3148
|
+
@keyframes rtte {
|
|
3149
|
+
from{
|
|
3150
|
+
-ms-transform: rotate(-45deg);
|
|
3151
|
+
transform: rotate(-45deg);
|
|
3152
|
+
-webkit-transform: rotate(-45deg);
|
|
3153
|
+
}
|
|
3154
|
+
to{
|
|
3155
|
+
-ms-transform: rotate(0deg);
|
|
3156
|
+
transform: rotate(0deg);
|
|
3157
|
+
-webkit-transform: rotate(0deg);
|
|
3158
|
+
}
|
|
3159
|
+
}
|
|
3160
|
+
}
|
|
3161
|
+
|
|
3162
|
+
.svg-checkmark{
|
|
3163
|
+
-webkit-animation:cm 0.3s ease-out;
|
|
3164
|
+
animation:cm 0.3s ease-out;
|
|
3165
|
+
}
|
|
3166
|
+
@keyframes cm {
|
|
3167
|
+
from{
|
|
3168
|
+
-webkit-transform: scale(0.5);
|
|
3169
|
+
-ms-transform: scale(0.5);
|
|
3170
|
+
transform: scale(0.5);
|
|
3171
|
+
}
|
|
3172
|
+
to{
|
|
3173
|
+
-webkit-transform: scale(1);
|
|
3174
|
+
-ms-transform: scale(1);
|
|
3175
|
+
transform: scale(1);
|
|
3176
|
+
}
|
|
3177
|
+
}
|
|
3178
|
+
`;
|
|
3179
|
+
|
|
3180
|
+
const TextArea$4 = styled.div`
|
|
3181
|
+
color: ${theme.colors["neutral-900"]};
|
|
3182
|
+
text-align: center;
|
|
3183
|
+
.heading-text{
|
|
3184
|
+
font-size: 19px;
|
|
3185
|
+
font-weight: 500;
|
|
3186
|
+
margin: 0;
|
|
3187
|
+
font-family: Circular Book Medium, sans-serif;
|
|
3188
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
3189
|
+
animation:brr 0.6s ease-out;
|
|
3190
|
+
}
|
|
3191
|
+
.sub-text{
|
|
3192
|
+
font-size: 16px;
|
|
3193
|
+
margin: 0;
|
|
3194
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
3195
|
+
animation:brr 0.6s ease-out;
|
|
3196
|
+
}
|
|
3197
|
+
@keyframes brr {
|
|
3198
|
+
from{
|
|
3199
|
+
-webkit-transform: translateY(10px);
|
|
3200
|
+
-ms-transform: translateY(10px);
|
|
3201
|
+
transform: translateY(10px);
|
|
3202
|
+
opacity: 0;
|
|
3203
|
+
}
|
|
3204
|
+
to{
|
|
3205
|
+
-webkit-transform: translateY(0);
|
|
3206
|
+
-ms-transform: translateY(0);
|
|
3207
|
+
transform: translateY(0);
|
|
3208
|
+
opacity: 1;
|
|
3209
|
+
}
|
|
3210
|
+
}
|
|
3211
|
+
`;
|
|
3248
3212
|
|
|
3249
|
-
|
|
3213
|
+
const _jsxFileName$X = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionSuccess\\ActionSuccess.tsx";
|
|
3214
|
+
|
|
3215
|
+
const ActionSuccess = (props) => {
|
|
3216
|
+
const {subText,headingText} = props;
|
|
3217
|
+
return (
|
|
3218
|
+
React$2.createElement(Container$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 8}}
|
|
3219
|
+
, React$2.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 9}}
|
|
3220
|
+
, React$2.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "bug-report-svg-circle", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 10}}
|
|
3221
|
+
, React$2.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 11}}
|
|
3222
|
+
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" , fill: "#D1FEE8", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 12}})
|
|
3223
|
+
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M47.5564 47.5561C38.971 56.1415 25.0297 56.1415 16.4443 47.5561C7.85886 38.9707 7.85888 25.0294 16.4443 16.444C25.0297 7.85854 38.971 7.85853 47.5564 16.4439C54.3243 23.2118 55.7583 33.3076 51.8559 41.4848C51.3799 42.4819 51.8033 43.6758 52.7986 44.1518C53.7948 44.627 54.9904 44.2035 55.4656 43.2074C60.0765 33.5443 58.3836 21.6132 50.3854 13.615C40.2387 3.46826 23.762 3.46825 13.6153 13.6149C3.46858 23.7616 3.46859 40.2384 13.6153 50.3851C23.762 60.5318 40.2387 60.5318 50.3854 50.3851C51.166 49.6044 51.166 48.3367 50.3854 47.5561C49.6048 46.7754 48.3371 46.7754 47.5564 47.5561Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 13}})
|
|
3224
|
+
, React$2.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 14}}
|
|
3225
|
+
, React$2.createElement('path', { d: "M38.7099 27.2099C38.617 27.1161 38.5064 27.0417 38.3845 26.991C38.2627 26.9402 38.132 26.9141 37.9999 26.9141C37.8679 26.9141 37.7372 26.9402 37.6154 26.991C37.4935 27.0417 37.3829 27.1161 37.29 27.2099L29.84 34.6699L26.7099 31.5299C26.6134 31.4366 26.4995 31.3633 26.3746 31.3141C26.2498 31.2649 26.1165 31.2408 25.9823 31.2431C25.8481 31.2454 25.7157 31.2741 25.5926 31.3276C25.4695 31.3811 25.3582 31.4583 25.2649 31.5549C25.1717 31.6514 25.0984 31.7653 25.0492 31.8902C25 32.015 24.9759 32.1484 24.9782 32.2825C24.9805 32.4167 25.0092 32.5491 25.0627 32.6722C25.1162 32.7953 25.1934 32.9066 25.2899 32.9999L29.13 36.8399C29.2229 36.9336 29.3335 37.008 29.4554 37.0588C29.5772 37.1095 29.7079 37.1357 29.84 37.1357C29.972 37.1357 30.1027 37.1095 30.2245 37.0588C30.3464 37.008 30.457 36.9336 30.55 36.8399L38.7099 28.6799C38.8115 28.5862 38.8925 28.4726 38.9479 28.3461C39.0033 28.2196 39.0319 28.083 39.0319 27.9449C39.0319 27.8068 39.0033 27.6702 38.9479 27.5437C38.8925 27.4172 38.8115 27.3035 38.7099 27.2099V27.2099Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 15}})
|
|
3226
|
+
)
|
|
3227
|
+
)
|
|
3228
|
+
, React$2.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 18}}
|
|
3229
|
+
, React$2.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 19}}
|
|
3230
|
+
, React$2.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 20}})
|
|
3231
|
+
)
|
|
3232
|
+
, React$2.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 22}}
|
|
3233
|
+
, React$2.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 23}})
|
|
3234
|
+
)
|
|
3235
|
+
)
|
|
3236
|
+
)
|
|
3237
|
+
)
|
|
3238
|
+
, React$2.createElement(TextArea$4, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 28}}
|
|
3239
|
+
, headingText &&
|
|
3240
|
+
React$2.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 30}}, headingText)
|
|
3241
|
+
|
|
3242
|
+
, subText &&
|
|
3243
|
+
React$2.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 33}}, subText)
|
|
3244
|
+
|
|
3245
|
+
)
|
|
3246
|
+
)
|
|
3247
|
+
)
|
|
3248
|
+
};
|
|
3250
3249
|
|
|
3251
3250
|
const TableContainer$a = styled.div`
|
|
3252
3251
|
overflow-x: auto;
|
|
@@ -21234,33 +21233,36 @@ const CopyrightText = styled.p`
|
|
|
21234
21233
|
|
|
21235
21234
|
const _jsxFileName$A = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Footer\\Footer.tsx";
|
|
21236
21235
|
const Footer = () => {
|
|
21236
|
+
const [title,setTitle] = reactExports.useState('');
|
|
21237
|
+
|
|
21237
21238
|
return (
|
|
21238
|
-
React$2.createElement(FooterContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21239
|
-
, React$2.createElement(FooterArea, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21240
|
-
, React$2.createElement(AboutSSX, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21239
|
+
React$2.createElement(FooterContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 8}}
|
|
21240
|
+
, React$2.createElement(FooterArea, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 9}}
|
|
21241
|
+
, React$2.createElement(AboutSSX, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 10}}
|
|
21241
21242
|
/*<img style={{marginBottom:'16px'}} src={SSXLogo} alt="SSX Logo"/>*/
|
|
21242
21243
|
, React$2.createElement('img', {
|
|
21243
21244
|
src: "https://res.cloudinary.com/dxivfczqg/image/upload/v1643889560/ssx-linear-logo-light_mdafbc.png",
|
|
21244
|
-
alt: "SSX Logo" , __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21245
|
-
, React$2.createElement('p', { style: {width:'270px'}, __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21245
|
+
alt: "SSX Logo" , __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 12}})
|
|
21246
|
+
, React$2.createElement('p', { style: {width:'270px'}, __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 15}}, "A platform you can trust to deliver the latest capital trading news and trends across Africa." )
|
|
21246
21247
|
)
|
|
21247
|
-
, React$2.createElement(SSXInfo, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21248
|
-
, React$2.createElement('h6', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21249
|
-
|
|
21250
|
-
|
|
21251
|
-
|
|
21248
|
+
, React$2.createElement(SSXInfo, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 17}}
|
|
21249
|
+
, React$2.createElement('h6', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 18}}, title)
|
|
21250
|
+
/*<h6>Contact Us</h6>*/
|
|
21251
|
+
, React$2.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 20}}, "222 Swaniker Street" , React$2.createElement('br', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 20}}), "Abelemkpe - Accra"
|
|
21252
|
+
, React$2.createElement('br', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 21}}), "+233 (0) 59 284 1131"
|
|
21253
|
+
, React$2.createElement('br', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 22}}), "questions@secondstax.info"
|
|
21252
21254
|
)
|
|
21253
21255
|
)
|
|
21254
|
-
, React$2.createElement(SSXInfo, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21255
|
-
, React$2.createElement('h6', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21256
|
-
, React$2.createElement('path', { d: "M7.00001 0.833336C5.68147 0.833336 4.39254 1.22433 3.29621 1.95687C2.19988 2.68941 1.3454 3.73061 0.840816 4.94878C0.336232 6.16695 0.20421 7.5074 0.461445 8.8006C0.718679 10.0938 1.35362 11.2817 2.28597 12.214C3.21832 13.1464 4.4062 13.7813 5.69941 14.0386C6.99262 14.2958 8.33306 14.1638 9.55124 13.6592C10.7694 13.1546 11.8106 12.3001 12.5431 11.2038C13.2757 10.1075 13.6667 8.81854 13.6667 7.5C13.6647 5.7325 12.9617 4.03795 11.7119 2.78813C10.4621 1.53831 8.76752 0.835302 7.00001 0.833336ZM7.00001 12.8333C5.94518 12.8333 4.91403 12.5205 4.03697 11.9345C3.15991 11.3485 2.47632 10.5155 2.07266 9.54098C1.66899 8.56644 1.56337 7.49409 1.76916 6.45952C1.97495 5.42496 2.4829 4.47465 3.22878 3.72877C3.97466 2.98289 4.92497 2.47494 5.95953 2.26915C6.9941 2.06336 8.06645 2.16898 9.04099 2.57265C10.0155 2.97631 10.8485 3.6599 11.4345 4.53696C12.0206 5.41402 12.3333 6.44517 12.3333 7.5C12.3317 8.91399 11.7693 10.2696 10.7695 11.2695C9.76962 12.2693 8.41401 12.8317 7.00001 12.8333ZM7.00001 7.16667C6.8232 7.16667 6.65363 7.23691 6.52861 7.36193C6.40358 7.48696 6.33335 7.65652 6.33335 7.83334V9.83333C6.33335 10.0101 6.40358 10.1797 6.52861 10.3047C6.65363 10.4298 6.8232 10.5 7.00001 10.5C7.17682 10.5 7.34639 10.4298 7.47142 10.3047C7.59644 10.1797 7.66668 10.0101 7.66668 9.83333V7.83334C7.66668 7.65652 7.59644 7.48696 7.47142 7.36193C7.34639 7.23691 7.17682 7.16667 7.00001 7.16667ZM7.00001 4.5C6.8352 4.5 6.67408 4.54888 6.53704 4.64044C6.4 4.73201 6.29319 4.86216 6.23011 5.01443C6.16704 5.1667 6.15054 5.33426 6.18269 5.49591C6.21485 5.65756 6.29421 5.80605 6.41076 5.92259C6.5273 6.03913 6.67579 6.1185 6.83744 6.15066C6.99909 6.18281 7.16664 6.16631 7.31892 6.10323C7.47119 6.04016 7.60134 5.93335 7.6929 5.79631C7.78447 5.65927 7.83335 5.49815 7.83335 5.33334C7.83335 5.11232 7.74555 4.90036 7.58927 4.74408C7.43299 4.5878 7.22103 4.5 7.00001 4.5Z" , fill: "#F7F9FC", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21256
|
+
, React$2.createElement(SSXInfo, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 25}}
|
|
21257
|
+
, React$2.createElement('h6', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 26}}, React$2.createElement('svg', { width: "14", height: "15", viewBox: "0 0 14 15" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 26}}
|
|
21258
|
+
, React$2.createElement('path', { d: "M7.00001 0.833336C5.68147 0.833336 4.39254 1.22433 3.29621 1.95687C2.19988 2.68941 1.3454 3.73061 0.840816 4.94878C0.336232 6.16695 0.20421 7.5074 0.461445 8.8006C0.718679 10.0938 1.35362 11.2817 2.28597 12.214C3.21832 13.1464 4.4062 13.7813 5.69941 14.0386C6.99262 14.2958 8.33306 14.1638 9.55124 13.6592C10.7694 13.1546 11.8106 12.3001 12.5431 11.2038C13.2757 10.1075 13.6667 8.81854 13.6667 7.5C13.6647 5.7325 12.9617 4.03795 11.7119 2.78813C10.4621 1.53831 8.76752 0.835302 7.00001 0.833336ZM7.00001 12.8333C5.94518 12.8333 4.91403 12.5205 4.03697 11.9345C3.15991 11.3485 2.47632 10.5155 2.07266 9.54098C1.66899 8.56644 1.56337 7.49409 1.76916 6.45952C1.97495 5.42496 2.4829 4.47465 3.22878 3.72877C3.97466 2.98289 4.92497 2.47494 5.95953 2.26915C6.9941 2.06336 8.06645 2.16898 9.04099 2.57265C10.0155 2.97631 10.8485 3.6599 11.4345 4.53696C12.0206 5.41402 12.3333 6.44517 12.3333 7.5C12.3317 8.91399 11.7693 10.2696 10.7695 11.2695C9.76962 12.2693 8.41401 12.8317 7.00001 12.8333ZM7.00001 7.16667C6.8232 7.16667 6.65363 7.23691 6.52861 7.36193C6.40358 7.48696 6.33335 7.65652 6.33335 7.83334V9.83333C6.33335 10.0101 6.40358 10.1797 6.52861 10.3047C6.65363 10.4298 6.8232 10.5 7.00001 10.5C7.17682 10.5 7.34639 10.4298 7.47142 10.3047C7.59644 10.1797 7.66668 10.0101 7.66668 9.83333V7.83334C7.66668 7.65652 7.59644 7.48696 7.47142 7.36193C7.34639 7.23691 7.17682 7.16667 7.00001 7.16667ZM7.00001 4.5C6.8352 4.5 6.67408 4.54888 6.53704 4.64044C6.4 4.73201 6.29319 4.86216 6.23011 5.01443C6.16704 5.1667 6.15054 5.33426 6.18269 5.49591C6.21485 5.65756 6.29421 5.80605 6.41076 5.92259C6.5273 6.03913 6.67579 6.1185 6.83744 6.15066C6.99909 6.18281 7.16664 6.16631 7.31892 6.10323C7.47119 6.04016 7.60134 5.93335 7.6929 5.79631C7.78447 5.65927 7.83335 5.49815 7.83335 5.33334C7.83335 5.11232 7.74555 4.90036 7.58927 4.74408C7.43299 4.5878 7.22103 4.5 7.00001 4.5Z" , fill: "#F7F9FC", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 27}})
|
|
21257
21259
|
), "Important Note"
|
|
21258
21260
|
)
|
|
21259
|
-
, React$2.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21261
|
+
, React$2.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 30}}, "SecondSTAX does not own rights to some of the content displayed on this website. All content is sourced directly from the outlet." )
|
|
21260
21262
|
)
|
|
21261
21263
|
)
|
|
21262
|
-
, React$2.createElement(CopyrightArea, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21263
|
-
, React$2.createElement(CopyrightText, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
21264
|
+
, React$2.createElement(CopyrightArea, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 33}}
|
|
21265
|
+
, React$2.createElement(CopyrightText, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 34}}, "©", new Date().getFullYear(), " SecondSTAX Ltd. All Rights Reserved." )
|
|
21264
21266
|
)
|
|
21265
21267
|
)
|
|
21266
21268
|
)
|