@stack-spot/portal-layout 0.0.53 → 0.0.54
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/Layout.d.ts +2 -2
- package/dist/Layout.js +1 -1
- package/dist/LayoutOverlayManager.js +6 -6
- package/dist/LayoutOverlayManager.js.map +1 -1
- package/dist/components/Dialog.d.ts +1 -1
- package/dist/components/Dialog.js +1 -1
- package/dist/components/Header.d.ts +1 -1
- package/dist/components/Header.js +1 -1
- package/dist/components/OverlayContent.d.ts +1 -1
- package/dist/components/OverlayContent.js +20 -20
- package/dist/components/PortalSwitcher.d.ts +1 -1
- package/dist/components/PortalSwitcher.js +54 -54
- package/dist/components/SelectionList.d.ts +1 -1
- package/dist/components/SelectionList.js +54 -54
- package/dist/components/SelectionList.js.map +1 -1
- package/dist/components/Toaster.d.ts +1 -1
- package/dist/components/Toaster.js +1 -1
- package/dist/components/UserMenu.d.ts +1 -1
- package/dist/components/UserMenu.js +41 -41
- package/dist/components/error/ErrorBoundary.d.ts +1 -1
- package/dist/components/error/ErrorBoundary.js +1 -1
- package/dist/components/error/ErrorFeedback.d.ts +1 -1
- package/dist/components/error/ErrorFeedback.js +1 -1
- package/dist/components/error/SilentErrorBoundary.d.ts +1 -1
- package/dist/components/error/SilentErrorBoundary.js +1 -1
- package/dist/components/menu/MenuContent.d.ts +10 -12
- package/dist/components/menu/MenuContent.d.ts.map +1 -1
- package/dist/components/menu/MenuContent.js +146 -146
- package/dist/components/menu/MenuContent.js.map +1 -1
- package/dist/components/menu/MenuSections.d.ts +1 -1
- package/dist/components/menu/MenuSections.js +1 -1
- package/dist/components/menu/MenuSections.js.map +1 -1
- package/dist/components/menu/PageSelector.d.ts +1 -1
- package/dist/components/menu/PageSelector.js +65 -65
- package/dist/components/menu/PageSelector.js.map +1 -1
- package/dist/components/menu/use-check-text-overflow.js.map +1 -1
- package/dist/layout-context.d.ts +1 -1
- package/dist/layout-context.js +1 -1
- package/dist/layout.css +467 -466
- package/dist/svg/AI.d.ts +1 -1
- package/dist/svg/AI.js +1 -1
- package/dist/svg/EDP.d.ts +1 -1
- package/dist/svg/EDP.js +1 -1
- package/dist/svg/Forbidden.d.ts +1 -1
- package/dist/svg/Forbidden.js +1 -1
- package/dist/svg/HUB.d.ts +1 -1
- package/dist/svg/HUB.js +1 -1
- package/dist/svg/Logo.d.ts +1 -1
- package/dist/svg/Logo.js +1 -1
- package/dist/svg/NotFound.d.ts +1 -1
- package/dist/svg/NotFound.js +1 -1
- package/dist/svg/ServerError.d.ts +1 -1
- package/dist/svg/ServerError.js +1 -1
- package/dist/svg/Unauthenticated.d.ts +1 -1
- package/dist/svg/Unauthenticated.js +1 -1
- package/dist/toaster.js +1 -1
- package/dist/utils.js.map +1 -1
- package/package.json +5 -5
- package/src/Layout.tsx +106 -106
- package/src/LayoutOverlayManager.tsx +273 -273
- package/src/components/Dialog.tsx +93 -93
- package/src/components/Header.tsx +34 -34
- package/src/components/OverlayContent.tsx +58 -58
- package/src/components/PortalSwitcher.tsx +147 -147
- package/src/components/SelectionList.tsx +272 -272
- package/src/components/Toaster.tsx +16 -16
- package/src/components/UserMenu.tsx +111 -111
- package/src/components/error/ErrorBoundary.tsx +38 -38
- package/src/components/error/ErrorFeedback.tsx +114 -114
- package/src/components/error/ErrorManager.ts +31 -31
- package/src/components/error/SilentErrorBoundary.tsx +54 -54
- package/src/components/menu/MenuContent.tsx +296 -296
- package/src/components/menu/MenuSections.tsx +270 -270
- package/src/components/menu/PageSelector.tsx +154 -154
- package/src/components/menu/constants.ts +2 -2
- package/src/components/menu/types.ts +112 -112
- package/src/components/menu/use-check-text-overflow.tsx +26 -26
- package/src/components/menu/use-keyboard-controls.tsx +70 -70
- package/src/components/types.ts +15 -15
- package/src/dictionary.ts +25 -25
- package/src/elements.ts +24 -24
- package/src/errors.ts +11 -11
- package/src/index.ts +17 -17
- package/src/layout-context.tsx +22 -22
- package/src/layout.css +467 -466
- package/src/svg/AI.tsx +37 -37
- package/src/svg/EDP.tsx +35 -35
- package/src/svg/Forbidden.tsx +22 -22
- package/src/svg/HUB.tsx +35 -35
- package/src/svg/Logo.tsx +35 -35
- package/src/svg/NotFound.tsx +16 -16
- package/src/svg/ServerError.tsx +33 -33
- package/src/svg/Unauthenticated.tsx +16 -16
- package/src/toaster.tsx +76 -76
- package/src/utils.ts +114 -114
- package/tsconfig.json +8 -8
package/src/svg/Logo.tsx
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
|
|
3
|
-
export const Logo = ({ style, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
|
|
4
|
-
<div style={{ display: 'flex', ...style }} {...props}>
|
|
5
|
-
<svg width="155" height="32" viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
6
|
-
<g clipPath="url(#clip0_151_102)">
|
|
7
|
-
<path d="M18.0017 27.2751C17.8488 27.2751 17.7025 27.305 17.5695 27.3549C17.4564 27.3981 17.3367 27.4247 17.2137 27.4347C17.1904 27.4347 17.1671 27.4347 17.1472 27.4347C16.2727 27.4347 15.5113 26.9426 15.1256 26.2211L15.1189 26.2111C15.0657 26.1114 15.0325 26.005 15.0125 25.8952C14.9061 25.2867 14.3808 24.8279 13.7424 24.8279C13.5927 24.8279 13.4498 24.8545 13.3168 24.9044C13.1971 24.9476 13.074 24.9775 12.951 24.9875C12.9277 24.9875 12.9045 24.9875 12.8845 24.9875C11.9867 24.9875 11.222 24.4887 10.8463 23.7406C10.803 23.6508 10.7731 23.5544 10.7565 23.458C10.6534 22.8462 10.1247 22.3774 9.48301 22.3774C9.3367 22.3774 9.19373 22.404 9.06405 22.4505C8.95765 22.4871 8.85125 22.5137 8.7382 22.5203C8.70163 22.5203 8.66505 22.5237 8.63512 22.5237C7.68084 22.5237 6.85956 21.8354 6.51376 21.0074L6.46721 20.8778C6.41401 20.6916 6.32423 20.522 6.20121 20.3823C6.10478 20.2726 6.01501 20.1562 5.93521 20.0332C5.86206 19.9202 5.78226 19.7905 5.74236 19.704C5.60603 19.4048 5.4963 19.0789 5.4963 18.7764C5.4963 18.4106 5.58276 18.0648 5.73571 17.7589C5.74568 17.739 5.75898 17.7157 5.77228 17.6924C5.85873 17.5361 5.97178 17.3998 6.10146 17.2768C6.37079 17.0274 6.53371 16.665 6.51709 16.266C6.48716 15.5976 5.94186 15.0557 5.27353 15.0291C4.53205 14.9991 3.92357 15.591 3.92357 16.3258C3.92357 16.7015 4.08317 17.0407 4.3392 17.2768C4.48217 17.4098 4.61185 17.5627 4.70495 17.7356C4.72157 17.7689 4.7382 17.7988 4.7515 17.8221C4.8845 18.1114 4.96098 18.4339 4.96098 18.7764C4.96098 19.1188 4.9377 19.7273 4.4589 20.1762C4.1397 20.4754 3.88367 20.8611 3.92689 21.3433C3.97677 21.8986 4.38575 22.3574 4.92773 22.4871C5.19373 22.5503 5.43978 22.5237 5.66256 22.4405C5.77893 22.3973 5.89863 22.3707 6.02166 22.3641C6.04493 22.3641 6.06488 22.3641 6.08151 22.3641C6.94934 22.3641 7.71409 22.8262 8.10312 23.5345C8.153 23.6242 8.18292 23.7207 8.1929 23.8204C8.26605 24.4688 8.81468 24.9709 9.47968 24.9709C9.63596 24.9709 9.78226 24.9409 9.91858 24.8911C10.0283 24.8512 10.1414 24.8212 10.2577 24.8146C10.291 24.8146 10.3176 24.8113 10.3409 24.8113C11.1721 24.8113 11.9036 25.2602 12.3059 25.9285C12.3059 25.9318 12.3126 25.9385 12.3159 25.9451C12.3891 26.0715 12.4423 26.2111 12.4689 26.3541C12.5753 26.9626 13.104 27.4214 13.739 27.4214C13.8986 27.4214 14.0483 27.3915 14.1879 27.3383C14.3176 27.2884 14.4539 27.2651 14.5936 27.2618C14.6002 27.2618 14.6069 27.2618 14.6135 27.2618C15.4381 27.2618 16.1463 27.6874 16.5453 28.3358C16.5487 28.3424 16.552 28.3458 16.5553 28.3524C16.6418 28.4987 16.7016 28.6583 16.7349 28.8246C16.8546 29.4397 17.4032 29.8986 18.0582 29.8686C18.7266 29.8387 19.2685 29.2934 19.2985 28.6251C19.3284 27.8836 18.7365 27.2751 18.0017 27.2751ZM5.22365 12.7215C5.93853 12.7215 6.52041 12.1396 6.52041 11.4247C6.52041 10.7099 5.93853 10.128 5.22365 10.128C4.50877 10.128 3.92689 10.7099 3.92689 11.4247C3.92689 12.1396 4.50877 12.7215 5.22365 12.7215ZM5.22365 7.82374C5.93853 7.82374 6.52041 7.24186 6.52041 6.52698C6.52041 5.8121 5.93853 5.23022 5.22365 5.23022C4.50877 5.23022 3.92689 5.8121 3.92689 6.52698C3.92689 7.24186 4.50877 7.82374 5.22365 7.82374Z" fill="#FF9800" />
|
|
8
|
-
<path d="M22.4339 24.5153C22.1812 24.4887 21.9384 24.522 21.719 24.6018C21.6126 24.6417 21.5029 24.6749 21.3931 24.7015C21.2834 24.7281 21.1571 24.7514 21.064 24.7514C20.492 24.7514 19.9966 24.4255 19.7539 23.9467C19.7173 23.8769 19.6807 23.7539 19.6508 23.6508C19.6275 23.571 19.6076 23.4879 19.5943 23.4048C19.4646 22.64 18.8029 22.0581 18.0016 22.0581C17.7822 22.0581 17.5727 22.1047 17.3832 22.1811C17.3499 22.1944 17.32 22.2077 17.2867 22.221C17.1338 22.2743 16.9742 22.3042 16.8013 22.3042C16.1994 22.3042 15.6841 21.9417 15.4546 21.4264C15.3915 21.2834 15.3349 20.9642 15.3349 20.9642C15.2119 20.1961 14.5469 19.6076 13.7423 19.6076C13.5461 19.6076 13.3599 19.6442 13.187 19.7073C13.187 19.7073 12.7747 19.847 12.5486 19.847C11.9268 19.847 11.3948 19.458 11.182 18.9127C11.1288 18.7763 11.0723 18.4704 11.0723 18.4704C11.0024 18.1013 10.8063 17.7788 10.5303 17.5461C10.4538 17.4796 10.3773 17.4097 10.3108 17.3333C10.2344 17.2468 10.1446 17.1404 10.098 17.0606C9.97168 16.8445 9.90186 16.5951 9.90186 16.3291C9.90186 16.0166 9.99828 15.7273 10.1645 15.4879C10.2011 15.438 10.261 15.3682 10.3175 15.3083C10.384 15.2385 10.4538 15.1753 10.527 15.1155C10.8794 14.8196 11.1055 14.3773 11.1055 13.8786C11.1055 13.3798 10.8794 12.9376 10.527 12.6417C10.4472 12.5752 10.374 12.5087 10.3009 12.4322C10.2743 12.4023 10.2477 12.3757 10.2277 12.3524C10.0249 12.0997 9.90186 11.7772 9.90186 11.428C9.90186 11.1654 9.97168 10.916 10.0947 10.7032C10.1446 10.6134 10.2477 10.4937 10.3308 10.4039C10.3906 10.3374 10.4571 10.2742 10.527 10.2177C10.906 9.90185 11.1354 9.41307 11.1022 8.87441C11.049 8.05313 10.374 7.39811 9.55273 7.36486C8.6317 7.32828 7.87027 8.06643 7.87027 8.98082C7.87027 9.47624 8.09637 9.9218 8.44882 10.2177C8.51865 10.2776 8.58847 10.3407 8.65165 10.4072C8.72147 10.4804 8.80127 10.5735 8.8445 10.6433C8.98748 10.8694 9.07393 11.1421 9.07393 11.4314C9.07393 11.7805 8.9509 12.103 8.74475 12.3557C8.7248 12.379 8.70152 12.4056 8.67492 12.4355C8.6051 12.5087 8.52862 12.5785 8.44882 12.645C8.09637 12.9409 7.87027 13.3831 7.87027 13.8819C7.87027 14.3806 8.09637 14.8262 8.45215 15.1221C8.5253 15.182 8.5918 15.2452 8.6583 15.3117C8.70485 15.3615 8.7514 15.4147 8.78132 15.4546C8.9642 15.7007 9.07393 16.0033 9.07393 16.3324C9.07393 16.6383 8.98083 16.921 8.82122 17.157C8.78465 17.2136 8.71482 17.29 8.6583 17.3532C8.59512 17.423 8.5253 17.4862 8.45215 17.5461C8.07309 17.8619 7.84367 18.3474 7.87692 18.8894C7.93012 19.704 8.59512 20.359 9.40975 20.3989C9.65248 20.4122 9.88523 20.369 10.098 20.2826C10.2377 20.226 10.3807 20.1828 10.5303 20.1662C10.5901 20.1595 10.65 20.1529 10.6932 20.1529C11.2019 20.1529 11.6508 20.4122 11.9168 20.8079C11.9401 20.8445 11.9667 20.8944 11.9933 20.9509C12.0731 21.1205 12.1263 21.3033 12.1562 21.4895C12.2759 22.2609 12.9443 22.8528 13.7522 22.8528C13.9584 22.8528 14.1512 22.8129 14.3308 22.7431C14.4571 22.6932 14.5868 22.6566 14.7198 22.6367C14.8029 22.6234 14.8894 22.6167 14.9492 22.6167C15.4779 22.6167 15.9434 22.896 16.2028 23.3183C16.2393 23.3748 16.2759 23.4646 16.3092 23.5477C16.3624 23.6807 16.3956 23.8204 16.4189 23.9634C16.5486 24.7248 17.2103 25.3033 18.0116 25.3033C18.2144 25.3033 18.4106 25.2634 18.5901 25.1969C18.7398 25.1404 18.896 25.1005 19.0556 25.0772C19.1122 25.0673 19.1687 25.0639 19.2119 25.0639C19.8004 25.0639 20.3058 25.4097 20.5419 25.9085C20.5685 25.965 20.5951 26.0515 20.6184 26.1313C20.645 26.221 20.6616 26.3141 20.6783 26.4072C20.8046 27.172 21.4696 27.7572 22.2743 27.7572C23.2053 27.7572 23.9534 26.9692 23.8869 26.0249C23.8337 25.2468 23.2186 24.6151 22.4472 24.5319M9.4829 5.69237C10.374 5.69237 11.0989 4.96751 11.0989 4.07641C11.0989 3.1853 10.374 2.46045 9.4829 2.46045C8.5918 2.46045 7.86694 3.1853 7.86694 4.07641C7.86694 4.96751 8.5918 5.69237 9.4829 5.69237Z" fill="#FF9800" />
|
|
9
|
-
<path d="M0.964256 19.7506C1.49626 19.7506 1.92851 19.3117 1.92851 18.7731C1.92851 18.2344 1.49626 17.7955 0.964256 17.7955C0.432253 17.7955 0 18.2344 0 18.7731C0 19.3117 0.432253 19.7506 0.964256 19.7506ZM0.964256 14.8529C1.49626 14.8529 1.92851 14.414 1.92851 13.8753C1.92851 13.3367 1.49626 12.8978 0.964256 12.8978C0.432253 12.8978 0 13.3367 0 13.8753C0 14.414 0.432253 14.8529 0.964256 14.8529ZM0.964256 9.95511C1.49626 9.95511 1.92851 9.51621 1.92851 8.97756C1.92851 8.4389 1.49626 8 0.964256 8C0.432253 8 0 8.4389 0 8.97756C0 9.51621 0.432253 9.95511 0.964256 9.95511ZM13.7423 30.0449C13.7057 30.0449 13.4065 30.0648 13.2968 30.0648C12.0732 30.0648 11.0158 29.3899 10.4838 28.399C10.4439 28.3259 10.3541 28.1596 10.3541 28.1596C10.2012 27.8271 9.86866 27.5943 9.48296 27.5943C9.44971 27.5943 9.15378 27.6243 9.03408 27.6243C7.8537 27.6243 6.82627 26.9925 6.27764 26.0582C6.21114 25.9451 6.08811 25.6958 6.08811 25.6958C5.93184 25.3699 5.60599 25.1438 5.22361 25.1438C5.19701 25.1438 4.88778 25.1704 4.75811 25.1704C3.5212 25.1704 2.45387 24.4788 1.92851 23.4713C1.90191 23.4214 1.87864 23.3716 1.85869 23.3184C1.71904 22.9526 1.37323 22.6933 0.964256 22.6933C0.432253 22.6933 0 23.1322 0 23.6708C0 24.2095 0.432253 24.6484 0.964256 24.6484C1.00748 24.6484 1.31338 24.6251 1.41978 24.6251C2.54364 24.6251 3.53117 25.197 4.0931 26.0582C4.1862 26.2012 4.34248 26.5137 4.34248 26.5137C4.4921 26.8562 4.82793 27.0956 5.22361 27.0956C5.26018 27.0956 5.56276 27.079 5.67249 27.079C6.86949 27.079 7.9069 27.724 8.44888 28.6783C8.50208 28.7714 8.6118 28.9776 8.6118 28.9776C8.76476 29.3134 9.09726 29.5461 9.48629 29.5461C9.51954 29.5461 9.81879 29.5262 9.93184 29.5262C11.0989 29.5262 12.1197 30.1413 12.6717 31.059C12.7448 31.1787 12.8778 31.4447 12.8778 31.4447C13.0341 31.7706 13.3599 32 13.7423 32C14.2743 32 14.7066 31.5611 14.7066 31.0224C14.7066 30.4838 14.2743 30.0449 13.7423 30.0449Z" fill="#FF9800" />
|
|
10
|
-
<path d="M13.7422 3.23192C14.6333 3.23192 15.3581 2.50707 15.3581 1.61596C15.3581 0.724855 14.6333 0 13.7422 0C12.8511 0 12.1262 0.724855 12.1262 1.61596C12.1262 2.50707 12.8511 3.23192 13.7422 3.23192Z" fill="#FF6633" />
|
|
11
|
-
<path d="M13.7422 8.13292C14.6333 8.13292 15.3581 7.40807 15.3581 6.51696C15.3581 5.62586 14.6333 4.901 13.7422 4.901C12.8511 4.901 12.1262 5.62586 12.1262 6.51696C12.1262 7.40807 12.8511 8.13292 13.7422 8.13292Z" fill="#FF6633" />
|
|
12
|
-
<path d="M13.7422 13.0307C14.6333 13.0307 15.3581 12.3059 15.3581 11.4148C15.3581 10.5237 14.6333 9.79883 13.7422 9.79883C12.8511 9.79883 12.1262 10.5237 12.1262 11.4148C12.1262 12.3059 12.8511 13.0307 13.7422 13.0307Z" fill="#FF6633" />
|
|
13
|
-
<path d="M13.7422 17.9286C14.6333 17.9286 15.3581 17.2037 15.3581 16.3126C15.3581 15.4215 14.6333 14.6967 13.7422 14.6967C12.8511 14.6967 12.1262 15.4215 12.1262 16.3126C12.1262 17.2037 12.8511 17.9286 13.7422 17.9286Z" fill="#FF6633" />
|
|
14
|
-
<path d="M18.0015 5.68248C18.8926 5.68248 19.6174 4.95763 19.6174 4.06652C19.6174 3.17542 18.8926 2.45056 18.0015 2.45056C17.1104 2.45056 16.3855 3.17542 16.3855 4.06652C16.3855 4.95763 17.1104 5.68248 18.0015 5.68248Z" fill="#FF6633" />
|
|
15
|
-
<path d="M18.0015 10.5802C18.8926 10.5802 19.6174 9.85533 19.6174 8.96423C19.6174 8.07312 18.8926 7.34827 18.0015 7.34827C17.1104 7.34827 16.3855 8.07312 16.3855 8.96423C16.3855 9.85533 17.1104 10.5802 18.0015 10.5802Z" fill="#FF6633" />
|
|
16
|
-
<path d="M18.0015 15.4813C18.8926 15.4813 19.6174 14.7565 19.6174 13.8654C19.6174 12.9742 18.8926 12.2494 18.0015 12.2494C17.1104 12.2494 16.3855 12.9742 16.3855 13.8654C16.3855 14.7565 17.1104 15.4813 18.0015 15.4813Z" fill="#FF6633" />
|
|
17
|
-
<path d="M18.0015 20.379C18.8926 20.379 19.6174 19.6542 19.6174 18.7631C19.6174 17.8719 18.8926 17.1471 18.0015 17.1471C17.1104 17.1471 16.3855 17.8719 16.3855 18.7631C16.3855 19.6542 17.1104 20.379 18.0015 20.379Z" fill="#FF6633" />
|
|
18
|
-
<path d="M22.2642 8.13292C23.1553 8.13292 23.8801 7.40807 23.8801 6.51696C23.8801 5.62586 23.1553 4.901 22.2642 4.901C21.373 4.901 20.6482 5.62586 20.6482 6.51696C20.6482 7.40807 21.373 8.13292 22.2642 8.13292Z" fill="#FF6633" />
|
|
19
|
-
<path d="M22.2642 13.0307C23.1553 13.0307 23.8801 12.3059 23.8801 11.4148C23.8801 10.5237 23.1553 9.79883 22.2642 9.79883C21.373 9.79883 20.6482 10.5237 20.6482 11.4148C20.6482 12.3059 21.373 13.0307 22.2642 13.0307Z" fill="#FF6633" />
|
|
20
|
-
<path d="M22.2642 17.9286C23.1553 17.9286 23.8801 17.2037 23.8801 16.3126C23.8801 15.4215 23.1553 14.6967 22.2642 14.6967C21.373 14.6967 20.6482 15.4215 20.6482 16.3126C20.6482 17.2037 21.373 17.9286 22.2642 17.9286Z" fill="#FF6633" />
|
|
21
|
-
<path d="M22.2642 22.8296C23.1553 22.8296 23.8801 22.1047 23.8801 21.2136C23.8801 20.3225 23.1553 19.5977 22.2642 19.5977C21.373 19.5977 20.6482 20.3225 20.6482 21.2136C20.6482 22.1047 21.373 22.8296 22.2642 22.8296Z" fill="#FF6633" />
|
|
22
|
-
<path d="M26.5234 10.5802C27.4145 10.5802 28.1394 9.85533 28.1394 8.96423C28.1394 8.07312 27.4145 7.34827 26.5234 7.34827C25.6323 7.34827 24.9075 8.07312 24.9075 8.96423C24.9075 9.85533 25.6323 10.5802 26.5234 10.5802Z" fill="#FF6633" />
|
|
23
|
-
<path d="M26.5234 15.4813C27.4145 15.4813 28.1394 14.7565 28.1394 13.8654C28.1394 12.9742 27.4145 12.2494 26.5234 12.2494C25.6323 12.2494 24.9075 12.9742 24.9075 13.8654C24.9075 14.7565 25.6323 15.4813 26.5234 15.4813Z" fill="#FF6633" />
|
|
24
|
-
<path d="M26.5234 20.379C27.4145 20.379 28.1394 19.6542 28.1394 18.7631C28.1394 17.8719 27.4145 17.1471 26.5234 17.1471C25.6323 17.1471 24.9075 17.8719 24.9075 18.7631C24.9075 19.6542 25.6323 20.379 26.5234 20.379Z" fill="#FF6633" />
|
|
25
|
-
<path d="M26.5234 25.2767C27.4145 25.2767 28.1394 24.5519 28.1394 23.6608C28.1394 22.7697 27.4145 22.0448 26.5234 22.0448C25.6323 22.0448 24.9075 22.7697 24.9075 23.6608C24.9075 24.5519 25.6323 25.2767 26.5234 25.2767Z" fill="#FF6633" />
|
|
26
|
-
<path className="stackspot-text" d="M109.217 14.9759H105.17C104.103 14.9759 103.232 14.1081 103.232 13.0374C103.232 11.9668 104.1 11.0989 105.17 11.0989H109.666C110.268 11.0989 110.76 10.6068 110.76 10.005C110.76 9.40318 110.268 8.91108 109.666 8.91108H105.17C102.896 8.91108 101.044 10.7631 101.044 13.0374C101.044 15.3117 102.896 17.1638 105.17 17.1638H109.217C110.544 17.1638 111.624 18.2444 111.624 19.5711C111.624 20.8978 110.544 21.9784 109.217 21.9784H102.138C101.536 21.9784 101.044 22.4672 101.044 23.0723C101.044 23.6775 101.533 24.1663 102.138 24.1663H109.217C111.751 24.1663 113.812 22.1048 113.812 19.5744C113.812 17.0441 111.751 14.9792 109.217 14.9792V14.9759ZM80.8246 11.3483H84.6251C85.2269 11.3483 85.719 10.8562 85.719 10.2544C85.719 9.65256 85.2302 9.16045 84.6251 9.16045H80.8246C76.6882 9.16045 73.3233 12.5254 73.3233 16.6617C73.3233 20.798 76.6882 24.1629 80.8246 24.1629H84.6251C85.2269 24.1629 85.719 23.6708 85.719 23.069C85.719 22.4672 85.2302 21.9751 84.6251 21.9751H80.8246C77.8952 21.9751 75.5112 19.591 75.5112 16.6617C75.5112 13.7324 77.8952 11.3483 80.8246 11.3483ZM93.862 16.4722L99.6209 10.7132C100.047 10.2876 100.047 9.5927 99.6209 9.1671C99.4081 8.9543 99.1288 8.8479 98.8462 8.8479C98.5636 8.8479 98.2876 8.9543 98.0715 9.1671L91.5411 15.6974C91.1155 16.123 91.1155 16.818 91.5411 17.2436L98.1346 23.8371C98.5469 24.2494 99.2685 24.2494 99.6808 23.8371C100.106 23.4115 100.106 22.7166 99.6808 22.291L93.8587 16.4688L93.862 16.4722ZM144.432 11.0624H148.043V23.0657C148.043 23.6675 148.535 24.1596 149.137 24.1596C149.739 24.1596 150.231 23.6675 150.231 23.0657V11.0624H153.842C154.444 11.0624 154.936 10.5703 154.936 9.96843C154.936 9.3666 154.444 8.8745 153.842 8.8745H144.432C143.83 8.8745 143.338 9.3666 143.338 9.96843C143.338 10.5703 143.827 11.0624 144.432 11.0624ZM44.7481 14.9726H40.7015C39.6342 14.9726 38.7631 14.1048 38.7631 13.0341C38.7631 11.9634 39.6309 11.0956 40.7015 11.0956H45.2003C45.8021 11.0956 46.2942 10.6035 46.2942 10.0017C46.2942 9.39985 45.8021 8.90775 45.2003 8.90775H40.7015C38.4272 8.90775 36.5752 10.7598 36.5752 13.0341C36.5752 15.3084 38.4272 17.1605 40.7015 17.1605H44.7481C46.0748 17.1605 47.1554 18.2411 47.1554 19.5678C47.1554 20.8945 46.0748 21.9751 44.7481 21.9751H37.6691C37.0673 21.9751 36.5752 22.4639 36.5752 23.069C36.5752 23.6742 37.0673 24.1629 37.6691 24.1629H44.7481C47.2818 24.1629 49.3433 22.1014 49.3433 19.5711C49.3433 17.0408 47.2818 14.9759 44.7481 14.9759V14.9726ZM61.6326 9.96843C61.6326 9.3666 61.1405 8.8745 60.5386 8.8745H48.9742C48.3724 8.8745 47.8803 9.3666 47.8803 9.96843C47.8803 10.5703 48.369 11.0624 48.9742 11.0624H51.9933V23.0657C51.9933 23.6675 52.4854 24.1596 53.0872 24.1596C53.6891 24.1596 54.1812 23.6675 54.1812 23.0657V11.0624H60.5386C61.1405 11.0624 61.6326 10.5703 61.6326 9.96843ZM69.9518 9.04075L69.9085 9.05738L69.8653 9.08065C69.7323 9.14383 69.6326 9.21033 69.5494 9.29345L56.5486 22.2943C56.123 22.7199 56.123 23.4148 56.5486 23.8404C56.9609 24.2527 57.6824 24.2527 58.0947 23.8404L69.2435 12.6916L69.2535 22.8828C69.2535 23.4846 69.7456 23.9734 70.3474 23.9734C70.9526 23.9734 71.4414 23.4813 71.4414 22.8795L71.4281 10.0582C71.4281 9.33003 70.7132 8.75147 69.9518 9.04075ZM88.6583 8.96428C88.0565 8.96428 87.5644 9.45305 87.5644 10.0582L87.5511 22.8795C87.5511 23.4813 88.0399 23.9734 88.6417 23.9734C89.2469 23.9734 89.7356 23.4846 89.7356 22.8828L89.7489 10.0615C89.7489 9.76893 89.6359 9.49628 89.4297 9.2868C89.2236 9.08065 88.9476 8.9676 88.6583 8.96428ZM136.289 8.86785C132.073 8.86785 128.642 12.2993 128.642 16.5121C128.642 20.7249 132.073 24.1563 136.289 24.1563C140.505 24.1563 143.933 20.7282 143.933 16.5121C143.933 12.2959 140.505 8.86785 136.289 8.86785ZM136.289 21.9718C133.28 21.9718 130.83 19.5245 130.83 16.5121C130.83 13.4996 133.28 11.0524 136.289 11.0524C139.298 11.0524 141.749 13.4996 141.749 16.5121C141.749 19.5245 139.302 21.9718 136.289 21.9718ZM121.31 8.90443H116.339C115.737 8.90443 115.245 9.39653 115.245 9.99836V23.0624C115.245 23.6642 115.737 24.1563 116.339 24.1563C116.941 24.1563 117.433 23.6642 117.433 23.0624V20.6817H121.343C124.555 20.6817 127.199 18.0416 127.199 14.7964C127.199 11.5511 124.559 8.90775 121.31 8.90775V8.90443ZM121.333 18.4938H117.433V11.0923H121.31C123.352 11.0923 125.011 12.7515 125.011 14.793C125.011 16.8346 123.362 18.4805 121.333 18.4938Z" fill="#FAFAFB" />
|
|
27
|
-
</g>
|
|
28
|
-
<defs>
|
|
29
|
-
<clipPath id="clip0_151_102">
|
|
30
|
-
<rect width="154.936" height="32" fill="white" />
|
|
31
|
-
</clipPath>
|
|
32
|
-
</defs>
|
|
33
|
-
</svg>
|
|
34
|
-
</div>
|
|
35
|
-
)
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
|
|
3
|
+
export const Logo = ({ style, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
|
|
4
|
+
<div style={{ display: 'flex', ...style }} {...props}>
|
|
5
|
+
<svg width="155" height="32" viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
6
|
+
<g clipPath="url(#clip0_151_102)">
|
|
7
|
+
<path d="M18.0017 27.2751C17.8488 27.2751 17.7025 27.305 17.5695 27.3549C17.4564 27.3981 17.3367 27.4247 17.2137 27.4347C17.1904 27.4347 17.1671 27.4347 17.1472 27.4347C16.2727 27.4347 15.5113 26.9426 15.1256 26.2211L15.1189 26.2111C15.0657 26.1114 15.0325 26.005 15.0125 25.8952C14.9061 25.2867 14.3808 24.8279 13.7424 24.8279C13.5927 24.8279 13.4498 24.8545 13.3168 24.9044C13.1971 24.9476 13.074 24.9775 12.951 24.9875C12.9277 24.9875 12.9045 24.9875 12.8845 24.9875C11.9867 24.9875 11.222 24.4887 10.8463 23.7406C10.803 23.6508 10.7731 23.5544 10.7565 23.458C10.6534 22.8462 10.1247 22.3774 9.48301 22.3774C9.3367 22.3774 9.19373 22.404 9.06405 22.4505C8.95765 22.4871 8.85125 22.5137 8.7382 22.5203C8.70163 22.5203 8.66505 22.5237 8.63512 22.5237C7.68084 22.5237 6.85956 21.8354 6.51376 21.0074L6.46721 20.8778C6.41401 20.6916 6.32423 20.522 6.20121 20.3823C6.10478 20.2726 6.01501 20.1562 5.93521 20.0332C5.86206 19.9202 5.78226 19.7905 5.74236 19.704C5.60603 19.4048 5.4963 19.0789 5.4963 18.7764C5.4963 18.4106 5.58276 18.0648 5.73571 17.7589C5.74568 17.739 5.75898 17.7157 5.77228 17.6924C5.85873 17.5361 5.97178 17.3998 6.10146 17.2768C6.37079 17.0274 6.53371 16.665 6.51709 16.266C6.48716 15.5976 5.94186 15.0557 5.27353 15.0291C4.53205 14.9991 3.92357 15.591 3.92357 16.3258C3.92357 16.7015 4.08317 17.0407 4.3392 17.2768C4.48217 17.4098 4.61185 17.5627 4.70495 17.7356C4.72157 17.7689 4.7382 17.7988 4.7515 17.8221C4.8845 18.1114 4.96098 18.4339 4.96098 18.7764C4.96098 19.1188 4.9377 19.7273 4.4589 20.1762C4.1397 20.4754 3.88367 20.8611 3.92689 21.3433C3.97677 21.8986 4.38575 22.3574 4.92773 22.4871C5.19373 22.5503 5.43978 22.5237 5.66256 22.4405C5.77893 22.3973 5.89863 22.3707 6.02166 22.3641C6.04493 22.3641 6.06488 22.3641 6.08151 22.3641C6.94934 22.3641 7.71409 22.8262 8.10312 23.5345C8.153 23.6242 8.18292 23.7207 8.1929 23.8204C8.26605 24.4688 8.81468 24.9709 9.47968 24.9709C9.63596 24.9709 9.78226 24.9409 9.91858 24.8911C10.0283 24.8512 10.1414 24.8212 10.2577 24.8146C10.291 24.8146 10.3176 24.8113 10.3409 24.8113C11.1721 24.8113 11.9036 25.2602 12.3059 25.9285C12.3059 25.9318 12.3126 25.9385 12.3159 25.9451C12.3891 26.0715 12.4423 26.2111 12.4689 26.3541C12.5753 26.9626 13.104 27.4214 13.739 27.4214C13.8986 27.4214 14.0483 27.3915 14.1879 27.3383C14.3176 27.2884 14.4539 27.2651 14.5936 27.2618C14.6002 27.2618 14.6069 27.2618 14.6135 27.2618C15.4381 27.2618 16.1463 27.6874 16.5453 28.3358C16.5487 28.3424 16.552 28.3458 16.5553 28.3524C16.6418 28.4987 16.7016 28.6583 16.7349 28.8246C16.8546 29.4397 17.4032 29.8986 18.0582 29.8686C18.7266 29.8387 19.2685 29.2934 19.2985 28.6251C19.3284 27.8836 18.7365 27.2751 18.0017 27.2751ZM5.22365 12.7215C5.93853 12.7215 6.52041 12.1396 6.52041 11.4247C6.52041 10.7099 5.93853 10.128 5.22365 10.128C4.50877 10.128 3.92689 10.7099 3.92689 11.4247C3.92689 12.1396 4.50877 12.7215 5.22365 12.7215ZM5.22365 7.82374C5.93853 7.82374 6.52041 7.24186 6.52041 6.52698C6.52041 5.8121 5.93853 5.23022 5.22365 5.23022C4.50877 5.23022 3.92689 5.8121 3.92689 6.52698C3.92689 7.24186 4.50877 7.82374 5.22365 7.82374Z" fill="#FF9800" />
|
|
8
|
+
<path d="M22.4339 24.5153C22.1812 24.4887 21.9384 24.522 21.719 24.6018C21.6126 24.6417 21.5029 24.6749 21.3931 24.7015C21.2834 24.7281 21.1571 24.7514 21.064 24.7514C20.492 24.7514 19.9966 24.4255 19.7539 23.9467C19.7173 23.8769 19.6807 23.7539 19.6508 23.6508C19.6275 23.571 19.6076 23.4879 19.5943 23.4048C19.4646 22.64 18.8029 22.0581 18.0016 22.0581C17.7822 22.0581 17.5727 22.1047 17.3832 22.1811C17.3499 22.1944 17.32 22.2077 17.2867 22.221C17.1338 22.2743 16.9742 22.3042 16.8013 22.3042C16.1994 22.3042 15.6841 21.9417 15.4546 21.4264C15.3915 21.2834 15.3349 20.9642 15.3349 20.9642C15.2119 20.1961 14.5469 19.6076 13.7423 19.6076C13.5461 19.6076 13.3599 19.6442 13.187 19.7073C13.187 19.7073 12.7747 19.847 12.5486 19.847C11.9268 19.847 11.3948 19.458 11.182 18.9127C11.1288 18.7763 11.0723 18.4704 11.0723 18.4704C11.0024 18.1013 10.8063 17.7788 10.5303 17.5461C10.4538 17.4796 10.3773 17.4097 10.3108 17.3333C10.2344 17.2468 10.1446 17.1404 10.098 17.0606C9.97168 16.8445 9.90186 16.5951 9.90186 16.3291C9.90186 16.0166 9.99828 15.7273 10.1645 15.4879C10.2011 15.438 10.261 15.3682 10.3175 15.3083C10.384 15.2385 10.4538 15.1753 10.527 15.1155C10.8794 14.8196 11.1055 14.3773 11.1055 13.8786C11.1055 13.3798 10.8794 12.9376 10.527 12.6417C10.4472 12.5752 10.374 12.5087 10.3009 12.4322C10.2743 12.4023 10.2477 12.3757 10.2277 12.3524C10.0249 12.0997 9.90186 11.7772 9.90186 11.428C9.90186 11.1654 9.97168 10.916 10.0947 10.7032C10.1446 10.6134 10.2477 10.4937 10.3308 10.4039C10.3906 10.3374 10.4571 10.2742 10.527 10.2177C10.906 9.90185 11.1354 9.41307 11.1022 8.87441C11.049 8.05313 10.374 7.39811 9.55273 7.36486C8.6317 7.32828 7.87027 8.06643 7.87027 8.98082C7.87027 9.47624 8.09637 9.9218 8.44882 10.2177C8.51865 10.2776 8.58847 10.3407 8.65165 10.4072C8.72147 10.4804 8.80127 10.5735 8.8445 10.6433C8.98748 10.8694 9.07393 11.1421 9.07393 11.4314C9.07393 11.7805 8.9509 12.103 8.74475 12.3557C8.7248 12.379 8.70152 12.4056 8.67492 12.4355C8.6051 12.5087 8.52862 12.5785 8.44882 12.645C8.09637 12.9409 7.87027 13.3831 7.87027 13.8819C7.87027 14.3806 8.09637 14.8262 8.45215 15.1221C8.5253 15.182 8.5918 15.2452 8.6583 15.3117C8.70485 15.3615 8.7514 15.4147 8.78132 15.4546C8.9642 15.7007 9.07393 16.0033 9.07393 16.3324C9.07393 16.6383 8.98083 16.921 8.82122 17.157C8.78465 17.2136 8.71482 17.29 8.6583 17.3532C8.59512 17.423 8.5253 17.4862 8.45215 17.5461C8.07309 17.8619 7.84367 18.3474 7.87692 18.8894C7.93012 19.704 8.59512 20.359 9.40975 20.3989C9.65248 20.4122 9.88523 20.369 10.098 20.2826C10.2377 20.226 10.3807 20.1828 10.5303 20.1662C10.5901 20.1595 10.65 20.1529 10.6932 20.1529C11.2019 20.1529 11.6508 20.4122 11.9168 20.8079C11.9401 20.8445 11.9667 20.8944 11.9933 20.9509C12.0731 21.1205 12.1263 21.3033 12.1562 21.4895C12.2759 22.2609 12.9443 22.8528 13.7522 22.8528C13.9584 22.8528 14.1512 22.8129 14.3308 22.7431C14.4571 22.6932 14.5868 22.6566 14.7198 22.6367C14.8029 22.6234 14.8894 22.6167 14.9492 22.6167C15.4779 22.6167 15.9434 22.896 16.2028 23.3183C16.2393 23.3748 16.2759 23.4646 16.3092 23.5477C16.3624 23.6807 16.3956 23.8204 16.4189 23.9634C16.5486 24.7248 17.2103 25.3033 18.0116 25.3033C18.2144 25.3033 18.4106 25.2634 18.5901 25.1969C18.7398 25.1404 18.896 25.1005 19.0556 25.0772C19.1122 25.0673 19.1687 25.0639 19.2119 25.0639C19.8004 25.0639 20.3058 25.4097 20.5419 25.9085C20.5685 25.965 20.5951 26.0515 20.6184 26.1313C20.645 26.221 20.6616 26.3141 20.6783 26.4072C20.8046 27.172 21.4696 27.7572 22.2743 27.7572C23.2053 27.7572 23.9534 26.9692 23.8869 26.0249C23.8337 25.2468 23.2186 24.6151 22.4472 24.5319M9.4829 5.69237C10.374 5.69237 11.0989 4.96751 11.0989 4.07641C11.0989 3.1853 10.374 2.46045 9.4829 2.46045C8.5918 2.46045 7.86694 3.1853 7.86694 4.07641C7.86694 4.96751 8.5918 5.69237 9.4829 5.69237Z" fill="#FF9800" />
|
|
9
|
+
<path d="M0.964256 19.7506C1.49626 19.7506 1.92851 19.3117 1.92851 18.7731C1.92851 18.2344 1.49626 17.7955 0.964256 17.7955C0.432253 17.7955 0 18.2344 0 18.7731C0 19.3117 0.432253 19.7506 0.964256 19.7506ZM0.964256 14.8529C1.49626 14.8529 1.92851 14.414 1.92851 13.8753C1.92851 13.3367 1.49626 12.8978 0.964256 12.8978C0.432253 12.8978 0 13.3367 0 13.8753C0 14.414 0.432253 14.8529 0.964256 14.8529ZM0.964256 9.95511C1.49626 9.95511 1.92851 9.51621 1.92851 8.97756C1.92851 8.4389 1.49626 8 0.964256 8C0.432253 8 0 8.4389 0 8.97756C0 9.51621 0.432253 9.95511 0.964256 9.95511ZM13.7423 30.0449C13.7057 30.0449 13.4065 30.0648 13.2968 30.0648C12.0732 30.0648 11.0158 29.3899 10.4838 28.399C10.4439 28.3259 10.3541 28.1596 10.3541 28.1596C10.2012 27.8271 9.86866 27.5943 9.48296 27.5943C9.44971 27.5943 9.15378 27.6243 9.03408 27.6243C7.8537 27.6243 6.82627 26.9925 6.27764 26.0582C6.21114 25.9451 6.08811 25.6958 6.08811 25.6958C5.93184 25.3699 5.60599 25.1438 5.22361 25.1438C5.19701 25.1438 4.88778 25.1704 4.75811 25.1704C3.5212 25.1704 2.45387 24.4788 1.92851 23.4713C1.90191 23.4214 1.87864 23.3716 1.85869 23.3184C1.71904 22.9526 1.37323 22.6933 0.964256 22.6933C0.432253 22.6933 0 23.1322 0 23.6708C0 24.2095 0.432253 24.6484 0.964256 24.6484C1.00748 24.6484 1.31338 24.6251 1.41978 24.6251C2.54364 24.6251 3.53117 25.197 4.0931 26.0582C4.1862 26.2012 4.34248 26.5137 4.34248 26.5137C4.4921 26.8562 4.82793 27.0956 5.22361 27.0956C5.26018 27.0956 5.56276 27.079 5.67249 27.079C6.86949 27.079 7.9069 27.724 8.44888 28.6783C8.50208 28.7714 8.6118 28.9776 8.6118 28.9776C8.76476 29.3134 9.09726 29.5461 9.48629 29.5461C9.51954 29.5461 9.81879 29.5262 9.93184 29.5262C11.0989 29.5262 12.1197 30.1413 12.6717 31.059C12.7448 31.1787 12.8778 31.4447 12.8778 31.4447C13.0341 31.7706 13.3599 32 13.7423 32C14.2743 32 14.7066 31.5611 14.7066 31.0224C14.7066 30.4838 14.2743 30.0449 13.7423 30.0449Z" fill="#FF9800" />
|
|
10
|
+
<path d="M13.7422 3.23192C14.6333 3.23192 15.3581 2.50707 15.3581 1.61596C15.3581 0.724855 14.6333 0 13.7422 0C12.8511 0 12.1262 0.724855 12.1262 1.61596C12.1262 2.50707 12.8511 3.23192 13.7422 3.23192Z" fill="#FF6633" />
|
|
11
|
+
<path d="M13.7422 8.13292C14.6333 8.13292 15.3581 7.40807 15.3581 6.51696C15.3581 5.62586 14.6333 4.901 13.7422 4.901C12.8511 4.901 12.1262 5.62586 12.1262 6.51696C12.1262 7.40807 12.8511 8.13292 13.7422 8.13292Z" fill="#FF6633" />
|
|
12
|
+
<path d="M13.7422 13.0307C14.6333 13.0307 15.3581 12.3059 15.3581 11.4148C15.3581 10.5237 14.6333 9.79883 13.7422 9.79883C12.8511 9.79883 12.1262 10.5237 12.1262 11.4148C12.1262 12.3059 12.8511 13.0307 13.7422 13.0307Z" fill="#FF6633" />
|
|
13
|
+
<path d="M13.7422 17.9286C14.6333 17.9286 15.3581 17.2037 15.3581 16.3126C15.3581 15.4215 14.6333 14.6967 13.7422 14.6967C12.8511 14.6967 12.1262 15.4215 12.1262 16.3126C12.1262 17.2037 12.8511 17.9286 13.7422 17.9286Z" fill="#FF6633" />
|
|
14
|
+
<path d="M18.0015 5.68248C18.8926 5.68248 19.6174 4.95763 19.6174 4.06652C19.6174 3.17542 18.8926 2.45056 18.0015 2.45056C17.1104 2.45056 16.3855 3.17542 16.3855 4.06652C16.3855 4.95763 17.1104 5.68248 18.0015 5.68248Z" fill="#FF6633" />
|
|
15
|
+
<path d="M18.0015 10.5802C18.8926 10.5802 19.6174 9.85533 19.6174 8.96423C19.6174 8.07312 18.8926 7.34827 18.0015 7.34827C17.1104 7.34827 16.3855 8.07312 16.3855 8.96423C16.3855 9.85533 17.1104 10.5802 18.0015 10.5802Z" fill="#FF6633" />
|
|
16
|
+
<path d="M18.0015 15.4813C18.8926 15.4813 19.6174 14.7565 19.6174 13.8654C19.6174 12.9742 18.8926 12.2494 18.0015 12.2494C17.1104 12.2494 16.3855 12.9742 16.3855 13.8654C16.3855 14.7565 17.1104 15.4813 18.0015 15.4813Z" fill="#FF6633" />
|
|
17
|
+
<path d="M18.0015 20.379C18.8926 20.379 19.6174 19.6542 19.6174 18.7631C19.6174 17.8719 18.8926 17.1471 18.0015 17.1471C17.1104 17.1471 16.3855 17.8719 16.3855 18.7631C16.3855 19.6542 17.1104 20.379 18.0015 20.379Z" fill="#FF6633" />
|
|
18
|
+
<path d="M22.2642 8.13292C23.1553 8.13292 23.8801 7.40807 23.8801 6.51696C23.8801 5.62586 23.1553 4.901 22.2642 4.901C21.373 4.901 20.6482 5.62586 20.6482 6.51696C20.6482 7.40807 21.373 8.13292 22.2642 8.13292Z" fill="#FF6633" />
|
|
19
|
+
<path d="M22.2642 13.0307C23.1553 13.0307 23.8801 12.3059 23.8801 11.4148C23.8801 10.5237 23.1553 9.79883 22.2642 9.79883C21.373 9.79883 20.6482 10.5237 20.6482 11.4148C20.6482 12.3059 21.373 13.0307 22.2642 13.0307Z" fill="#FF6633" />
|
|
20
|
+
<path d="M22.2642 17.9286C23.1553 17.9286 23.8801 17.2037 23.8801 16.3126C23.8801 15.4215 23.1553 14.6967 22.2642 14.6967C21.373 14.6967 20.6482 15.4215 20.6482 16.3126C20.6482 17.2037 21.373 17.9286 22.2642 17.9286Z" fill="#FF6633" />
|
|
21
|
+
<path d="M22.2642 22.8296C23.1553 22.8296 23.8801 22.1047 23.8801 21.2136C23.8801 20.3225 23.1553 19.5977 22.2642 19.5977C21.373 19.5977 20.6482 20.3225 20.6482 21.2136C20.6482 22.1047 21.373 22.8296 22.2642 22.8296Z" fill="#FF6633" />
|
|
22
|
+
<path d="M26.5234 10.5802C27.4145 10.5802 28.1394 9.85533 28.1394 8.96423C28.1394 8.07312 27.4145 7.34827 26.5234 7.34827C25.6323 7.34827 24.9075 8.07312 24.9075 8.96423C24.9075 9.85533 25.6323 10.5802 26.5234 10.5802Z" fill="#FF6633" />
|
|
23
|
+
<path d="M26.5234 15.4813C27.4145 15.4813 28.1394 14.7565 28.1394 13.8654C28.1394 12.9742 27.4145 12.2494 26.5234 12.2494C25.6323 12.2494 24.9075 12.9742 24.9075 13.8654C24.9075 14.7565 25.6323 15.4813 26.5234 15.4813Z" fill="#FF6633" />
|
|
24
|
+
<path d="M26.5234 20.379C27.4145 20.379 28.1394 19.6542 28.1394 18.7631C28.1394 17.8719 27.4145 17.1471 26.5234 17.1471C25.6323 17.1471 24.9075 17.8719 24.9075 18.7631C24.9075 19.6542 25.6323 20.379 26.5234 20.379Z" fill="#FF6633" />
|
|
25
|
+
<path d="M26.5234 25.2767C27.4145 25.2767 28.1394 24.5519 28.1394 23.6608C28.1394 22.7697 27.4145 22.0448 26.5234 22.0448C25.6323 22.0448 24.9075 22.7697 24.9075 23.6608C24.9075 24.5519 25.6323 25.2767 26.5234 25.2767Z" fill="#FF6633" />
|
|
26
|
+
<path className="stackspot-text" d="M109.217 14.9759H105.17C104.103 14.9759 103.232 14.1081 103.232 13.0374C103.232 11.9668 104.1 11.0989 105.17 11.0989H109.666C110.268 11.0989 110.76 10.6068 110.76 10.005C110.76 9.40318 110.268 8.91108 109.666 8.91108H105.17C102.896 8.91108 101.044 10.7631 101.044 13.0374C101.044 15.3117 102.896 17.1638 105.17 17.1638H109.217C110.544 17.1638 111.624 18.2444 111.624 19.5711C111.624 20.8978 110.544 21.9784 109.217 21.9784H102.138C101.536 21.9784 101.044 22.4672 101.044 23.0723C101.044 23.6775 101.533 24.1663 102.138 24.1663H109.217C111.751 24.1663 113.812 22.1048 113.812 19.5744C113.812 17.0441 111.751 14.9792 109.217 14.9792V14.9759ZM80.8246 11.3483H84.6251C85.2269 11.3483 85.719 10.8562 85.719 10.2544C85.719 9.65256 85.2302 9.16045 84.6251 9.16045H80.8246C76.6882 9.16045 73.3233 12.5254 73.3233 16.6617C73.3233 20.798 76.6882 24.1629 80.8246 24.1629H84.6251C85.2269 24.1629 85.719 23.6708 85.719 23.069C85.719 22.4672 85.2302 21.9751 84.6251 21.9751H80.8246C77.8952 21.9751 75.5112 19.591 75.5112 16.6617C75.5112 13.7324 77.8952 11.3483 80.8246 11.3483ZM93.862 16.4722L99.6209 10.7132C100.047 10.2876 100.047 9.5927 99.6209 9.1671C99.4081 8.9543 99.1288 8.8479 98.8462 8.8479C98.5636 8.8479 98.2876 8.9543 98.0715 9.1671L91.5411 15.6974C91.1155 16.123 91.1155 16.818 91.5411 17.2436L98.1346 23.8371C98.5469 24.2494 99.2685 24.2494 99.6808 23.8371C100.106 23.4115 100.106 22.7166 99.6808 22.291L93.8587 16.4688L93.862 16.4722ZM144.432 11.0624H148.043V23.0657C148.043 23.6675 148.535 24.1596 149.137 24.1596C149.739 24.1596 150.231 23.6675 150.231 23.0657V11.0624H153.842C154.444 11.0624 154.936 10.5703 154.936 9.96843C154.936 9.3666 154.444 8.8745 153.842 8.8745H144.432C143.83 8.8745 143.338 9.3666 143.338 9.96843C143.338 10.5703 143.827 11.0624 144.432 11.0624ZM44.7481 14.9726H40.7015C39.6342 14.9726 38.7631 14.1048 38.7631 13.0341C38.7631 11.9634 39.6309 11.0956 40.7015 11.0956H45.2003C45.8021 11.0956 46.2942 10.6035 46.2942 10.0017C46.2942 9.39985 45.8021 8.90775 45.2003 8.90775H40.7015C38.4272 8.90775 36.5752 10.7598 36.5752 13.0341C36.5752 15.3084 38.4272 17.1605 40.7015 17.1605H44.7481C46.0748 17.1605 47.1554 18.2411 47.1554 19.5678C47.1554 20.8945 46.0748 21.9751 44.7481 21.9751H37.6691C37.0673 21.9751 36.5752 22.4639 36.5752 23.069C36.5752 23.6742 37.0673 24.1629 37.6691 24.1629H44.7481C47.2818 24.1629 49.3433 22.1014 49.3433 19.5711C49.3433 17.0408 47.2818 14.9759 44.7481 14.9759V14.9726ZM61.6326 9.96843C61.6326 9.3666 61.1405 8.8745 60.5386 8.8745H48.9742C48.3724 8.8745 47.8803 9.3666 47.8803 9.96843C47.8803 10.5703 48.369 11.0624 48.9742 11.0624H51.9933V23.0657C51.9933 23.6675 52.4854 24.1596 53.0872 24.1596C53.6891 24.1596 54.1812 23.6675 54.1812 23.0657V11.0624H60.5386C61.1405 11.0624 61.6326 10.5703 61.6326 9.96843ZM69.9518 9.04075L69.9085 9.05738L69.8653 9.08065C69.7323 9.14383 69.6326 9.21033 69.5494 9.29345L56.5486 22.2943C56.123 22.7199 56.123 23.4148 56.5486 23.8404C56.9609 24.2527 57.6824 24.2527 58.0947 23.8404L69.2435 12.6916L69.2535 22.8828C69.2535 23.4846 69.7456 23.9734 70.3474 23.9734C70.9526 23.9734 71.4414 23.4813 71.4414 22.8795L71.4281 10.0582C71.4281 9.33003 70.7132 8.75147 69.9518 9.04075ZM88.6583 8.96428C88.0565 8.96428 87.5644 9.45305 87.5644 10.0582L87.5511 22.8795C87.5511 23.4813 88.0399 23.9734 88.6417 23.9734C89.2469 23.9734 89.7356 23.4846 89.7356 22.8828L89.7489 10.0615C89.7489 9.76893 89.6359 9.49628 89.4297 9.2868C89.2236 9.08065 88.9476 8.9676 88.6583 8.96428ZM136.289 8.86785C132.073 8.86785 128.642 12.2993 128.642 16.5121C128.642 20.7249 132.073 24.1563 136.289 24.1563C140.505 24.1563 143.933 20.7282 143.933 16.5121C143.933 12.2959 140.505 8.86785 136.289 8.86785ZM136.289 21.9718C133.28 21.9718 130.83 19.5245 130.83 16.5121C130.83 13.4996 133.28 11.0524 136.289 11.0524C139.298 11.0524 141.749 13.4996 141.749 16.5121C141.749 19.5245 139.302 21.9718 136.289 21.9718ZM121.31 8.90443H116.339C115.737 8.90443 115.245 9.39653 115.245 9.99836V23.0624C115.245 23.6642 115.737 24.1563 116.339 24.1563C116.941 24.1563 117.433 23.6642 117.433 23.0624V20.6817H121.343C124.555 20.6817 127.199 18.0416 127.199 14.7964C127.199 11.5511 124.559 8.90775 121.31 8.90775V8.90443ZM121.333 18.4938H117.433V11.0923H121.31C123.352 11.0923 125.011 12.7515 125.011 14.793C125.011 16.8346 123.362 18.4805 121.333 18.4938Z" fill="#FAFAFB" />
|
|
27
|
+
</g>
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id="clip0_151_102">
|
|
30
|
+
<rect width="154.936" height="32" fill="white" />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
</svg>
|
|
34
|
+
</div>
|
|
35
|
+
)
|
package/src/svg/NotFound.tsx
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
|
|
3
|
-
export const NotFound = ({ className, style }: { className?: string, style?: React.CSSProperties }) => (
|
|
4
|
-
<svg width="136" height="154" viewBox="0 0 136 154" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={style}>
|
|
5
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M54.3307 0.59375C53.716 0.59375 53.2178 1.092 53.2178 1.70662C53.2178 2.32123 53.716 2.81948 54.3307 2.81948C93.8 2.81948 125.796 34.8157 125.796 74.2851C125.796 93.0828 118.539 110.185 106.673 122.944L94.4411 110.712L94.4248 110.696C103.164 101.078 108.49 88.3032 108.49 74.2843C108.49 44.3719 84.2415 20.1231 54.3291 20.1231C24.4167 20.1231 0.167971 44.3719 0.167969 74.2843C0.167969 104.197 24.4167 128.445 54.3291 128.445C69.4218 128.445 83.0726 122.272 92.8942 112.313L105.132 124.55C92.1785 137.641 74.2017 145.751 54.3307 145.751C53.716 145.751 53.2178 146.249 53.2178 146.864C53.2178 147.478 53.716 147.976 54.3307 147.976C74.8163 147.976 93.3495 139.617 106.706 126.124L134.039 153.458C134.474 153.892 135.178 153.892 135.613 153.458C136.048 153.023 136.048 152.318 135.613 151.884L108.248 124.519C120.516 111.357 128.022 93.6974 128.022 74.2851C128.022 33.5865 95.0293 0.59375 54.3307 0.59375ZM106.265 74.2843C106.265 45.6011 83.0122 22.3489 54.3291 22.3489C25.646 22.3489 2.39371 45.6011 2.39371 74.2843C2.39371 102.967 25.646 126.22 54.3291 126.22C83.0122 126.22 106.265 102.967 106.265 74.2843Z" fill="url(#paint0_linear_3383_224507)" />
|
|
6
|
-
<circle opacity="0.16" cx="54.4578" cy="74.1883" r="41.5984" fill="#FAFAFB" />
|
|
7
|
-
<circle opacity="0.16" cx="54.0295" cy="74.6155" r="30.8772" fill="#FAFAFB" />
|
|
8
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M51.915 76.8282C51.9232 78.034 52.9074 79.0048 54.1131 78.9966C55.3189 78.9884 56.2897 78.0043 56.2815 76.7985L56.1278 64.0513C56.1196 62.8455 55.1355 61.8747 53.9297 61.8829C52.7239 61.8911 51.7531 62.8752 51.7613 64.081L51.915 76.8282ZM52.218 85.6913C52.7436 86.1712 53.3605 86.4111 54.0689 86.4111C54.8001 86.4111 55.4171 86.1597 55.9198 85.657C56.4453 85.1543 56.7081 84.5602 56.7081 83.8747C56.7081 83.1663 56.4453 82.5722 55.9198 82.0924C55.3942 81.5897 54.7658 81.3383 54.0346 81.3383C53.3263 81.3383 52.7093 81.5897 52.1838 82.0924C51.681 82.5951 51.4297 83.2006 51.4297 83.909C51.4297 84.5945 51.6925 85.1886 52.218 85.6913Z" fill="#14141A" />
|
|
9
|
-
<defs>
|
|
10
|
-
<linearGradient id="paint0_linear_3383_224507" x1="62.1628" y1="150.93" x2="211.15" y2="63.5124" gradientUnits="userSpaceOnUse">
|
|
11
|
-
<stop stopColor="#BCBCCF" stopOpacity="0.61" />
|
|
12
|
-
<stop offset="0.766098" stopColor="#353546" stopOpacity="0" />
|
|
13
|
-
</linearGradient>
|
|
14
|
-
</defs>
|
|
15
|
-
</svg>
|
|
16
|
-
)
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
|
|
3
|
+
export const NotFound = ({ className, style }: { className?: string, style?: React.CSSProperties }) => (
|
|
4
|
+
<svg width="136" height="154" viewBox="0 0 136 154" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={style}>
|
|
5
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M54.3307 0.59375C53.716 0.59375 53.2178 1.092 53.2178 1.70662C53.2178 2.32123 53.716 2.81948 54.3307 2.81948C93.8 2.81948 125.796 34.8157 125.796 74.2851C125.796 93.0828 118.539 110.185 106.673 122.944L94.4411 110.712L94.4248 110.696C103.164 101.078 108.49 88.3032 108.49 74.2843C108.49 44.3719 84.2415 20.1231 54.3291 20.1231C24.4167 20.1231 0.167971 44.3719 0.167969 74.2843C0.167969 104.197 24.4167 128.445 54.3291 128.445C69.4218 128.445 83.0726 122.272 92.8942 112.313L105.132 124.55C92.1785 137.641 74.2017 145.751 54.3307 145.751C53.716 145.751 53.2178 146.249 53.2178 146.864C53.2178 147.478 53.716 147.976 54.3307 147.976C74.8163 147.976 93.3495 139.617 106.706 126.124L134.039 153.458C134.474 153.892 135.178 153.892 135.613 153.458C136.048 153.023 136.048 152.318 135.613 151.884L108.248 124.519C120.516 111.357 128.022 93.6974 128.022 74.2851C128.022 33.5865 95.0293 0.59375 54.3307 0.59375ZM106.265 74.2843C106.265 45.6011 83.0122 22.3489 54.3291 22.3489C25.646 22.3489 2.39371 45.6011 2.39371 74.2843C2.39371 102.967 25.646 126.22 54.3291 126.22C83.0122 126.22 106.265 102.967 106.265 74.2843Z" fill="url(#paint0_linear_3383_224507)" />
|
|
6
|
+
<circle opacity="0.16" cx="54.4578" cy="74.1883" r="41.5984" fill="#FAFAFB" />
|
|
7
|
+
<circle opacity="0.16" cx="54.0295" cy="74.6155" r="30.8772" fill="#FAFAFB" />
|
|
8
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M51.915 76.8282C51.9232 78.034 52.9074 79.0048 54.1131 78.9966C55.3189 78.9884 56.2897 78.0043 56.2815 76.7985L56.1278 64.0513C56.1196 62.8455 55.1355 61.8747 53.9297 61.8829C52.7239 61.8911 51.7531 62.8752 51.7613 64.081L51.915 76.8282ZM52.218 85.6913C52.7436 86.1712 53.3605 86.4111 54.0689 86.4111C54.8001 86.4111 55.4171 86.1597 55.9198 85.657C56.4453 85.1543 56.7081 84.5602 56.7081 83.8747C56.7081 83.1663 56.4453 82.5722 55.9198 82.0924C55.3942 81.5897 54.7658 81.3383 54.0346 81.3383C53.3263 81.3383 52.7093 81.5897 52.1838 82.0924C51.681 82.5951 51.4297 83.2006 51.4297 83.909C51.4297 84.5945 51.6925 85.1886 52.218 85.6913Z" fill="#14141A" />
|
|
9
|
+
<defs>
|
|
10
|
+
<linearGradient id="paint0_linear_3383_224507" x1="62.1628" y1="150.93" x2="211.15" y2="63.5124" gradientUnits="userSpaceOnUse">
|
|
11
|
+
<stop stopColor="#BCBCCF" stopOpacity="0.61" />
|
|
12
|
+
<stop offset="0.766098" stopColor="#353546" stopOpacity="0" />
|
|
13
|
+
</linearGradient>
|
|
14
|
+
</defs>
|
|
15
|
+
</svg>
|
|
16
|
+
)
|
package/src/svg/ServerError.tsx
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
|
|
3
|
-
export const ServerError = ({ className, style }: { className?: string, style?: React.CSSProperties }) => (
|
|
4
|
-
<svg width="187" height="115" viewBox="0 0 187 115" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={style}>
|
|
5
|
-
<path opacity="0.1" d="M148.767 98.4641C148.767 79.4314 138.994 62.667 124.163 52.8555M38.5703 98.4641C38.5703 79.4314 48.343 62.667 63.174 52.8555" stroke="url(#paint0_linear_3383_197709)" strokeWidth="2.5731" />
|
|
6
|
-
<g opacity="0.5">
|
|
7
|
-
<mask id="path2-inside1_3383_197709" fill="white">
|
|
8
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M18.1671 0.320312C14.2745 0.320312 11.1189 3.47587 11.1189 7.36846V52.3732V98.0428H7.77081C3.87822 98.0428 0.722656 101.198 0.722656 105.091V107.775C0.722656 111.667 3.87823 114.823 7.77082 114.823H179.562C183.454 114.823 186.61 111.667 186.61 107.775V105.091C186.61 101.198 183.454 98.0428 179.562 98.0428H176.907V7.36846C176.907 3.47588 173.752 0.320312 169.859 0.320312H18.1671ZM13.3446 7.36846C13.3446 4.70512 15.5037 2.54604 18.1671 2.54604H169.859C172.522 2.54604 174.681 4.70511 174.681 7.36846V98.042H13.3446V52.3732V7.36846ZM2.94839 105.091C2.94839 102.428 5.10746 100.269 7.77081 100.269H179.562C182.225 100.269 184.384 102.428 184.384 105.091V107.775C184.384 110.438 182.225 112.597 179.562 112.597H7.77082C5.10747 112.597 2.94839 110.438 2.94839 107.775V105.091Z" />
|
|
9
|
-
</mask>
|
|
10
|
-
<path d="M11.1189 98.0428V100.273H13.3489V98.0428H11.1189ZM176.907 98.0428H174.677V100.273H176.907V98.0428ZM174.681 98.042V100.272H176.912V98.042H174.681ZM13.3446 98.042H11.1146V100.272H13.3446V98.042ZM13.3489 7.36846C13.3489 4.70749 15.5061 2.55033 18.1671 2.55033V1.90971C13.0429 -1.90971 8.8889 2.24426 8.8889 7.36846H13.3489ZM13.3489 52.3732V7.36846H8.8889V52.3732H13.3489ZM13.3489 98.0428V52.3732H8.8889V98.0428H13.3489ZM7.77081 100.273H11.1189V95.8128H7.77081V100.273ZM2.95268 105.091C2.95268 102.43 5.10983 100.273 7.77081 100.273V95.8128C2.64661 95.8128 -1.50736 99.9668 -1.50736 105.091H2.95268ZM2.95268 107.775V105.091H1.50736V107.775H2.95268ZM7.77082 112.593C5.10984 112.593 2.95268 110.436 2.95268 107.775H1.50736C1.50736 112.899 2.64663 117.053 7.77082 117.053V112.593ZM179.562 112.593H7.77082V117.053H179.562V112.593ZM184.38 107.775C184.38 110.436 182.223 112.593 179.562 112.593V117.053C184.686 117.053 188.84 112.899 188.84 107.775H184.38ZM184.38 105.091V107.775H188.84V105.091H184.38ZM179.562 100.273C182.223 100.273 184.38 102.43 184.38 105.091H188.84C188.84 99.9668 184.686 95.8128 179.562 95.8128V100.273ZM176.907 100.273H179.562V95.8128H176.907V100.273ZM174.677 7.36846V98.0428H179.137V7.36846H174.677ZM169.859 2.55033C172.52 2.55033 174.677 4.70748 174.677 7.36846H179.137C179.137 2.24427 174.983 -1.90971 169.859 -1.90971V2.55033ZM18.1671 2.55033H169.859V1.90971H18.1671V2.55033ZM18.1671 0.316024C14.2721 0.316024 11.1146 3.47351 11.1146 7.36846H15.5747C15.5747 5.93673 16.7353 4.77606 18.1671 4.77606V0.316024ZM169.859 0.316024H18.1671V4.77606H169.859V0.316024ZM176.912 7.36846C176.912 3.47351 173.754 0.316024 169.859 0.316024V4.77606C171.291 4.77606 172.451 5.93672 172.451 7.36846H176.912ZM176.912 98.042V7.36846H172.451V98.042H176.912ZM13.3446 100.272H174.681V95.812H13.3446V100.272ZM11.1146 52.3732V98.042H15.5747V52.3732H11.1146ZM11.1146 7.36846V52.3732H15.5747V7.36846H11.1146ZM7.77081 98.0385C3.87585 98.0385 0.718369 101.196 0.718369 105.091H5.17841C5.17841 103.659 6.33906 102.499 7.77081 102.499V98.0385ZM179.562 98.0385H7.77081V102.499H179.562V98.0385ZM186.614 105.091C186.614 101.196 183.457 98.0385 179.562 98.0385V102.499C180.993 102.499 182.154 103.659 182.154 105.091H186.614ZM186.614 107.775V105.091H182.154V107.775H186.614ZM179.562 114.827C183.457 114.827 186.614 111.67 186.614 107.775H182.154C182.154 109.206 180.993 110.367 179.562 110.367V114.827ZM7.77082 114.827H179.562V110.367H7.77082V114.827ZM0.718369 107.775C0.718369 111.67 3.87587 114.827 7.77082 114.827V110.367C6.33907 110.367 5.17841 109.206 5.17841 107.775H0.718369ZM0.718369 105.091V107.775H5.17841V105.091H0.718369Z" fill="url(#paint1_linear_3383_197709)" mask="url(#path2-inside1_3383_197709)" />
|
|
11
|
-
</g>
|
|
12
|
-
<path opacity="0.1" d="M167.976 39.7734V98.097M19.5938 98.097V70.1762V39.7734" stroke="url(#paint2_linear_3383_197709)" strokeWidth="2.22573" />
|
|
13
|
-
<path opacity="0.16" d="M89.4439 19.7907C92.033 18.2959 95.223 18.2959 97.8121 19.7907L117.92 31.4003C120.51 32.8951 122.105 35.6577 122.105 38.6473V61.8665C122.105 64.8562 120.51 67.6187 117.92 69.1135L97.8121 80.7231C95.223 82.218 92.033 82.218 89.4439 80.7231L69.3355 69.1135C66.7464 67.6187 65.1514 64.8562 65.1514 61.8665V38.6473C65.1514 35.6577 66.7464 32.8951 69.3355 31.4003L89.4439 19.7907Z" fill="#FAFAFB" />
|
|
14
|
-
<path opacity="0.16" d="M89.4447 26.8376C92.0338 25.3427 95.2237 25.3427 97.8128 26.8376L111.819 34.9241C114.408 36.4189 116.003 39.1815 116.003 42.1711V58.3442C116.003 61.3339 114.408 64.0964 111.819 65.5912L97.8128 73.6778C95.2237 75.1726 92.0338 75.1726 89.4447 73.6778L75.4384 65.5912C72.8493 64.0964 71.2543 61.3338 71.2543 58.3442V42.1711C71.2543 39.1815 72.8493 36.4189 75.4384 34.9241L89.4447 26.8376Z" fill="#FAFAFB" />
|
|
15
|
-
<path opacity="0.16" d="M91.6031 34.1543C93.2213 33.2201 95.215 33.2201 96.8332 34.1543L107.367 40.236C108.985 41.1702 109.982 42.8968 109.982 44.7654V56.9287C109.982 58.7972 108.985 60.5238 107.367 61.4581L96.8332 67.5397C95.215 68.474 93.2213 68.474 91.6031 67.5397L81.0693 61.4581C79.4511 60.5238 78.4543 58.7972 78.4543 56.9286V44.7654C78.4543 42.8968 79.4511 41.1702 81.0694 40.236L91.6031 34.1543Z" fill="#FAFAFB" />
|
|
16
|
-
<path d="M100.941 43.7109L87.0802 57.5722" stroke="#14141A" strokeWidth="3.5491" strokeLinecap="round" />
|
|
17
|
-
<path d="M100.941 57.5703L87.0802 43.7091" stroke="#14141A" strokeWidth="3.5491" strokeLinecap="round" />
|
|
18
|
-
<defs>
|
|
19
|
-
<linearGradient id="paint0_linear_3383_197709" x1="93.6687" y1="43.7117" x2="93.6687" y2="98.4635" gradientUnits="userSpaceOnUse">
|
|
20
|
-
<stop stopColor="#BCBCCF" stopOpacity="0" />
|
|
21
|
-
<stop offset="1" stopColor="#BCBCCF" />
|
|
22
|
-
</linearGradient>
|
|
23
|
-
<linearGradient id="paint1_linear_3383_197709" x1="186.891" y1="111.975" x2="-6.87233" y2="-64.7069" gradientUnits="userSpaceOnUse">
|
|
24
|
-
<stop stopColor="#BCBCCF" />
|
|
25
|
-
<stop offset="0.766098" stopColor="#353546" stopOpacity="0.09" />
|
|
26
|
-
</linearGradient>
|
|
27
|
-
<linearGradient id="paint2_linear_3383_197709" x1="25.9349" y1="96.8508" x2="76.0716" y2="-32.8361" gradientUnits="userSpaceOnUse">
|
|
28
|
-
<stop stopColor="#BCBCCF" />
|
|
29
|
-
<stop offset="0.766098" stopColor="#353546" stopOpacity="0.09" />
|
|
30
|
-
</linearGradient>
|
|
31
|
-
</defs>
|
|
32
|
-
</svg>
|
|
33
|
-
)
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
|
|
3
|
+
export const ServerError = ({ className, style }: { className?: string, style?: React.CSSProperties }) => (
|
|
4
|
+
<svg width="187" height="115" viewBox="0 0 187 115" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={style}>
|
|
5
|
+
<path opacity="0.1" d="M148.767 98.4641C148.767 79.4314 138.994 62.667 124.163 52.8555M38.5703 98.4641C38.5703 79.4314 48.343 62.667 63.174 52.8555" stroke="url(#paint0_linear_3383_197709)" strokeWidth="2.5731" />
|
|
6
|
+
<g opacity="0.5">
|
|
7
|
+
<mask id="path2-inside1_3383_197709" fill="white">
|
|
8
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M18.1671 0.320312C14.2745 0.320312 11.1189 3.47587 11.1189 7.36846V52.3732V98.0428H7.77081C3.87822 98.0428 0.722656 101.198 0.722656 105.091V107.775C0.722656 111.667 3.87823 114.823 7.77082 114.823H179.562C183.454 114.823 186.61 111.667 186.61 107.775V105.091C186.61 101.198 183.454 98.0428 179.562 98.0428H176.907V7.36846C176.907 3.47588 173.752 0.320312 169.859 0.320312H18.1671ZM13.3446 7.36846C13.3446 4.70512 15.5037 2.54604 18.1671 2.54604H169.859C172.522 2.54604 174.681 4.70511 174.681 7.36846V98.042H13.3446V52.3732V7.36846ZM2.94839 105.091C2.94839 102.428 5.10746 100.269 7.77081 100.269H179.562C182.225 100.269 184.384 102.428 184.384 105.091V107.775C184.384 110.438 182.225 112.597 179.562 112.597H7.77082C5.10747 112.597 2.94839 110.438 2.94839 107.775V105.091Z" />
|
|
9
|
+
</mask>
|
|
10
|
+
<path d="M11.1189 98.0428V100.273H13.3489V98.0428H11.1189ZM176.907 98.0428H174.677V100.273H176.907V98.0428ZM174.681 98.042V100.272H176.912V98.042H174.681ZM13.3446 98.042H11.1146V100.272H13.3446V98.042ZM13.3489 7.36846C13.3489 4.70749 15.5061 2.55033 18.1671 2.55033V1.90971C13.0429 -1.90971 8.8889 2.24426 8.8889 7.36846H13.3489ZM13.3489 52.3732V7.36846H8.8889V52.3732H13.3489ZM13.3489 98.0428V52.3732H8.8889V98.0428H13.3489ZM7.77081 100.273H11.1189V95.8128H7.77081V100.273ZM2.95268 105.091C2.95268 102.43 5.10983 100.273 7.77081 100.273V95.8128C2.64661 95.8128 -1.50736 99.9668 -1.50736 105.091H2.95268ZM2.95268 107.775V105.091H1.50736V107.775H2.95268ZM7.77082 112.593C5.10984 112.593 2.95268 110.436 2.95268 107.775H1.50736C1.50736 112.899 2.64663 117.053 7.77082 117.053V112.593ZM179.562 112.593H7.77082V117.053H179.562V112.593ZM184.38 107.775C184.38 110.436 182.223 112.593 179.562 112.593V117.053C184.686 117.053 188.84 112.899 188.84 107.775H184.38ZM184.38 105.091V107.775H188.84V105.091H184.38ZM179.562 100.273C182.223 100.273 184.38 102.43 184.38 105.091H188.84C188.84 99.9668 184.686 95.8128 179.562 95.8128V100.273ZM176.907 100.273H179.562V95.8128H176.907V100.273ZM174.677 7.36846V98.0428H179.137V7.36846H174.677ZM169.859 2.55033C172.52 2.55033 174.677 4.70748 174.677 7.36846H179.137C179.137 2.24427 174.983 -1.90971 169.859 -1.90971V2.55033ZM18.1671 2.55033H169.859V1.90971H18.1671V2.55033ZM18.1671 0.316024C14.2721 0.316024 11.1146 3.47351 11.1146 7.36846H15.5747C15.5747 5.93673 16.7353 4.77606 18.1671 4.77606V0.316024ZM169.859 0.316024H18.1671V4.77606H169.859V0.316024ZM176.912 7.36846C176.912 3.47351 173.754 0.316024 169.859 0.316024V4.77606C171.291 4.77606 172.451 5.93672 172.451 7.36846H176.912ZM176.912 98.042V7.36846H172.451V98.042H176.912ZM13.3446 100.272H174.681V95.812H13.3446V100.272ZM11.1146 52.3732V98.042H15.5747V52.3732H11.1146ZM11.1146 7.36846V52.3732H15.5747V7.36846H11.1146ZM7.77081 98.0385C3.87585 98.0385 0.718369 101.196 0.718369 105.091H5.17841C5.17841 103.659 6.33906 102.499 7.77081 102.499V98.0385ZM179.562 98.0385H7.77081V102.499H179.562V98.0385ZM186.614 105.091C186.614 101.196 183.457 98.0385 179.562 98.0385V102.499C180.993 102.499 182.154 103.659 182.154 105.091H186.614ZM186.614 107.775V105.091H182.154V107.775H186.614ZM179.562 114.827C183.457 114.827 186.614 111.67 186.614 107.775H182.154C182.154 109.206 180.993 110.367 179.562 110.367V114.827ZM7.77082 114.827H179.562V110.367H7.77082V114.827ZM0.718369 107.775C0.718369 111.67 3.87587 114.827 7.77082 114.827V110.367C6.33907 110.367 5.17841 109.206 5.17841 107.775H0.718369ZM0.718369 105.091V107.775H5.17841V105.091H0.718369Z" fill="url(#paint1_linear_3383_197709)" mask="url(#path2-inside1_3383_197709)" />
|
|
11
|
+
</g>
|
|
12
|
+
<path opacity="0.1" d="M167.976 39.7734V98.097M19.5938 98.097V70.1762V39.7734" stroke="url(#paint2_linear_3383_197709)" strokeWidth="2.22573" />
|
|
13
|
+
<path opacity="0.16" d="M89.4439 19.7907C92.033 18.2959 95.223 18.2959 97.8121 19.7907L117.92 31.4003C120.51 32.8951 122.105 35.6577 122.105 38.6473V61.8665C122.105 64.8562 120.51 67.6187 117.92 69.1135L97.8121 80.7231C95.223 82.218 92.033 82.218 89.4439 80.7231L69.3355 69.1135C66.7464 67.6187 65.1514 64.8562 65.1514 61.8665V38.6473C65.1514 35.6577 66.7464 32.8951 69.3355 31.4003L89.4439 19.7907Z" fill="#FAFAFB" />
|
|
14
|
+
<path opacity="0.16" d="M89.4447 26.8376C92.0338 25.3427 95.2237 25.3427 97.8128 26.8376L111.819 34.9241C114.408 36.4189 116.003 39.1815 116.003 42.1711V58.3442C116.003 61.3339 114.408 64.0964 111.819 65.5912L97.8128 73.6778C95.2237 75.1726 92.0338 75.1726 89.4447 73.6778L75.4384 65.5912C72.8493 64.0964 71.2543 61.3338 71.2543 58.3442V42.1711C71.2543 39.1815 72.8493 36.4189 75.4384 34.9241L89.4447 26.8376Z" fill="#FAFAFB" />
|
|
15
|
+
<path opacity="0.16" d="M91.6031 34.1543C93.2213 33.2201 95.215 33.2201 96.8332 34.1543L107.367 40.236C108.985 41.1702 109.982 42.8968 109.982 44.7654V56.9287C109.982 58.7972 108.985 60.5238 107.367 61.4581L96.8332 67.5397C95.215 68.474 93.2213 68.474 91.6031 67.5397L81.0693 61.4581C79.4511 60.5238 78.4543 58.7972 78.4543 56.9286V44.7654C78.4543 42.8968 79.4511 41.1702 81.0694 40.236L91.6031 34.1543Z" fill="#FAFAFB" />
|
|
16
|
+
<path d="M100.941 43.7109L87.0802 57.5722" stroke="#14141A" strokeWidth="3.5491" strokeLinecap="round" />
|
|
17
|
+
<path d="M100.941 57.5703L87.0802 43.7091" stroke="#14141A" strokeWidth="3.5491" strokeLinecap="round" />
|
|
18
|
+
<defs>
|
|
19
|
+
<linearGradient id="paint0_linear_3383_197709" x1="93.6687" y1="43.7117" x2="93.6687" y2="98.4635" gradientUnits="userSpaceOnUse">
|
|
20
|
+
<stop stopColor="#BCBCCF" stopOpacity="0" />
|
|
21
|
+
<stop offset="1" stopColor="#BCBCCF" />
|
|
22
|
+
</linearGradient>
|
|
23
|
+
<linearGradient id="paint1_linear_3383_197709" x1="186.891" y1="111.975" x2="-6.87233" y2="-64.7069" gradientUnits="userSpaceOnUse">
|
|
24
|
+
<stop stopColor="#BCBCCF" />
|
|
25
|
+
<stop offset="0.766098" stopColor="#353546" stopOpacity="0.09" />
|
|
26
|
+
</linearGradient>
|
|
27
|
+
<linearGradient id="paint2_linear_3383_197709" x1="25.9349" y1="96.8508" x2="76.0716" y2="-32.8361" gradientUnits="userSpaceOnUse">
|
|
28
|
+
<stop stopColor="#BCBCCF" />
|
|
29
|
+
<stop offset="0.766098" stopColor="#353546" stopOpacity="0.09" />
|
|
30
|
+
</linearGradient>
|
|
31
|
+
</defs>
|
|
32
|
+
</svg>
|
|
33
|
+
)
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
|
|
3
|
-
export const Unauthenticated = ({ className, style }: { className?: string, style?: React.CSSProperties }) => (
|
|
4
|
-
<svg width="178" height="160" viewBox="0 0 178 160" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={style}>
|
|
5
|
-
<circle opacity="0.16" cx="89.6761" cy="80.2113" r="31.5629" fill="#FAFAFB"/>
|
|
6
|
-
<ellipse opacity="0.16" cx="89.6721" cy="80.6057" rx="22.094" ry="21.6995" fill="#FAFAFB"/>
|
|
7
|
-
<ellipse opacity="0.16" cx="89.6759" cy="80.6056" rx="13.4142" ry="13.0197" fill="#FAFAFB"/>
|
|
8
|
-
<path opacity="0.5" fillRule="evenodd" clipRule="evenodd" d="M44.7029 19.055C69.3231 -5.56521 109.24 -5.56521 133.861 19.055L177.651 62.8454C178.086 63.2808 178.086 63.9868 177.651 64.4222C177.215 64.8577 176.509 64.8577 176.074 64.4222L132.284 20.6319C108.534 -3.11747 70.0291 -3.11747 46.2798 20.6319C45.8443 21.0673 45.1383 21.0673 44.7029 20.6319C44.2675 20.1964 44.2675 19.4904 44.7029 19.055ZM161.243 79.8912L126.447 45.0949C105.747 24.3952 72.1863 24.3952 51.4866 45.0949L16.6903 79.8912L51.4866 114.687C72.1863 135.387 105.747 135.387 126.447 114.687L161.243 79.8912ZM128.024 43.518C106.453 21.9474 71.4803 21.9474 49.9097 43.5181L15.1135 78.3143L13.5366 79.8912L15.1135 81.468L49.9097 116.264C71.4803 137.835 106.453 137.835 128.024 116.264L162.82 81.468L164.397 79.8912L162.82 78.3143L128.024 43.518ZM44.7029 141.115C69.3231 165.736 109.24 165.736 133.861 141.115C134.296 140.68 134.296 139.974 133.861 139.538C133.425 139.103 132.719 139.103 132.284 139.538C108.534 163.288 70.0291 163.288 46.2798 139.538L2.48938 95.7481C2.05394 95.3126 1.34795 95.3126 0.912516 95.7481C0.477078 96.1835 0.477077 96.8895 0.912518 97.3249L44.7029 141.115Z" fill="url(#paint0_linear_3383_243082)"/>
|
|
9
|
-
<defs>
|
|
10
|
-
<linearGradient id="paint0_linear_3383_243082" x1="-3.35603" y1="94.0049" x2="89.5555" y2="212.99" gradientUnits="userSpaceOnUse">
|
|
11
|
-
<stop stopColor="#BCBCCF"/>
|
|
12
|
-
<stop offset="0.766098" stopColor="#353546" stopOpacity="0.09"/>
|
|
13
|
-
</linearGradient>
|
|
14
|
-
</defs>
|
|
15
|
-
</svg>
|
|
16
|
-
)
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
|
|
3
|
+
export const Unauthenticated = ({ className, style }: { className?: string, style?: React.CSSProperties }) => (
|
|
4
|
+
<svg width="178" height="160" viewBox="0 0 178 160" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={style}>
|
|
5
|
+
<circle opacity="0.16" cx="89.6761" cy="80.2113" r="31.5629" fill="#FAFAFB"/>
|
|
6
|
+
<ellipse opacity="0.16" cx="89.6721" cy="80.6057" rx="22.094" ry="21.6995" fill="#FAFAFB"/>
|
|
7
|
+
<ellipse opacity="0.16" cx="89.6759" cy="80.6056" rx="13.4142" ry="13.0197" fill="#FAFAFB"/>
|
|
8
|
+
<path opacity="0.5" fillRule="evenodd" clipRule="evenodd" d="M44.7029 19.055C69.3231 -5.56521 109.24 -5.56521 133.861 19.055L177.651 62.8454C178.086 63.2808 178.086 63.9868 177.651 64.4222C177.215 64.8577 176.509 64.8577 176.074 64.4222L132.284 20.6319C108.534 -3.11747 70.0291 -3.11747 46.2798 20.6319C45.8443 21.0673 45.1383 21.0673 44.7029 20.6319C44.2675 20.1964 44.2675 19.4904 44.7029 19.055ZM161.243 79.8912L126.447 45.0949C105.747 24.3952 72.1863 24.3952 51.4866 45.0949L16.6903 79.8912L51.4866 114.687C72.1863 135.387 105.747 135.387 126.447 114.687L161.243 79.8912ZM128.024 43.518C106.453 21.9474 71.4803 21.9474 49.9097 43.5181L15.1135 78.3143L13.5366 79.8912L15.1135 81.468L49.9097 116.264C71.4803 137.835 106.453 137.835 128.024 116.264L162.82 81.468L164.397 79.8912L162.82 78.3143L128.024 43.518ZM44.7029 141.115C69.3231 165.736 109.24 165.736 133.861 141.115C134.296 140.68 134.296 139.974 133.861 139.538C133.425 139.103 132.719 139.103 132.284 139.538C108.534 163.288 70.0291 163.288 46.2798 139.538L2.48938 95.7481C2.05394 95.3126 1.34795 95.3126 0.912516 95.7481C0.477078 96.1835 0.477077 96.8895 0.912518 97.3249L44.7029 141.115Z" fill="url(#paint0_linear_3383_243082)"/>
|
|
9
|
+
<defs>
|
|
10
|
+
<linearGradient id="paint0_linear_3383_243082" x1="-3.35603" y1="94.0049" x2="89.5555" y2="212.99" gradientUnits="userSpaceOnUse">
|
|
11
|
+
<stop stopColor="#BCBCCF"/>
|
|
12
|
+
<stop offset="0.766098" stopColor="#353546" stopOpacity="0.09"/>
|
|
13
|
+
</linearGradient>
|
|
14
|
+
</defs>
|
|
15
|
+
</svg>
|
|
16
|
+
)
|
package/src/toaster.tsx
CHANGED
|
@@ -1,76 +1,76 @@
|
|
|
1
|
-
import { IconBox, OneOfColorSchemesWithVariants } from '@citric/core'
|
|
2
|
-
import { CheckCircleFill, ExclamationTriangleFill, InfoCircleFill, TimesCircleFill } from '@citric/icons'
|
|
3
|
-
import { toast } from 'react-toastify'
|
|
4
|
-
import 'react-toastify/dist/ReactToastify.css'
|
|
5
|
-
|
|
6
|
-
type ToastType = 'error' | 'success' | 'warning' | 'info'
|
|
7
|
-
|
|
8
|
-
interface BaseProps {
|
|
9
|
-
type?: ToastType,
|
|
10
|
-
/**
|
|
11
|
-
* Seconds until auto-close or false to not auto-close.
|
|
12
|
-
* @default 3 for success toast and 10 for the others
|
|
13
|
-
*/
|
|
14
|
-
autoClose?: number | false,
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
interface BasicMessageProps extends BaseProps {
|
|
18
|
-
message: string,
|
|
19
|
-
title?: string,
|
|
20
|
-
onClick?: () => void,
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
interface RichMessageProps extends BaseProps {
|
|
24
|
-
content: React.ReactElement,
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
type Props = BasicMessageProps | RichMessageProps
|
|
28
|
-
|
|
29
|
-
const toasterConfig: Record<ToastType, { element: React.ReactElement, color: string, duration: number }> = {
|
|
30
|
-
error: {
|
|
31
|
-
element: <TimesCircleFill />,
|
|
32
|
-
color: 'danger',
|
|
33
|
-
duration: 10,
|
|
34
|
-
},
|
|
35
|
-
success: {
|
|
36
|
-
element: <CheckCircleFill />,
|
|
37
|
-
color: 'success',
|
|
38
|
-
duration: 3,
|
|
39
|
-
},
|
|
40
|
-
warning: {
|
|
41
|
-
element: <ExclamationTriangleFill />,
|
|
42
|
-
color: 'warning',
|
|
43
|
-
duration: 10,
|
|
44
|
-
},
|
|
45
|
-
info: {
|
|
46
|
-
element: <InfoCircleFill />,
|
|
47
|
-
color: 'inverse',
|
|
48
|
-
duration: 10,
|
|
49
|
-
},
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
export function showToaster({ type = 'info', autoClose, ...props }: Props) {
|
|
53
|
-
const config = toasterConfig[type]
|
|
54
|
-
const closeTime = autoClose ? autoClose : config.duration
|
|
55
|
-
const bg = `var(--${config.color}-500)`
|
|
56
|
-
const bgDark = `var(--${config.color}-600)`
|
|
57
|
-
const fg = `var(--${config.color}-contrastText)`
|
|
58
|
-
toast(
|
|
59
|
-
'message' in props
|
|
60
|
-
? <div onClick={props.onClick}><h1 style={{ textTransform: 'capitalize' }}>{props.title ?? type}</h1><p>{props.message}</p></div>
|
|
61
|
-
: props.content,
|
|
62
|
-
{
|
|
63
|
-
type,
|
|
64
|
-
autoClose: autoClose === false ? false : closeTime * 1000,
|
|
65
|
-
className: 'main-toaster',
|
|
66
|
-
style: { backgroundColor: bg, color: fg },
|
|
67
|
-
progressStyle: { background: bgDark },
|
|
68
|
-
bodyClassName: 'toast-body',
|
|
69
|
-
icon: 'message' in props ? () => (
|
|
70
|
-
<IconBox colorIcon={`${config.color}.contrastText` as OneOfColorSchemesWithVariants}>
|
|
71
|
-
{config.element}
|
|
72
|
-
</IconBox>
|
|
73
|
-
) : undefined,
|
|
74
|
-
},
|
|
75
|
-
)
|
|
76
|
-
}
|
|
1
|
+
import { IconBox, OneOfColorSchemesWithVariants } from '@citric/core'
|
|
2
|
+
import { CheckCircleFill, ExclamationTriangleFill, InfoCircleFill, TimesCircleFill } from '@citric/icons'
|
|
3
|
+
import { toast } from 'react-toastify'
|
|
4
|
+
import 'react-toastify/dist/ReactToastify.css'
|
|
5
|
+
|
|
6
|
+
type ToastType = 'error' | 'success' | 'warning' | 'info'
|
|
7
|
+
|
|
8
|
+
interface BaseProps {
|
|
9
|
+
type?: ToastType,
|
|
10
|
+
/**
|
|
11
|
+
* Seconds until auto-close or false to not auto-close.
|
|
12
|
+
* @default 3 for success toast and 10 for the others
|
|
13
|
+
*/
|
|
14
|
+
autoClose?: number | false,
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
interface BasicMessageProps extends BaseProps {
|
|
18
|
+
message: string,
|
|
19
|
+
title?: string,
|
|
20
|
+
onClick?: () => void,
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
interface RichMessageProps extends BaseProps {
|
|
24
|
+
content: React.ReactElement,
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
type Props = BasicMessageProps | RichMessageProps
|
|
28
|
+
|
|
29
|
+
const toasterConfig: Record<ToastType, { element: React.ReactElement, color: string, duration: number }> = {
|
|
30
|
+
error: {
|
|
31
|
+
element: <TimesCircleFill />,
|
|
32
|
+
color: 'danger',
|
|
33
|
+
duration: 10,
|
|
34
|
+
},
|
|
35
|
+
success: {
|
|
36
|
+
element: <CheckCircleFill />,
|
|
37
|
+
color: 'success',
|
|
38
|
+
duration: 3,
|
|
39
|
+
},
|
|
40
|
+
warning: {
|
|
41
|
+
element: <ExclamationTriangleFill />,
|
|
42
|
+
color: 'warning',
|
|
43
|
+
duration: 10,
|
|
44
|
+
},
|
|
45
|
+
info: {
|
|
46
|
+
element: <InfoCircleFill />,
|
|
47
|
+
color: 'inverse',
|
|
48
|
+
duration: 10,
|
|
49
|
+
},
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
export function showToaster({ type = 'info', autoClose, ...props }: Props) {
|
|
53
|
+
const config = toasterConfig[type]
|
|
54
|
+
const closeTime = autoClose ? autoClose : config.duration
|
|
55
|
+
const bg = `var(--${config.color}-500)`
|
|
56
|
+
const bgDark = `var(--${config.color}-600)`
|
|
57
|
+
const fg = `var(--${config.color}-contrastText)`
|
|
58
|
+
toast(
|
|
59
|
+
'message' in props
|
|
60
|
+
? <div onClick={props.onClick}><h1 style={{ textTransform: 'capitalize' }}>{props.title ?? type}</h1><p>{props.message}</p></div>
|
|
61
|
+
: props.content,
|
|
62
|
+
{
|
|
63
|
+
type,
|
|
64
|
+
autoClose: autoClose === false ? false : closeTime * 1000,
|
|
65
|
+
className: 'main-toaster',
|
|
66
|
+
style: { backgroundColor: bg, color: fg },
|
|
67
|
+
progressStyle: { background: bgDark },
|
|
68
|
+
bodyClassName: 'toast-body',
|
|
69
|
+
icon: 'message' in props ? () => (
|
|
70
|
+
<IconBox colorIcon={`${config.color}.contrastText` as OneOfColorSchemesWithVariants}>
|
|
71
|
+
{config.element}
|
|
72
|
+
</IconBox>
|
|
73
|
+
) : undefined,
|
|
74
|
+
},
|
|
75
|
+
)
|
|
76
|
+
}
|