@secondstaxorg/sscomp 1.9.64 → 1.9.66
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 +382 -314
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +155 -38
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +383 -315
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/ActionWarning/ActionWarning.d.ts +8 -0
- package/types/components/ActionWarning/style.d.ts +2 -0
- package/types/components/ActionWarning/type.d.ts +10 -0
- package/types/components/index.d.ts +1 -0
package/dist/index.js
CHANGED
|
@@ -205,7 +205,7 @@ const ButtonComp = styled.button`
|
|
|
205
205
|
}
|
|
206
206
|
`;
|
|
207
207
|
|
|
208
|
-
const _jsxFileName$
|
|
208
|
+
const _jsxFileName$1l = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Button\\Button.tsx";
|
|
209
209
|
/**
|
|
210
210
|
* Solid and Outline buttons
|
|
211
211
|
*/
|
|
@@ -238,10 +238,10 @@ const Button$1 = (props) => {
|
|
|
238
238
|
}
|
|
239
239
|
},[width]);
|
|
240
240
|
|
|
241
|
-
return React$1.createElement(ButtonComp, { className: `${variant} ${size} ${fontSize}`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$
|
|
241
|
+
return React$1.createElement(ButtonComp, { className: `${variant} ${size} ${fontSize}`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$1l, lineNumber: 37}}, children)
|
|
242
242
|
};
|
|
243
243
|
|
|
244
|
-
const Container$
|
|
244
|
+
const Container$f = styled.div`
|
|
245
245
|
display: flex;
|
|
246
246
|
flex-direction: column;
|
|
247
247
|
justify-content: center;
|
|
@@ -285,7 +285,7 @@ const Container$e = styled.div`
|
|
|
285
285
|
}
|
|
286
286
|
`;
|
|
287
287
|
|
|
288
|
-
const TextArea$
|
|
288
|
+
const TextArea$6 = styled.div`
|
|
289
289
|
color: ${theme.colors["neutral-900"]};
|
|
290
290
|
text-align: center;
|
|
291
291
|
.heading-text{
|
|
@@ -312,48 +312,48 @@ const TextArea$5 = styled.div`
|
|
|
312
312
|
}
|
|
313
313
|
`;
|
|
314
314
|
|
|
315
|
-
const _jsxFileName$
|
|
315
|
+
const _jsxFileName$1k = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionFailed\\ActionFailed.tsx";
|
|
316
316
|
|
|
317
317
|
const ActionFailed = (props) => {
|
|
318
318
|
const {subText,headingText} = props;
|
|
319
319
|
return (
|
|
320
|
-
React$1.createElement(Container$
|
|
321
|
-
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$
|
|
322
|
-
, React$1.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$
|
|
323
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$
|
|
320
|
+
React$1.createElement(Container$f, {__self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 8}}
|
|
321
|
+
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 9}}
|
|
322
|
+
, React$1.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$1k, lineNumber: 10}}
|
|
323
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 11}}
|
|
324
324
|
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
325
325
|
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" ,
|
|
326
|
-
fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$
|
|
326
|
+
fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 12}})
|
|
327
327
|
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
328
328
|
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" ,
|
|
329
|
-
fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$
|
|
329
|
+
fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 15}})
|
|
330
330
|
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
331
331
|
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" ,
|
|
332
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$
|
|
332
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 18}})
|
|
333
333
|
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
334
334
|
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" ,
|
|
335
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$
|
|
335
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 21}})
|
|
336
336
|
)
|
|
337
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$
|
|
338
|
-
, React$1.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$
|
|
339
|
-
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$
|
|
337
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 25}}
|
|
338
|
+
, React$1.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 26}}
|
|
339
|
+
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 27}})
|
|
340
340
|
)
|
|
341
341
|
)
|
|
342
342
|
)
|
|
343
343
|
)
|
|
344
|
-
, React$1.createElement(TextArea$
|
|
344
|
+
, React$1.createElement(TextArea$6, {__self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 32}}
|
|
345
345
|
, headingText &&
|
|
346
|
-
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$
|
|
346
|
+
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 34}}, headingText)
|
|
347
347
|
|
|
348
348
|
, subText &&
|
|
349
|
-
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$
|
|
349
|
+
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$1k, lineNumber: 37}}, subText)
|
|
350
350
|
|
|
351
351
|
)
|
|
352
352
|
)
|
|
353
353
|
)
|
|
354
354
|
};
|
|
355
355
|
|
|
356
|
-
const Container$
|
|
356
|
+
const Container$e = styled.div`
|
|
357
357
|
display: flex;
|
|
358
358
|
flex-direction: column;
|
|
359
359
|
justify-content: center;
|
|
@@ -398,7 +398,7 @@ const Container$d = styled.div`
|
|
|
398
398
|
}
|
|
399
399
|
`;
|
|
400
400
|
|
|
401
|
-
const TextArea$
|
|
401
|
+
const TextArea$5 = styled.div`
|
|
402
402
|
color: ${theme.colors["neutral-900"]};
|
|
403
403
|
text-align: center;
|
|
404
404
|
.heading-text{
|
|
@@ -425,45 +425,161 @@ const TextArea$4 = styled.div`
|
|
|
425
425
|
}
|
|
426
426
|
`;
|
|
427
427
|
|
|
428
|
-
const _jsxFileName$
|
|
428
|
+
const _jsxFileName$1j = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionSuccess\\ActionSuccess.tsx";
|
|
429
429
|
/**
|
|
430
430
|
* Message status of an action whether it succeeded or failed.
|
|
431
431
|
*/
|
|
432
432
|
const ActionSuccess = (props) => {
|
|
433
433
|
const {subText,headingText} = props;
|
|
434
434
|
return (
|
|
435
|
-
React$1.createElement(Container$
|
|
436
|
-
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$
|
|
437
|
-
, React$1.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$
|
|
438
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$
|
|
439
|
-
, React$1.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$
|
|
440
|
-
, React$1.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$
|
|
441
|
-
, React$1.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$
|
|
442
|
-
, React$1.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$
|
|
435
|
+
React$1.createElement(Container$e, {__self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 12}}
|
|
436
|
+
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 13}}
|
|
437
|
+
, React$1.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$1j, lineNumber: 14}}
|
|
438
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 15}}
|
|
439
|
+
, React$1.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$1j, lineNumber: 16}})
|
|
440
|
+
, React$1.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$1j, lineNumber: 17}})
|
|
441
|
+
, React$1.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 18}}
|
|
442
|
+
, React$1.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$1j, lineNumber: 19}})
|
|
443
443
|
)
|
|
444
444
|
)
|
|
445
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$
|
|
446
|
-
, React$1.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$
|
|
447
|
-
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$
|
|
445
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 22}}
|
|
446
|
+
, React$1.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 23}}
|
|
447
|
+
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 24}})
|
|
448
448
|
)
|
|
449
|
-
, React$1.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$
|
|
450
|
-
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$
|
|
449
|
+
, React$1.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 26}}
|
|
450
|
+
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 27}})
|
|
451
451
|
)
|
|
452
452
|
)
|
|
453
453
|
)
|
|
454
454
|
)
|
|
455
|
-
, React$1.createElement(TextArea$
|
|
455
|
+
, React$1.createElement(TextArea$5, {__self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 32}}
|
|
456
456
|
, headingText &&
|
|
457
|
-
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$
|
|
457
|
+
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 34}}, headingText)
|
|
458
458
|
|
|
459
459
|
, subText &&
|
|
460
|
-
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$
|
|
460
|
+
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$1j, lineNumber: 37}}, subText)
|
|
461
461
|
|
|
462
462
|
)
|
|
463
463
|
)
|
|
464
464
|
)
|
|
465
465
|
};
|
|
466
466
|
|
|
467
|
+
const Container$d = styled.div`
|
|
468
|
+
display: flex;
|
|
469
|
+
flex-direction: column;
|
|
470
|
+
justify-content: center;
|
|
471
|
+
align-items: center;
|
|
472
|
+
gap: 8px;
|
|
473
|
+
width: 308px;
|
|
474
|
+
.mb8{
|
|
475
|
+
margin-bottom: 8px;
|
|
476
|
+
}
|
|
477
|
+
svg{
|
|
478
|
+
animation:rtte 0.4s ease-out;
|
|
479
|
+
-webkit-animation:rtte 0.4s ease-out;
|
|
480
|
+
@keyframes rtte {
|
|
481
|
+
from{
|
|
482
|
+
-ms-transform: rotate(-45deg);
|
|
483
|
+
transform: rotate(-45deg);
|
|
484
|
+
-webkit-transform: rotate(-45deg);
|
|
485
|
+
}
|
|
486
|
+
to{
|
|
487
|
+
-ms-transform: rotate(0deg);
|
|
488
|
+
transform: rotate(0deg);
|
|
489
|
+
-webkit-transform: rotate(0deg);
|
|
490
|
+
}
|
|
491
|
+
}
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
.svg-exclamation{
|
|
495
|
+
-webkit-animation:cm 0.3s ease-out;
|
|
496
|
+
animation:cm 0.3s ease-out;
|
|
497
|
+
}
|
|
498
|
+
@keyframes cm {
|
|
499
|
+
from{
|
|
500
|
+
-webkit-transform: scale(0.5);
|
|
501
|
+
-ms-transform: scale(0.5);
|
|
502
|
+
transform: scale(0.5);
|
|
503
|
+
}
|
|
504
|
+
to{
|
|
505
|
+
-webkit-transform: scale(1);
|
|
506
|
+
-ms-transform: scale(1);
|
|
507
|
+
transform: scale(1);
|
|
508
|
+
}
|
|
509
|
+
}
|
|
510
|
+
`;
|
|
511
|
+
|
|
512
|
+
const TextArea$4 = styled.div`
|
|
513
|
+
color: ${theme.colors["neutral-900"]};
|
|
514
|
+
text-align: center;
|
|
515
|
+
.heading-text{
|
|
516
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
517
|
+
animation:brr 0.6s ease-out;
|
|
518
|
+
}
|
|
519
|
+
.sub-text{
|
|
520
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
521
|
+
animation:brr 0.6s ease-out;
|
|
522
|
+
}
|
|
523
|
+
@keyframes brr {
|
|
524
|
+
from{
|
|
525
|
+
-webkit-transform: translateY(10px);
|
|
526
|
+
-ms-transform: translateY(10px);
|
|
527
|
+
transform: translateY(10px);
|
|
528
|
+
opacity: 0;
|
|
529
|
+
}
|
|
530
|
+
to{
|
|
531
|
+
-webkit-transform: translateY(0);
|
|
532
|
+
-ms-transform: translateY(0);
|
|
533
|
+
transform: translateY(0);
|
|
534
|
+
opacity: 1;
|
|
535
|
+
}
|
|
536
|
+
}
|
|
537
|
+
`;
|
|
538
|
+
|
|
539
|
+
const _jsxFileName$1i = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionWarning\\ActionWarning.tsx";
|
|
540
|
+
/**
|
|
541
|
+
* Message status of an action whether it succeeded or failed.
|
|
542
|
+
*/
|
|
543
|
+
const ActionWarning = (props) => {
|
|
544
|
+
const {subText, headingText} = props;
|
|
545
|
+
return (
|
|
546
|
+
React$1.createElement(Container$d, {__self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 12}}
|
|
547
|
+
, React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 13}}
|
|
548
|
+
, React$1.createElement('svg', { width: "64", height: "65", viewBox: "0 0 64 65" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 14}}
|
|
549
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_733_12672)", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 15}}
|
|
550
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
551
|
+
d: "M30.181 8.568C30.781 8.523 31.388 8.5 32 8.5C45.246 8.5 56 19.254 56 32.5C56 45.746 45.246 56.5 32 56.5C18.754 56.5 8 45.746 8 32.5C8 31.888 8.02299 31.281 8.06799 30.681C8.92399 41.21 17.751 49.5 28.5 49.5C39.814 49.5 49 40.314 49 29C49 18.251 40.71 9.424 30.181 8.568Z" ,
|
|
552
|
+
fill: "#FFEFD8", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 16}})
|
|
553
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
554
|
+
d: "M34 40.5C34 39.948 33.552 39.5 33 39.5H31C30.448 39.5 30 39.948 30 40.5V42.5C30 43.052 30.448 43.5 31 43.5H33C33.552 43.5 34 43.052 34 42.5V40.5Z" ,
|
|
555
|
+
fill: "#F89500", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 19}})
|
|
556
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", className: "svg-exclamation",
|
|
557
|
+
d: "M34 22.5C34 21.9475 33.552 21.499 33 21.499H31C30.448 21.499 30 21.9475 30 22.5V35.5C30 36.0525 30.448 36.501 31 36.501H33C33.552 36.501 34 36.0525 34 35.5V22.5Z" ,
|
|
558
|
+
fill: "#F89500", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 22}})
|
|
559
|
+
, React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
560
|
+
d: "M47.5567 48.0558C38.9713 56.6412 25.0299 56.6412 16.4445 48.0558C7.85911 39.4704 7.85912 25.5291 16.4445 16.9437C25.0299 8.3583 38.9713 8.35829 47.5567 16.9437C54.3245 23.7116 55.7585 33.8073 51.8562 41.9846C51.3801 42.9816 51.8035 44.1755 52.7988 44.6516C53.795 45.1267 54.9906 44.7033 55.4658 43.7071C60.0767 34.0441 58.3839 22.1129 50.3856 14.1147C40.2389 3.96802 23.7622 3.968 13.6155 14.1147C3.46882 24.2614 3.46883 40.7381 13.6155 50.8848C23.7622 61.0315 40.2389 61.0315 50.3856 50.8848C51.1663 50.1042 51.1663 48.8365 50.3856 48.0558C49.605 47.2752 48.3373 47.2752 47.5567 48.0558Z" ,
|
|
561
|
+
fill: "#F89500", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 25}})
|
|
562
|
+
)
|
|
563
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 29}}
|
|
564
|
+
, React$1.createElement('clipPath', { id: "clip0_733_12672", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 30}}
|
|
565
|
+
, React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0 0.5)" , __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 31}})
|
|
566
|
+
)
|
|
567
|
+
)
|
|
568
|
+
)
|
|
569
|
+
|
|
570
|
+
)
|
|
571
|
+
, React$1.createElement(TextArea$4, {__self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 37}}
|
|
572
|
+
, headingText &&
|
|
573
|
+
React$1.createElement('h3', { className: "heading6Bold", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 39}}, headingText)
|
|
574
|
+
|
|
575
|
+
, subText &&
|
|
576
|
+
React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$1i, lineNumber: 42}}, subText)
|
|
577
|
+
|
|
578
|
+
)
|
|
579
|
+
)
|
|
580
|
+
)
|
|
581
|
+
};
|
|
582
|
+
|
|
467
583
|
const TableContainer$c = styled.div`
|
|
468
584
|
overflow-x: auto;
|
|
469
585
|
`;
|
|
@@ -34719,6 +34835,7 @@ const AmountInput = (props) => {
|
|
|
34719
34835
|
exports.Accordion = Accordion;
|
|
34720
34836
|
exports.ActionFailed = ActionFailed;
|
|
34721
34837
|
exports.ActionSuccess = ActionSuccess;
|
|
34838
|
+
exports.ActionWarning = ActionWarning;
|
|
34722
34839
|
exports.AmountInput = AmountInput;
|
|
34723
34840
|
exports.AppActionsTable = AppActionsTable;
|
|
34724
34841
|
exports.AppFormsTable = AppFormsTable;
|