@platformatic/ui-components 0.1.92 → 0.1.93

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.
Files changed (23) hide show
  1. package/dist/assets/index.d4907a34.js +206 -0
  2. package/dist/index.html +1 -1
  3. package/index.js +2 -0
  4. package/package.json +1 -1
  5. package/src/components/Logo.jsx +9 -5
  6. package/src/components/Logo.module.css +4 -1
  7. package/src/components/LogoDropDown.jsx +82 -0
  8. package/src/components/LogoDropDown.module.css +30 -0
  9. package/src/components/backgrounds/AppBackgroundIcon.jsx +12 -12
  10. package/src/components/backgrounds/LensBackgroundIcon.jsx +2 -2
  11. package/src/components/backgrounds/TimerBackgroundIcon.jsx +5 -5
  12. package/src/components/icons/CheckListIcon.jsx +98 -0
  13. package/src/components/icons/SlotIcon.jsx +88 -0
  14. package/src/components/icons/TeamsIcon.jsx +91 -0
  15. package/src/components/icons/WorkspaceEmptyIcon.jsx +1 -1
  16. package/src/components/icons/index.js +7 -0
  17. package/src/components/logos/AdvancedLogo.jsx +58 -0
  18. package/src/components/logos/BasicLogo.jsx +22 -20
  19. package/src/components/logos/FreeLogo.jsx +22 -20
  20. package/src/components/logos/ProLogo.jsx +60 -0
  21. package/src/components/logos/index.js +5 -1
  22. package/src/stories/LogoDropDown.stories.jsx +43 -0
  23. package/dist/assets/index.e3fdc2c7.js +0 -206
package/src/components/logos/AdvancedLogo.jsx ADDED
@@ -0,0 +1,58 @@
1
+ import React from 'react'
2
+ import PropTypes from 'prop-types'
3
+ import { MAIN_DARK_BLUE, WHITE } from '../constants'
4
+
5
+ function AdvancedLogo ({ backgroundColor, width, height }) {
6
+ let icon = (
7
+ <svg width={width} height={height} viewBox='0 0 500 182' fill='none' xmlns='http://www.w3.org/2000/svg'>
8
+ <path d='M186.81 64.7676H463.622C483.647 64.7676 499.88 81.0007 499.88 101.025V101.025C499.88 121.05 483.647 137.283 463.622 137.283H186.81L213.978 122.78L222.859 96.8815L207.708 75.1269L186.81 64.7676Z' fill='#00283D' />
9
+ <path d='M64.8326 133.141H191.666V133.1C196.472 132.877 201.167 131.579 205.404 129.302C209.642 127.026 213.314 123.828 216.151 119.946C218.988 116.064 220.917 111.595 221.796 106.87C222.674 102.144 222.481 97.2817 221.229 92.6408C219.977 87.9998 217.699 83.6984 214.563 80.0534C211.427 76.4084 207.512 73.5127 203.107 71.5795C198.701 69.6463 193.918 68.7249 189.109 68.8831C184.3 69.0413 179.588 70.2751 175.32 72.4936C172.686 66.4188 168.699 61.0245 163.663 56.7211C158.626 52.4177 152.674 49.3188 146.258 47.6602M37.6245 47.6602C28.2851 50.0658 20.0115 55.5051 14.1055 63.1222C8.19945 70.7393 4.99629 80.1017 5 89.7365C5.00372 99.3712 8.2141 108.731 14.126 116.344C20.0379 123.956 28.3157 129.389 37.657 131.788' stroke='#00283D' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
10
+ <path d='M87.798 74.3008L70.8761 80.2407L78.323 96.0184' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
11
+ <path d='M71.2574 80.5203C78.9735 85.0529 87.9728 86.9112 96.8556 85.8061C105.738 84.701 114.006 80.6945 120.374 74.4097C126.742 68.1249 130.851 59.9143 132.064 51.0548C133.278 42.1954 131.526 33.1838 127.082 25.4218C122.637 17.6598 115.75 11.5825 107.49 8.13521C99.231 4.68791 90.0627 4.06387 81.4115 6.36015C72.7603 8.65642 65.1113 13.7443 59.6542 20.8324C54.1971 27.9204 51.2378 36.6113 51.2366 45.5533V106.043' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
12
+ <path opacity={0.2} d='M51.2366 169.992V177.058' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
13
+ <path opacity={0.4} d='M51.3015 147.756V158.918' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
14
+ <path opacity={0.7} d='M51.2366 117.537V136.2' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
15
+ <path d='M234.405 119.738L250.705 83.1671H259.064L275.417 119.738H266.535L253.161 87.4511H256.504L243.078 119.738H234.405ZM242.555 111.902L244.802 105.475H263.61L265.908 111.902H242.555ZM290.45 120.156C287.803 120.156 285.417 119.564 283.292 118.38C281.168 117.161 279.479 115.472 278.225 113.312C277.006 111.153 276.396 108.61 276.396 105.684C276.396 102.724 277.006 100.164 278.225 98.0045C279.479 95.8451 281.168 94.1732 283.292 92.989C285.417 91.8048 287.803 91.2127 290.45 91.2127C292.818 91.2127 294.891 91.7352 296.667 92.7801C298.443 93.8249 299.819 95.4097 300.794 97.5343C301.769 99.6589 302.257 102.376 302.257 105.684C302.257 108.958 301.787 111.675 300.847 113.835C299.906 115.959 298.548 117.544 296.771 118.589C295.03 119.634 292.923 120.156 290.45 120.156ZM291.86 113.469C293.184 113.469 294.386 113.155 295.465 112.528C296.545 111.902 297.398 111.013 298.025 109.864C298.687 108.68 299.018 107.287 299.018 105.684C299.018 104.047 298.687 102.654 298.025 101.505C297.398 100.355 296.545 99.4673 295.465 98.8404C294.386 98.2135 293.184 97.9 291.86 97.9C290.502 97.9 289.283 98.2135 288.203 98.8404C287.124 99.4673 286.253 100.355 285.591 101.505C284.964 102.654 284.651 104.047 284.651 105.684C284.651 107.287 284.964 108.68 285.591 109.864C286.253 111.013 287.124 111.902 288.203 112.528C289.283 113.155 290.502 113.469 291.86 113.469ZM299.227 119.738V113.991L299.384 105.632L298.861 97.3253V80.9728H307.011V119.738H299.227ZM322.182 119.738L310.375 91.6307H318.786L328.608 115.82H324.429L334.616 91.6307H342.453L330.594 119.738H322.182ZM362.101 119.738V114.252L361.579 113.051V103.229C361.579 101.487 361.039 100.129 359.959 99.1539C358.914 98.1786 357.295 97.691 355.1 97.691C353.603 97.691 352.122 97.9348 350.659 98.4224C349.231 98.8752 348.012 99.5022 347.002 100.303L344.077 94.6086C345.609 93.5289 347.455 92.693 349.615 92.1009C351.774 91.5088 353.968 91.2127 356.197 91.2127C360.481 91.2127 363.808 92.2228 366.176 94.2429C368.544 96.263 369.729 99.4151 369.729 103.699V119.738H362.101ZM353.533 120.156C351.339 120.156 349.458 119.79 347.891 119.059C346.323 118.293 345.122 117.265 344.286 115.977C343.45 114.688 343.032 113.242 343.032 111.64C343.032 109.968 343.432 108.506 344.233 107.252C345.069 105.998 346.375 105.023 348.152 104.326C349.928 103.595 352.244 103.229 355.1 103.229H362.571V107.983H355.988C354.073 107.983 352.749 108.297 352.018 108.924C351.321 109.551 350.973 110.334 350.973 111.275C350.973 112.319 351.374 113.155 352.175 113.782C353.01 114.374 354.142 114.67 355.57 114.67C356.929 114.67 358.148 114.357 359.228 113.73C360.307 113.068 361.091 112.11 361.579 110.857L362.832 114.618C362.24 116.429 361.161 117.805 359.593 118.746C358.026 119.686 356.006 120.156 353.533 120.156ZM394.189 91.2127C396.418 91.2127 398.403 91.6655 400.145 92.5711C401.921 93.4418 403.314 94.8002 404.324 96.6461C405.334 98.4573 405.839 100.791 405.839 103.647V119.738H397.689V104.901C397.689 102.637 397.184 100.965 396.174 99.8853C395.199 98.8056 393.806 98.2657 391.995 98.2657C390.706 98.2657 389.539 98.5444 388.494 99.1016C387.484 99.6241 386.683 100.443 386.091 101.557C385.534 102.672 385.255 104.1 385.255 105.841V119.738H377.105V91.6307H384.889V99.4151L383.427 97.0641C384.437 95.1833 385.882 93.7379 387.763 92.7278C389.644 91.7177 391.786 91.2127 394.189 91.2127ZM427.015 120.156C423.985 120.156 421.285 119.547 418.917 118.328C416.548 117.074 414.685 115.35 413.327 113.155C412.003 110.961 411.341 108.471 411.341 105.684C411.341 102.863 412.003 100.373 413.327 98.2135C414.685 96.0192 416.548 94.3126 418.917 93.0935C421.285 91.8397 423.985 91.2127 427.015 91.2127C429.975 91.2127 432.553 91.8397 434.747 93.0935C436.941 94.3126 438.561 96.0714 439.606 98.3702L433.284 101.766C432.553 100.443 431.63 99.4673 430.515 98.8404C429.435 98.2135 428.251 97.9 426.962 97.9C425.569 97.9 424.315 98.2135 423.201 98.8404C422.086 99.4673 421.198 100.355 420.536 101.505C419.909 102.654 419.596 104.047 419.596 105.684C419.596 107.321 419.909 108.715 420.536 109.864C421.198 111.013 422.086 111.902 423.201 112.528C424.315 113.155 425.569 113.469 426.962 113.469C428.251 113.469 429.435 113.173 430.515 112.581C431.63 111.954 432.553 110.961 433.284 109.603L439.606 113.051C438.561 115.315 436.941 117.074 434.747 118.328C432.553 119.547 429.975 120.156 427.015 120.156ZM457.89 120.156C454.686 120.156 451.865 119.529 449.427 118.275C447.023 117.021 445.16 115.315 443.837 113.155C442.513 110.961 441.851 108.471 441.851 105.684C441.851 102.863 442.496 100.373 443.784 98.2135C445.108 96.0192 446.902 94.3126 449.165 93.0935C451.429 91.8397 453.989 91.2127 456.845 91.2127C459.597 91.2127 462.07 91.8048 464.264 92.989C466.493 94.1384 468.252 95.8102 469.541 98.0045C470.829 100.164 471.474 102.759 471.474 105.789C471.474 106.102 471.456 106.468 471.422 106.886C471.387 107.269 471.352 107.635 471.317 107.983H448.486V103.229H467.033L463.898 104.64C463.898 103.177 463.602 101.905 463.01 100.826C462.418 99.746 461.6 98.9101 460.555 98.318C459.51 97.691 458.291 97.3776 456.898 97.3776C455.504 97.3776 454.268 97.691 453.188 98.318C452.143 98.9101 451.325 99.7634 450.733 100.878C450.141 101.958 449.845 103.246 449.845 104.744V105.998C449.845 107.53 450.176 108.889 450.837 110.073C451.534 111.222 452.492 112.11 453.711 112.737C454.965 113.33 456.427 113.626 458.099 113.626C459.597 113.626 460.903 113.399 462.018 112.946C463.167 112.494 464.212 111.814 465.152 110.909L469.489 115.611C468.2 117.074 466.58 118.206 464.63 119.007C462.679 119.773 460.433 120.156 457.89 120.156Z' fill='white' />
16
+ </svg>
17
+ )
18
+
19
+ if (backgroundColor === MAIN_DARK_BLUE) {
20
+ icon = (
21
+ <svg width={width} height={height} viewBox='0 0 500 182' fill='none' xmlns='http://www.w3.org/2000/svg'>
22
+ <path d='M186.81 64.7676H463.622C483.647 64.7676 499.88 81.0007 499.88 101.025V101.025C499.88 121.05 483.647 137.283 463.622 137.283H186.81L213.978 122.78L222.859 96.8815L207.708 75.1269L186.81 64.7676Z' fill='white' />
23
+ <path d='M64.8326 133.141H191.666V133.1C196.472 132.877 201.167 131.579 205.404 129.302C209.642 127.026 213.314 123.828 216.151 119.946C218.988 116.064 220.917 111.595 221.796 106.87C222.674 102.144 222.481 97.2817 221.229 92.6408C219.977 87.9998 217.699 83.6984 214.563 80.0534C211.427 76.4084 207.512 73.5127 203.107 71.5795C198.701 69.6463 193.918 68.7249 189.109 68.8831C184.3 69.0413 179.588 70.2751 175.32 72.4936C172.686 66.4188 168.699 61.0245 163.663 56.7211C158.626 52.4177 152.674 49.3188 146.258 47.6602M37.6245 47.6602C28.2851 50.0658 20.0115 55.5051 14.1055 63.1222C8.19945 70.7393 4.99629 80.1017 5 89.7365C5.00372 99.3712 8.2141 108.731 14.126 116.344C20.0379 123.956 28.3157 129.389 37.657 131.788' stroke='white' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
24
+ <path d='M87.798 74.3008L70.8761 80.2407L78.323 96.0184' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
25
+ <path d='M71.2574 80.5203C78.9735 85.0529 87.9728 86.9112 96.8556 85.8061C105.738 84.701 114.006 80.6945 120.374 74.4097C126.742 68.1249 130.851 59.9143 132.064 51.0548C133.278 42.1954 131.526 33.1838 127.082 25.4218C122.637 17.6598 115.75 11.5825 107.49 8.13521C99.231 4.68791 90.0627 4.06387 81.4115 6.36015C72.7603 8.65642 65.1113 13.7443 59.6542 20.8324C54.1971 27.9204 51.2378 36.6113 51.2366 45.5533V106.043' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
26
+ <path opacity={0.2} d='M51.2366 169.992V177.058' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
27
+ <path opacity={0.4} d='M51.3015 147.756V158.918' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
28
+ <path opacity={0.7} d='M51.2366 117.537V136.2' stroke='#21FA90' strokeWidth={8.3591} strokeLinecap='round' strokeLinejoin='round' />
29
+ <path d='M234.405 119.738L250.705 83.1671H259.064L275.417 119.738H266.535L253.161 87.4511H256.504L243.078 119.738H234.405ZM242.555 111.902L244.802 105.475H263.61L265.908 111.902H242.555ZM290.45 120.156C287.803 120.156 285.417 119.564 283.292 118.38C281.168 117.161 279.479 115.472 278.225 113.312C277.006 111.153 276.396 108.61 276.396 105.684C276.396 102.724 277.006 100.164 278.225 98.0045C279.479 95.8451 281.168 94.1732 283.292 92.989C285.417 91.8048 287.803 91.2127 290.45 91.2127C292.818 91.2127 294.891 91.7352 296.667 92.7801C298.443 93.8249 299.819 95.4097 300.794 97.5343C301.769 99.6589 302.257 102.376 302.257 105.684C302.257 108.958 301.787 111.675 300.847 113.835C299.906 115.959 298.548 117.544 296.771 118.589C295.03 119.634 292.923 120.156 290.45 120.156ZM291.86 113.469C293.184 113.469 294.386 113.155 295.465 112.528C296.545 111.902 297.398 111.013 298.025 109.864C298.687 108.68 299.018 107.287 299.018 105.684C299.018 104.047 298.687 102.654 298.025 101.505C297.398 100.355 296.545 99.4673 295.465 98.8404C294.386 98.2135 293.184 97.9 291.86 97.9C290.502 97.9 289.283 98.2135 288.203 98.8404C287.124 99.4673 286.253 100.355 285.591 101.505C284.964 102.654 284.651 104.047 284.651 105.684C284.651 107.287 284.964 108.68 285.591 109.864C286.253 111.013 287.124 111.902 288.203 112.528C289.283 113.155 290.502 113.469 291.86 113.469ZM299.227 119.738V113.991L299.384 105.632L298.861 97.3253V80.9728H307.011V119.738H299.227ZM322.182 119.738L310.375 91.6307H318.786L328.608 115.82H324.429L334.616 91.6307H342.453L330.594 119.738H322.182ZM362.101 119.738V114.252L361.579 113.051V103.229C361.579 101.487 361.039 100.129 359.959 99.1539C358.914 98.1786 357.295 97.691 355.1 97.691C353.603 97.691 352.122 97.9348 350.659 98.4224C349.231 98.8752 348.012 99.5022 347.002 100.303L344.077 94.6086C345.609 93.5289 347.455 92.693 349.615 92.1009C351.774 91.5088 353.968 91.2127 356.197 91.2127C360.481 91.2127 363.808 92.2228 366.176 94.2429C368.544 96.263 369.729 99.4151 369.729 103.699V119.738H362.101ZM353.533 120.156C351.339 120.156 349.458 119.79 347.891 119.059C346.323 118.293 345.122 117.265 344.286 115.977C343.45 114.688 343.032 113.242 343.032 111.64C343.032 109.968 343.432 108.506 344.233 107.252C345.069 105.998 346.375 105.023 348.152 104.326C349.928 103.595 352.244 103.229 355.1 103.229H362.571V107.983H355.988C354.073 107.983 352.749 108.297 352.018 108.924C351.321 109.551 350.973 110.334 350.973 111.275C350.973 112.319 351.374 113.155 352.175 113.782C353.01 114.374 354.142 114.67 355.57 114.67C356.929 114.67 358.148 114.357 359.228 113.73C360.307 113.068 361.091 112.11 361.579 110.857L362.832 114.618C362.24 116.429 361.161 117.805 359.593 118.746C358.026 119.686 356.006 120.156 353.533 120.156ZM394.189 91.2127C396.418 91.2127 398.403 91.6655 400.145 92.5711C401.921 93.4418 403.314 94.8002 404.324 96.6461C405.334 98.4573 405.839 100.791 405.839 103.647V119.738H397.689V104.901C397.689 102.637 397.184 100.965 396.174 99.8853C395.199 98.8056 393.806 98.2657 391.995 98.2657C390.706 98.2657 389.539 98.5444 388.494 99.1016C387.484 99.6241 386.683 100.443 386.091 101.557C385.534 102.672 385.255 104.1 385.255 105.841V119.738H377.105V91.6307H384.889V99.4151L383.427 97.0641C384.437 95.1833 385.882 93.7379 387.763 92.7278C389.644 91.7177 391.786 91.2127 394.189 91.2127ZM427.015 120.156C423.985 120.156 421.285 119.547 418.917 118.328C416.548 117.074 414.685 115.35 413.327 113.155C412.003 110.961 411.341 108.471 411.341 105.684C411.341 102.863 412.003 100.373 413.327 98.2135C414.685 96.0192 416.548 94.3126 418.917 93.0935C421.285 91.8397 423.985 91.2127 427.015 91.2127C429.975 91.2127 432.553 91.8397 434.747 93.0935C436.941 94.3126 438.561 96.0714 439.606 98.3702L433.284 101.766C432.553 100.443 431.63 99.4673 430.515 98.8404C429.435 98.2135 428.251 97.9 426.962 97.9C425.569 97.9 424.315 98.2135 423.201 98.8404C422.086 99.4673 421.198 100.355 420.536 101.505C419.909 102.654 419.596 104.047 419.596 105.684C419.596 107.321 419.909 108.715 420.536 109.864C421.198 111.013 422.086 111.902 423.201 112.528C424.315 113.155 425.569 113.469 426.962 113.469C428.251 113.469 429.435 113.173 430.515 112.581C431.63 111.954 432.553 110.961 433.284 109.603L439.606 113.051C438.561 115.315 436.941 117.074 434.747 118.328C432.553 119.547 429.975 120.156 427.015 120.156ZM457.89 120.156C454.686 120.156 451.865 119.529 449.427 118.275C447.023 117.021 445.16 115.315 443.837 113.155C442.513 110.961 441.851 108.471 441.851 105.684C441.851 102.863 442.496 100.373 443.784 98.2135C445.108 96.0192 446.902 94.3126 449.165 93.0935C451.429 91.8397 453.989 91.2127 456.845 91.2127C459.597 91.2127 462.07 91.8048 464.264 92.989C466.493 94.1384 468.252 95.8102 469.541 98.0045C470.829 100.164 471.474 102.759 471.474 105.789C471.474 106.102 471.456 106.468 471.422 106.886C471.387 107.269 471.352 107.635 471.317 107.983H448.486V103.229H467.033L463.898 104.64C463.898 103.177 463.602 101.905 463.01 100.826C462.418 99.746 461.6 98.9101 460.555 98.318C459.51 97.691 458.291 97.3776 456.898 97.3776C455.504 97.3776 454.268 97.691 453.188 98.318C452.143 98.9101 451.325 99.7634 450.733 100.878C450.141 101.958 449.845 103.246 449.845 104.744V105.998C449.845 107.53 450.176 108.889 450.837 110.073C451.534 111.222 452.492 112.11 453.711 112.737C454.965 113.33 456.427 113.626 458.099 113.626C459.597 113.626 460.903 113.399 462.018 112.946C463.167 112.494 464.212 111.814 465.152 110.909L469.489 115.611C468.2 117.074 466.58 118.206 464.63 119.007C462.679 119.773 460.433 120.156 457.89 120.156Z' fill='#00283D' />
30
+ </svg>
31
+ )
32
+ }
33
+
34
+ return icon
35
+ }
36
+
37
+ AdvancedLogo.propTypes = {
38
+ /**
39
+ * background color of the button
40
+ */
41
+ backgroundColor: PropTypes.oneOf([MAIN_DARK_BLUE, WHITE]),
42
+ /**
43
+ * width
44
+ */
45
+ width: PropTypes.number,
46
+ /**
47
+ * height
48
+ */
49
+ height: PropTypes.number
50
+ }
51
+
52
+ AdvancedLogo.defaultProps = {
53
+ backgroundColor: WHITE,
54
+ width: 500,
55
+ height: 182
56
+ }
57
+
58
+ export default AdvancedLogo
package/src/components/logos/BasicLogo.jsx CHANGED
@@ -4,30 +4,32 @@ import { MAIN_DARK_BLUE, WHITE } from '../constants'
4
4
 
5
5
  function BasicLogo ({ backgroundColor, width, height }) {
6
6
  let icon = (
7
- <svg width={width} height={height} viewBox='0 0 402 173' fill='none' xmlns='http://www.w3.org/2000/svg'>
8
- <path d='M178 61.2H366.8C385.964 61.2 401.5 76.7357 401.5 95.9C401.5 115.064 385.964 130.6 366.8 130.6H178L204 116.72L212.5 91.9342L198 71.1142L178 61.2Z' fill='#00283D' />
9
- <path d='M61.2622 126.636H182.647V126.597C187.247 126.383 191.74 125.141 195.795 122.962C199.851 120.783 203.365 117.724 206.08 114.008C208.795 110.293 210.641 106.016 211.482 101.493C212.323 96.9709 212.138 92.3174 210.94 87.8758C209.742 83.4342 207.562 79.3176 204.56 75.8292C201.559 72.3408 197.812 69.5694 193.596 67.7193C189.38 65.8691 184.802 64.9873 180.2 65.1387C175.598 65.2901 171.088 66.4709 167.003 68.5942C164.482 62.7803 160.666 57.6177 155.846 53.4992C151.027 49.3807 145.33 46.4149 139.19 44.8275M35.223 44.8275C26.2848 47.1298 18.3666 52.3354 12.7143 59.6253C7.062 66.9151 3.99645 75.8754 4 85.0962C4.00356 94.317 7.07603 103.275 12.734 110.56C18.3919 117.846 26.3141 123.046 35.254 125.341' stroke='#00283D' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
10
- <path d='M83.2411 70.3236L67.0461 76.0084L74.1732 91.1083' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
11
- <path d='M67.411 76.276C74.7957 80.6139 83.4084 82.3923 91.9095 81.3347C100.411 80.2771 108.324 76.4427 114.418 70.4279C120.512 64.4131 124.445 56.5552 125.606 48.0763C126.767 39.5975 125.09 30.973 120.837 23.5445C116.584 16.1159 109.992 10.2997 102.088 7.00052C94.1829 3.70132 85.4085 3.10409 77.1289 5.30172C68.8494 7.49935 61.529 12.3686 56.3063 19.1522C51.0836 25.9358 48.2515 34.2533 48.2504 42.8111V100.702' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
12
- <path opacity={0.2} d='M48.2504 161.904V168.667' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
13
- <path opacity={0.4} d='M48.3125 140.623V151.306' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
14
- <path opacity={0.7} d='M48.2504 111.703V129.564' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
15
- <path d='M228.15 113V78H245.25C249.65 78 252.95 78.8333 255.15 80.5C257.383 82.1667 258.5 84.3667 258.5 87.1C258.5 88.9333 258.05 90.5333 257.15 91.9C256.25 93.2333 255.017 94.2667 253.45 95C251.883 95.7333 250.083 96.1 248.05 96.1L249 94.05C251.2 94.05 253.15 94.4167 254.85 95.15C256.55 95.85 257.867 96.9 258.8 98.3C259.767 99.7 260.25 101.417 260.25 103.45C260.25 106.45 259.067 108.8 256.7 110.5C254.333 112.167 250.85 113 246.25 113H228.15ZM236.2 106.9H245.65C247.75 106.9 249.333 106.567 250.4 105.9C251.5 105.2 252.05 104.1 252.05 102.6C252.05 101.133 251.5 100.05 250.4 99.35C249.333 98.6167 247.75 98.25 245.65 98.25H235.6V92.35H244.25C246.217 92.35 247.717 92.0167 248.75 91.35C249.817 90.65 250.35 89.6 250.35 88.2C250.35 86.8333 249.817 85.8167 248.75 85.15C247.717 84.45 246.217 84.1 244.25 84.1H236.2V106.9ZM282.332 113V107.75L281.832 106.6V97.2C281.832 95.5333 281.316 94.2333 280.282 93.3C279.282 92.3667 277.732 91.9 275.632 91.9C274.199 91.9 272.782 92.1333 271.382 92.6C270.016 93.0333 268.849 93.6333 267.882 94.4L265.082 88.95C266.549 87.9167 268.316 87.1167 270.382 86.55C272.449 85.9833 274.549 85.7 276.682 85.7C280.782 85.7 283.966 86.6667 286.232 88.6C288.499 90.5333 289.632 93.55 289.632 97.65V113H282.332ZM274.132 113.4C272.032 113.4 270.232 113.05 268.732 112.35C267.232 111.617 266.082 110.633 265.282 109.4C264.482 108.167 264.082 106.783 264.082 105.25C264.082 103.65 264.466 102.25 265.232 101.05C266.032 99.85 267.282 98.9167 268.982 98.25C270.682 97.55 272.899 97.2 275.632 97.2H282.782V101.75H276.482C274.649 101.75 273.382 102.05 272.682 102.65C272.016 103.25 271.682 104 271.682 104.9C271.682 105.9 272.066 106.7 272.832 107.3C273.632 107.867 274.716 108.15 276.082 108.15C277.382 108.15 278.549 107.85 279.582 107.25C280.616 106.617 281.366 105.7 281.832 104.5L283.032 108.1C282.466 109.833 281.432 111.15 279.932 112.05C278.432 112.95 276.499 113.4 274.132 113.4ZM305.742 113.4C303.442 113.4 301.225 113.133 299.092 112.6C296.992 112.033 295.325 111.333 294.092 110.5L296.692 104.9C297.925 105.667 299.375 106.3 301.042 106.8C302.742 107.267 304.408 107.5 306.042 107.5C307.842 107.5 309.108 107.283 309.842 106.85C310.608 106.417 310.992 105.817 310.992 105.05C310.992 104.417 310.692 103.95 310.092 103.65C309.525 103.317 308.758 103.067 307.792 102.9C306.825 102.733 305.758 102.567 304.592 102.4C303.458 102.233 302.308 102.017 301.142 101.75C299.975 101.45 298.908 101.017 297.942 100.45C296.975 99.8833 296.192 99.1167 295.592 98.15C295.025 97.1833 294.742 95.9333 294.742 94.4C294.742 92.7 295.225 91.2 296.192 89.9C297.192 88.6 298.625 87.5833 300.492 86.85C302.358 86.0833 304.592 85.7 307.192 85.7C309.025 85.7 310.892 85.9 312.792 86.3C314.692 86.7 316.275 87.2833 317.542 88.05L314.942 93.6C313.642 92.8333 312.325 92.3167 310.992 92.05C309.692 91.75 308.425 91.6 307.192 91.6C305.458 91.6 304.192 91.8333 303.392 92.3C302.592 92.7667 302.192 93.3667 302.192 94.1C302.192 94.7667 302.475 95.2667 303.042 95.6C303.642 95.9333 304.425 96.2 305.392 96.4C306.358 96.6 307.408 96.7833 308.542 96.95C309.708 97.0833 310.875 97.3 312.042 97.6C313.208 97.9 314.258 98.3333 315.192 98.9C316.158 99.4333 316.942 100.183 317.542 101.15C318.142 102.083 318.442 103.317 318.442 104.85C318.442 106.517 317.942 108 316.942 109.3C315.942 110.567 314.492 111.567 312.592 112.3C310.725 113.033 308.442 113.4 305.742 113.4ZM323.254 113V86.1H331.054V113H323.254ZM327.154 82.35C325.721 82.35 324.554 81.9333 323.654 81.1C322.754 80.2667 322.304 79.2333 322.304 78C322.304 76.7667 322.754 75.7333 323.654 74.9C324.554 74.0667 325.721 73.65 327.154 73.65C328.588 73.65 329.754 74.05 330.654 74.85C331.554 75.6167 332.004 76.6167 332.004 77.85C332.004 79.15 331.554 80.2333 330.654 81.1C329.788 81.9333 328.621 82.35 327.154 82.35ZM351.293 113.4C348.393 113.4 345.81 112.817 343.543 111.65C341.277 110.45 339.493 108.8 338.193 106.7C336.927 104.6 336.293 102.217 336.293 99.55C336.293 96.85 336.927 94.4667 338.193 92.4C339.493 90.3 341.277 88.6667 343.543 87.5C345.81 86.3 348.393 85.7 351.293 85.7C354.127 85.7 356.593 86.3 358.693 87.5C360.793 88.6667 362.343 90.35 363.343 92.55L357.293 95.8C356.593 94.5333 355.71 93.6 354.643 93C353.61 92.4 352.477 92.1 351.243 92.1C349.91 92.1 348.71 92.4 347.643 93C346.577 93.6 345.727 94.45 345.093 95.55C344.493 96.65 344.193 97.9833 344.193 99.55C344.193 101.117 344.493 102.45 345.093 103.55C345.727 104.65 346.577 105.5 347.643 106.1C348.71 106.7 349.91 107 351.243 107C352.477 107 353.61 106.717 354.643 106.15C355.71 105.55 356.593 104.6 357.293 103.3L363.343 106.6C362.343 108.767 360.793 110.45 358.693 111.65C356.593 112.817 354.127 113.4 351.293 113.4Z' fill='white' />
7
+ <svg width={width} height={height} viewBox='0 0 423 182' fill='none' xmlns='http://www.w3.org/2000/svg'>
8
+ <path d='M187.436 64.9733H385.39C405.484 64.9733 421.773 81.2622 421.773 101.356V101.356C421.773 121.449 405.484 137.738 385.39 137.738H187.436L214.697 123.185L223.609 97.1977L208.406 75.3682L187.436 64.9733Z' fill='#00283D' />
9
+ <path d='M65.0386 133.582H192.308V133.542C197.131 133.317 201.842 132.015 206.094 129.73C210.347 127.446 214.032 124.238 216.878 120.342C219.725 116.446 221.66 111.962 222.542 107.221C223.424 102.479 223.229 97.5995 221.973 92.9426C220.717 88.2856 218.432 83.9694 215.284 80.3119C212.137 76.6543 208.209 73.7487 203.788 71.8088C199.368 69.8689 194.568 68.9443 189.743 69.1031C184.917 69.2618 180.189 70.4999 175.906 72.7261C173.263 66.6304 169.262 61.2174 164.209 56.8992C159.155 52.5811 153.182 49.4715 146.744 47.8071M37.7368 47.8071C28.3653 50.221 20.0632 55.6791 14.1368 63.3224C8.21048 70.9657 4.99629 80.3604 5.00001 90.0283C5.00374 99.6961 8.22518 109.088 14.1574 116.727C20.0897 124.366 28.396 129.818 37.7694 132.224' stroke='#00283D' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
10
+ <path d='M88.0831 74.5393L71.1029 80.4997L78.5755 96.3317' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
11
+ <path d='M71.4855 80.7803C79.2282 85.3285 88.2585 87.1932 97.1718 86.0843C106.085 84.9753 114.382 80.955 120.771 74.6486C127.161 68.3422 131.285 60.1033 132.502 51.2134C133.719 42.3234 131.961 33.2808 127.502 25.4921C123.042 17.7034 116.131 11.6052 107.843 8.146C99.5554 4.68684 90.3555 4.06065 81.6746 6.36483C72.9936 8.66901 65.3183 13.7744 59.8424 20.8869C54.3665 27.9993 51.397 36.7202 51.3958 45.6929V106.39' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
12
+ <path opacity={0.2} d='M51.3958 170.56V177.651' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
13
+ <path opacity={0.4} d='M51.461 148.247V159.448' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
14
+ <path opacity={0.7} d='M51.3958 117.925V136.652' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
15
+ <path d='M240.018 119.958V83.2607H257.947C262.56 83.2607 266.02 84.1344 268.327 85.8819C270.669 87.6294 271.839 89.936 271.839 92.8019C271.839 94.7241 271.368 96.4017 270.424 97.8346C269.48 99.2326 268.187 100.316 266.544 101.085C264.902 101.854 263.015 102.238 260.883 102.238L261.879 100.089C264.185 100.089 266.23 100.473 268.012 101.242C269.795 101.976 271.175 103.077 272.154 104.545C273.167 106.013 273.674 107.813 273.674 109.945C273.674 113.09 272.433 115.554 269.952 117.336C267.471 119.084 263.818 119.958 258.995 119.958H240.018ZM248.458 113.562H258.366C260.568 113.562 262.228 113.212 263.347 112.513C264.5 111.779 265.077 110.626 265.077 109.053C265.077 107.516 264.5 106.38 263.347 105.646C262.228 104.877 260.568 104.492 258.366 104.492H247.829V98.3064H256.898C258.96 98.3064 260.533 97.9569 261.617 97.2579C262.735 96.524 263.294 95.4231 263.294 93.9552C263.294 92.5223 262.735 91.4563 261.617 90.7573C260.533 90.0234 258.96 89.6564 256.898 89.6564H248.458V113.562ZM296.827 119.958V114.453L296.303 113.247V103.392C296.303 101.644 295.761 100.281 294.678 99.3025C293.629 98.3239 292.004 97.8346 289.802 97.8346C288.3 97.8346 286.814 98.0793 285.346 98.5686C283.913 99.0229 282.69 99.652 281.677 100.456L278.741 94.7416C280.279 93.6582 282.131 92.8194 284.298 92.2252C286.465 91.6311 288.667 91.334 290.903 91.334C295.202 91.334 298.54 92.3475 300.916 94.3746C303.293 96.4017 304.481 99.5646 304.481 103.863V119.958H296.827ZM288.23 120.377C286.028 120.377 284.141 120.01 282.568 119.276C280.995 118.507 279.789 117.476 278.951 116.183C278.112 114.89 277.692 113.44 277.692 111.832C277.692 110.154 278.094 108.686 278.898 107.428C279.737 106.17 281.048 105.191 282.83 104.492C284.612 103.759 286.937 103.392 289.802 103.392H297.299V108.162H290.694C288.771 108.162 287.443 108.477 286.709 109.106C286.01 109.735 285.661 110.521 285.661 111.465C285.661 112.513 286.063 113.352 286.867 113.981C287.705 114.575 288.841 114.872 290.274 114.872C291.637 114.872 292.861 114.558 293.944 113.929C295.027 113.265 295.814 112.304 296.303 111.046L297.561 114.82C296.967 116.637 295.884 118.018 294.311 118.962C292.738 119.905 290.711 120.377 288.23 120.377ZM321.372 120.377C318.96 120.377 316.636 120.097 314.399 119.538C312.197 118.944 310.45 118.21 309.157 117.336L311.883 111.465C313.176 112.269 314.696 112.933 316.444 113.457C318.226 113.946 319.974 114.191 321.686 114.191C323.573 114.191 324.902 113.964 325.67 113.509C326.474 113.055 326.876 112.426 326.876 111.622C326.876 110.958 326.562 110.469 325.933 110.154C325.338 109.805 324.535 109.543 323.521 109.368C322.507 109.193 321.389 109.018 320.166 108.844C318.978 108.669 317.772 108.442 316.549 108.162C315.325 107.848 314.207 107.393 313.193 106.799C312.18 106.205 311.359 105.401 310.73 104.388C310.135 103.374 309.838 102.064 309.838 100.456C309.838 98.6734 310.345 97.1007 311.359 95.7376C312.407 94.3746 313.91 93.3087 315.867 92.5398C317.824 91.7359 320.166 91.334 322.892 91.334C324.814 91.334 326.771 91.5437 328.763 91.9631C330.756 92.3825 332.416 92.9941 333.744 93.798L331.018 99.617C329.655 98.8132 328.274 98.2715 326.876 97.9919C325.513 97.6773 324.185 97.5201 322.892 97.5201C321.075 97.5201 319.746 97.7647 318.908 98.254C318.069 98.7433 317.65 99.3724 317.65 100.141C317.65 100.84 317.947 101.365 318.541 101.714C319.17 102.064 319.991 102.343 321.005 102.553C322.018 102.762 323.119 102.955 324.307 103.129C325.531 103.269 326.754 103.496 327.977 103.811C329.2 104.126 330.301 104.58 331.28 105.174C332.293 105.733 333.115 106.52 333.744 107.533C334.373 108.512 334.687 109.805 334.687 111.412C334.687 113.16 334.163 114.715 333.115 116.078C332.066 117.406 330.546 118.455 328.554 119.224C326.597 119.993 324.203 120.377 321.372 120.377ZM339.733 119.958V91.7534H347.911V119.958H339.733ZM343.822 87.8216C342.319 87.8216 341.096 87.3847 340.153 86.511C339.209 85.6372 338.737 84.5538 338.737 83.2607C338.737 81.9675 339.209 80.8841 340.153 80.0104C341.096 79.1366 342.319 78.6998 343.822 78.6998C345.325 78.6998 346.548 79.1192 347.492 79.958C348.436 80.7618 348.907 81.8103 348.907 83.1034C348.907 84.4664 348.436 85.6023 347.492 86.511C346.583 87.3847 345.36 87.8216 343.822 87.8216ZM369.132 120.377C366.091 120.377 363.383 119.765 361.006 118.542C358.629 117.284 356.76 115.554 355.397 113.352C354.069 111.15 353.404 108.651 353.404 105.856C353.404 103.025 354.069 100.526 355.397 98.3589C356.76 96.157 358.629 94.4445 361.006 93.2213C363.383 91.9631 366.091 91.334 369.132 91.334C372.102 91.334 374.689 91.9631 376.891 93.2213C379.092 94.4445 380.718 96.2095 381.766 98.5161L375.423 101.924C374.689 100.596 373.763 99.617 372.644 98.9879C371.561 98.3589 370.372 98.0443 369.079 98.0443C367.681 98.0443 366.423 98.3589 365.305 98.9879C364.186 99.617 363.295 100.508 362.631 101.662C362.002 102.815 361.688 104.213 361.688 105.856C361.688 107.498 362.002 108.896 362.631 110.049C363.295 111.203 364.186 112.094 365.305 112.723C366.423 113.352 367.681 113.667 369.079 113.667C370.372 113.667 371.561 113.37 372.644 112.776C373.763 112.146 374.689 111.15 375.423 109.787L381.766 113.247C380.718 115.519 379.092 117.284 376.891 118.542C374.689 119.765 372.102 120.377 369.132 120.377Z' fill='white' />
16
+
16
17
  </svg>
17
18
 
18
19
  )
19
20
 
20
21
  if (backgroundColor === MAIN_DARK_BLUE) {
21
22
  icon = (
22
- <svg width={width} height={height} viewBox='0 0 402 173' fill='none' xmlns='http://www.w3.org/2000/svg'>
23
- <path d='M178 61.2H366.8C385.964 61.2 401.5 76.7357 401.5 95.9C401.5 115.064 385.964 130.6 366.8 130.6H178L204 116.72L212.5 91.9342L198 71.1142L178 61.2Z' fill='white' />
24
- <path d='M61.2622 126.636H182.647V126.597C187.247 126.383 191.74 125.141 195.795 122.962C199.851 120.783 203.365 117.724 206.08 114.008C208.795 110.293 210.641 106.016 211.482 101.493C212.323 96.9709 212.138 92.3174 210.94 87.8758C209.742 83.4342 207.562 79.3176 204.56 75.8292C201.559 72.3408 197.812 69.5694 193.596 67.7193C189.38 65.8691 184.802 64.9873 180.2 65.1387C175.598 65.2901 171.088 66.4709 167.003 68.5942C164.482 62.7803 160.666 57.6177 155.846 53.4992C151.027 49.3807 145.33 46.4149 139.19 44.8275M35.223 44.8275C26.2848 47.1298 18.3666 52.3354 12.7143 59.6253C7.062 66.9151 3.99645 75.8754 4 85.0962C4.00356 94.317 7.07603 103.275 12.734 110.56C18.3919 117.846 26.3141 123.046 35.254 125.341' stroke='white' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
25
- <path d='M83.2411 70.3236L67.0461 76.0084L74.1732 91.1083' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
26
- <path d='M67.411 76.276C74.7957 80.6139 83.4084 82.3923 91.9095 81.3347C100.411 80.2771 108.324 76.4427 114.418 70.4279C120.512 64.4131 124.445 56.5552 125.606 48.0763C126.767 39.5975 125.09 30.973 120.837 23.5445C116.584 16.1159 109.992 10.2997 102.088 7.00052C94.1829 3.70132 85.4085 3.10409 77.1289 5.30172C68.8494 7.49935 61.529 12.3686 56.3063 19.1522C51.0836 25.9358 48.2515 34.2533 48.2504 42.8111V100.702' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
27
- <path opacity={0.2} d='M48.2504 161.904V168.667' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
28
- <path opacity={0.4} d='M48.3125 140.623V151.306' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
29
- <path opacity={0.7} d='M48.2504 111.703V129.564' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
30
- <path d='M228.15 113V78H245.25C249.65 78 252.95 78.8333 255.15 80.5C257.383 82.1667 258.5 84.3667 258.5 87.1C258.5 88.9333 258.05 90.5333 257.15 91.9C256.25 93.2333 255.017 94.2667 253.45 95C251.883 95.7333 250.083 96.1 248.05 96.1L249 94.05C251.2 94.05 253.15 94.4167 254.85 95.15C256.55 95.85 257.867 96.9 258.8 98.3C259.767 99.7 260.25 101.417 260.25 103.45C260.25 106.45 259.067 108.8 256.7 110.5C254.333 112.167 250.85 113 246.25 113H228.15ZM236.2 106.9H245.65C247.75 106.9 249.333 106.567 250.4 105.9C251.5 105.2 252.05 104.1 252.05 102.6C252.05 101.133 251.5 100.05 250.4 99.35C249.333 98.6167 247.75 98.25 245.65 98.25H235.6V92.35H244.25C246.217 92.35 247.717 92.0167 248.75 91.35C249.817 90.65 250.35 89.6 250.35 88.2C250.35 86.8333 249.817 85.8167 248.75 85.15C247.717 84.45 246.217 84.1 244.25 84.1H236.2V106.9ZM282.332 113V107.75L281.832 106.6V97.2C281.832 95.5333 281.316 94.2333 280.282 93.3C279.282 92.3667 277.732 91.9 275.632 91.9C274.199 91.9 272.782 92.1333 271.382 92.6C270.016 93.0333 268.849 93.6333 267.882 94.4L265.082 88.95C266.549 87.9167 268.316 87.1167 270.382 86.55C272.449 85.9833 274.549 85.7 276.682 85.7C280.782 85.7 283.966 86.6667 286.232 88.6C288.499 90.5333 289.632 93.55 289.632 97.65V113H282.332ZM274.132 113.4C272.032 113.4 270.232 113.05 268.732 112.35C267.232 111.617 266.082 110.633 265.282 109.4C264.482 108.167 264.082 106.783 264.082 105.25C264.082 103.65 264.466 102.25 265.232 101.05C266.032 99.85 267.282 98.9167 268.982 98.25C270.682 97.55 272.899 97.2 275.632 97.2H282.782V101.75H276.482C274.649 101.75 273.382 102.05 272.682 102.65C272.016 103.25 271.682 104 271.682 104.9C271.682 105.9 272.066 106.7 272.832 107.3C273.632 107.867 274.716 108.15 276.082 108.15C277.382 108.15 278.549 107.85 279.582 107.25C280.616 106.617 281.366 105.7 281.832 104.5L283.032 108.1C282.466 109.833 281.432 111.15 279.932 112.05C278.432 112.95 276.499 113.4 274.132 113.4ZM305.742 113.4C303.442 113.4 301.225 113.133 299.092 112.6C296.992 112.033 295.325 111.333 294.092 110.5L296.692 104.9C297.925 105.667 299.375 106.3 301.042 106.8C302.742 107.267 304.408 107.5 306.042 107.5C307.842 107.5 309.108 107.283 309.842 106.85C310.608 106.417 310.992 105.817 310.992 105.05C310.992 104.417 310.692 103.95 310.092 103.65C309.525 103.317 308.758 103.067 307.792 102.9C306.825 102.733 305.758 102.567 304.592 102.4C303.458 102.233 302.308 102.017 301.142 101.75C299.975 101.45 298.908 101.017 297.942 100.45C296.975 99.8833 296.192 99.1167 295.592 98.15C295.025 97.1833 294.742 95.9333 294.742 94.4C294.742 92.7 295.225 91.2 296.192 89.9C297.192 88.6 298.625 87.5833 300.492 86.85C302.358 86.0833 304.592 85.7 307.192 85.7C309.025 85.7 310.892 85.9 312.792 86.3C314.692 86.7 316.275 87.2833 317.542 88.05L314.942 93.6C313.642 92.8333 312.325 92.3167 310.992 92.05C309.692 91.75 308.425 91.6 307.192 91.6C305.458 91.6 304.192 91.8333 303.392 92.3C302.592 92.7667 302.192 93.3667 302.192 94.1C302.192 94.7667 302.475 95.2667 303.042 95.6C303.642 95.9333 304.425 96.2 305.392 96.4C306.358 96.6 307.408 96.7833 308.542 96.95C309.708 97.0833 310.875 97.3 312.042 97.6C313.208 97.9 314.258 98.3333 315.192 98.9C316.158 99.4333 316.942 100.183 317.542 101.15C318.142 102.083 318.442 103.317 318.442 104.85C318.442 106.517 317.942 108 316.942 109.3C315.942 110.567 314.492 111.567 312.592 112.3C310.725 113.033 308.442 113.4 305.742 113.4ZM323.254 113V86.1H331.054V113H323.254ZM327.154 82.35C325.721 82.35 324.554 81.9333 323.654 81.1C322.754 80.2667 322.304 79.2333 322.304 78C322.304 76.7667 322.754 75.7333 323.654 74.9C324.554 74.0667 325.721 73.65 327.154 73.65C328.588 73.65 329.754 74.05 330.654 74.85C331.554 75.6167 332.004 76.6167 332.004 77.85C332.004 79.15 331.554 80.2333 330.654 81.1C329.788 81.9333 328.621 82.35 327.154 82.35ZM351.293 113.4C348.393 113.4 345.81 112.817 343.543 111.65C341.277 110.45 339.493 108.8 338.193 106.7C336.927 104.6 336.293 102.217 336.293 99.55C336.293 96.85 336.927 94.4667 338.193 92.4C339.493 90.3 341.277 88.6667 343.543 87.5C345.81 86.3 348.393 85.7 351.293 85.7C354.127 85.7 356.593 86.3 358.693 87.5C360.793 88.6667 362.343 90.35 363.343 92.55L357.293 95.8C356.593 94.5333 355.71 93.6 354.643 93C353.61 92.4 352.477 92.1 351.243 92.1C349.91 92.1 348.71 92.4 347.643 93C346.577 93.6 345.727 94.45 345.093 95.55C344.493 96.65 344.193 97.9833 344.193 99.55C344.193 101.117 344.493 102.45 345.093 103.55C345.727 104.65 346.577 105.5 347.643 106.1C348.71 106.7 349.91 107 351.243 107C352.477 107 353.61 106.717 354.643 106.15C355.71 105.55 356.593 104.6 357.293 103.3L363.343 106.6C362.343 108.767 360.793 110.45 358.693 111.65C356.593 112.817 354.127 113.4 351.293 113.4Z' fill='#00283D' />
23
+ <svg width={width} height={height} viewBox='0 0 423 182' fill='none' xmlns='http://www.w3.org/2000/svg'>
24
+ <path d='M187.436 64.9733H385.39C405.484 64.9733 421.773 81.2622 421.773 101.356V101.356C421.773 121.449 405.484 137.738 385.39 137.738H187.436L214.697 123.185L223.609 97.1977L208.406 75.3682L187.436 64.9733Z' fill='white' />
25
+ <path d='M65.0386 133.582H192.308V133.542C197.131 133.317 201.842 132.015 206.094 129.73C210.347 127.446 214.032 124.238 216.878 120.342C219.725 116.446 221.66 111.962 222.542 107.221C223.424 102.479 223.229 97.5995 221.973 92.9426C220.717 88.2856 218.432 83.9694 215.284 80.3119C212.137 76.6543 208.209 73.7487 203.788 71.8088C199.368 69.8689 194.568 68.9443 189.743 69.1031C184.917 69.2618 180.189 70.4999 175.906 72.7261C173.263 66.6304 169.262 61.2174 164.209 56.8992C159.155 52.5811 153.182 49.4715 146.744 47.8071M37.7368 47.8071C28.3653 50.221 20.0632 55.6791 14.1368 63.3224C8.21048 70.9657 4.99629 80.3604 5.00001 90.0283C5.00374 99.6961 8.22518 109.088 14.1574 116.727C20.0897 124.366 28.396 129.818 37.7694 132.224' stroke='white' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
26
+ <path d='M88.0831 74.5393L71.1029 80.4997L78.5755 96.3317' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
27
+ <path d='M71.4855 80.7803C79.2282 85.3285 88.2585 87.1932 97.1718 86.0843C106.085 84.9753 114.382 80.955 120.771 74.6486C127.161 68.3422 131.285 60.1033 132.502 51.2134C133.719 42.3234 131.961 33.2808 127.502 25.4921C123.042 17.7034 116.131 11.6052 107.843 8.146C99.5554 4.68684 90.3555 4.06065 81.6746 6.36483C72.9936 8.66901 65.3183 13.7744 59.8424 20.8869C54.3665 27.9993 51.397 36.7202 51.3958 45.6929V106.39' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
28
+ <path opacity={0.2} d='M51.3958 170.56V177.651' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
29
+ <path opacity={0.4} d='M51.461 148.247V159.448' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
30
+ <path opacity={0.7} d='M51.3958 117.925V136.652' stroke='#21FA90' strokeWidth={8.38788} strokeLinecap='round' strokeLinejoin='round' />
31
+ <path d='M240.018 119.958V83.2607H257.947C262.56 83.2607 266.02 84.1344 268.327 85.8819C270.669 87.6294 271.839 89.936 271.839 92.8019C271.839 94.7241 271.368 96.4017 270.424 97.8346C269.48 99.2326 268.187 100.316 266.544 101.085C264.902 101.854 263.015 102.238 260.883 102.238L261.879 100.089C264.185 100.089 266.23 100.473 268.012 101.242C269.795 101.976 271.175 103.077 272.154 104.545C273.167 106.013 273.674 107.813 273.674 109.945C273.674 113.09 272.433 115.554 269.952 117.336C267.471 119.084 263.818 119.958 258.995 119.958H240.018ZM248.458 113.562H258.366C260.568 113.562 262.228 113.212 263.347 112.513C264.5 111.779 265.077 110.626 265.077 109.053C265.077 107.516 264.5 106.38 263.347 105.646C262.228 104.877 260.568 104.492 258.366 104.492H247.829V98.3064H256.898C258.96 98.3064 260.533 97.9569 261.617 97.2579C262.735 96.524 263.294 95.4231 263.294 93.9552C263.294 92.5223 262.735 91.4563 261.617 90.7573C260.533 90.0234 258.96 89.6564 256.898 89.6564H248.458V113.562ZM296.827 119.958V114.453L296.303 113.247V103.392C296.303 101.644 295.761 100.281 294.678 99.3025C293.629 98.3239 292.004 97.8346 289.802 97.8346C288.3 97.8346 286.814 98.0793 285.346 98.5686C283.913 99.0229 282.69 99.652 281.677 100.456L278.741 94.7416C280.279 93.6582 282.131 92.8194 284.298 92.2252C286.465 91.6311 288.667 91.334 290.903 91.334C295.202 91.334 298.54 92.3475 300.916 94.3746C303.293 96.4017 304.481 99.5646 304.481 103.863V119.958H296.827ZM288.23 120.377C286.028 120.377 284.141 120.01 282.568 119.276C280.995 118.507 279.789 117.476 278.951 116.183C278.112 114.89 277.692 113.44 277.692 111.832C277.692 110.154 278.094 108.686 278.898 107.428C279.737 106.17 281.048 105.191 282.83 104.492C284.612 103.759 286.937 103.392 289.802 103.392H297.299V108.162H290.694C288.771 108.162 287.443 108.477 286.709 109.106C286.01 109.735 285.661 110.521 285.661 111.465C285.661 112.513 286.063 113.352 286.867 113.981C287.705 114.575 288.841 114.872 290.274 114.872C291.637 114.872 292.861 114.558 293.944 113.929C295.027 113.265 295.814 112.304 296.303 111.046L297.561 114.82C296.967 116.637 295.884 118.018 294.311 118.962C292.738 119.905 290.711 120.377 288.23 120.377ZM321.372 120.377C318.96 120.377 316.636 120.097 314.399 119.538C312.197 118.944 310.45 118.21 309.157 117.336L311.883 111.465C313.176 112.269 314.696 112.933 316.444 113.457C318.226 113.946 319.974 114.191 321.686 114.191C323.573 114.191 324.902 113.964 325.67 113.509C326.474 113.055 326.876 112.426 326.876 111.622C326.876 110.958 326.562 110.469 325.933 110.154C325.338 109.805 324.535 109.543 323.521 109.368C322.507 109.193 321.389 109.018 320.166 108.844C318.978 108.669 317.772 108.442 316.549 108.162C315.325 107.848 314.207 107.393 313.193 106.799C312.18 106.205 311.359 105.401 310.73 104.388C310.135 103.374 309.838 102.064 309.838 100.456C309.838 98.6734 310.345 97.1007 311.359 95.7376C312.407 94.3746 313.91 93.3087 315.867 92.5398C317.824 91.7359 320.166 91.334 322.892 91.334C324.814 91.334 326.771 91.5437 328.763 91.9631C330.756 92.3825 332.416 92.9941 333.744 93.798L331.018 99.617C329.655 98.8132 328.274 98.2715 326.876 97.9919C325.513 97.6773 324.185 97.5201 322.892 97.5201C321.075 97.5201 319.746 97.7647 318.908 98.254C318.069 98.7433 317.65 99.3724 317.65 100.141C317.65 100.84 317.947 101.365 318.541 101.714C319.17 102.064 319.991 102.343 321.005 102.553C322.018 102.762 323.119 102.955 324.307 103.129C325.531 103.269 326.754 103.496 327.977 103.811C329.2 104.126 330.301 104.58 331.28 105.174C332.293 105.733 333.115 106.52 333.744 107.533C334.373 108.512 334.687 109.805 334.687 111.412C334.687 113.16 334.163 114.715 333.115 116.078C332.066 117.406 330.546 118.455 328.554 119.224C326.597 119.993 324.203 120.377 321.372 120.377ZM339.733 119.958V91.7534H347.911V119.958H339.733ZM343.822 87.8216C342.319 87.8216 341.096 87.3847 340.153 86.511C339.209 85.6372 338.737 84.5538 338.737 83.2607C338.737 81.9675 339.209 80.8841 340.153 80.0104C341.096 79.1366 342.319 78.6998 343.822 78.6998C345.325 78.6998 346.548 79.1192 347.492 79.958C348.436 80.7618 348.907 81.8103 348.907 83.1034C348.907 84.4664 348.436 85.6023 347.492 86.511C346.583 87.3847 345.36 87.8216 343.822 87.8216ZM369.132 120.377C366.091 120.377 363.383 119.765 361.006 118.542C358.629 117.284 356.76 115.554 355.397 113.352C354.069 111.15 353.404 108.651 353.404 105.856C353.404 103.025 354.069 100.526 355.397 98.3589C356.76 96.157 358.629 94.4445 361.006 93.2213C363.383 91.9631 366.091 91.334 369.132 91.334C372.102 91.334 374.689 91.9631 376.891 93.2213C379.092 94.4445 380.718 96.2095 381.766 98.5161L375.423 101.924C374.689 100.596 373.763 99.617 372.644 98.9879C371.561 98.3589 370.372 98.0443 369.079 98.0443C367.681 98.0443 366.423 98.3589 365.305 98.9879C364.186 99.617 363.295 100.508 362.631 101.662C362.002 102.815 361.688 104.213 361.688 105.856C361.688 107.498 362.002 108.896 362.631 110.049C363.295 111.203 364.186 112.094 365.305 112.723C366.423 113.352 367.681 113.667 369.079 113.667C370.372 113.667 371.561 113.37 372.644 112.776C373.763 112.146 374.689 111.15 375.423 109.787L381.766 113.247C380.718 115.519 379.092 117.284 376.891 118.542C374.689 119.765 372.102 120.377 369.132 120.377Z' fill='#00283D' />
32
+
31
33
  </svg>
32
34
 
33
35
  )
@@ -53,8 +55,8 @@ BasicLogo.propTypes = {
53
55
 
54
56
  BasicLogo.defaultProps = {
55
57
  backgroundColor: WHITE,
56
- width: 402,
57
- height: 173
58
+ width: 423,
59
+ height: 182
58
60
  }
59
61
 
60
62
  export default BasicLogo
package/src/components/logos/FreeLogo.jsx CHANGED
@@ -4,29 +4,31 @@ import { MAIN_DARK_BLUE, WHITE } from '../constants'
4
4
 
5
5
  function FreeLogo ({ backgroundColor, width, height }) {
6
6
  let icon = (
7
- <svg width={width} height={height} viewBox='0 0 379 173' fill='none' xmlns='http://www.w3.org/2000/svg'>
8
- <path d='M178 61.2H336.8C355.964 61.2 371.5 76.7357 371.5 95.9C371.5 115.064 355.964 130.6 336.8 130.6H178L204 116.72L212.5 91.9342L198 71.1142L178 61.2Z' fill='#00283D' />
9
- <path d='M61.2622 126.636H182.647V126.597C187.247 126.383 191.74 125.141 195.795 122.962C199.851 120.783 203.365 117.724 206.08 114.008C208.795 110.293 210.641 106.016 211.482 101.493C212.323 96.9709 212.138 92.3174 210.94 87.8758C209.742 83.4342 207.562 79.3176 204.56 75.8292C201.559 72.3408 197.812 69.5694 193.596 67.7193C189.38 65.8691 184.802 64.9873 180.2 65.1387C175.598 65.2901 171.088 66.4709 167.003 68.5942C164.482 62.7803 160.666 57.6177 155.846 53.4992C151.027 49.3807 145.33 46.4149 139.19 44.8275M35.223 44.8275C26.2848 47.1298 18.3666 52.3354 12.7143 59.6253C7.062 66.9151 3.99645 75.8754 4 85.0962C4.00356 94.317 7.07603 103.275 12.734 110.56C18.3919 117.846 26.3141 123.046 35.254 125.341' stroke='#00283D' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
10
- <path d='M83.2411 70.3236L67.0461 76.0084L74.1731 91.1083' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
11
- <path d='M67.411 76.276C74.7957 80.6139 83.4084 82.3923 91.9095 81.3347C100.411 80.2771 108.324 76.4427 114.418 70.4279C120.512 64.4131 124.445 56.5552 125.606 48.0763C126.767 39.5975 125.09 30.973 120.837 23.5445C116.584 16.1159 109.992 10.2997 102.087 7.00052C94.1829 3.70132 85.4084 3.10409 77.1289 5.30172C68.8494 7.49935 61.529 12.3686 56.3063 19.1522C51.0836 25.9358 48.2515 34.2533 48.2504 42.8111V100.702' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
12
- <path opacity={0.2} d='M48.2504 161.904V168.667' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
13
- <path opacity={0.4} d='M48.3125 140.623V151.306' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
14
- <path opacity={0.7} d='M48.2504 111.703V129.564' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
15
- <path d='M235.65 93.75H252.45V100.25H235.65V93.75ZM236.25 113H228.15V78H254.6V84.5H236.25V113ZM259.045 113V86.1H266.495V93.7L265.445 91.5C266.245 89.6 267.529 88.1667 269.295 87.2C271.062 86.2 273.212 85.7 275.745 85.7V92.9C275.412 92.8667 275.112 92.85 274.845 92.85C274.579 92.8167 274.295 92.8 273.995 92.8C271.862 92.8 270.129 93.4167 268.795 94.65C267.495 95.85 266.845 97.7333 266.845 100.3V113H259.045ZM293.489 113.4C290.422 113.4 287.722 112.8 285.389 111.6C283.089 110.4 281.306 108.767 280.039 106.7C278.772 104.6 278.139 102.217 278.139 99.55C278.139 96.85 278.756 94.4667 279.989 92.4C281.256 90.3 282.972 88.6667 285.139 87.5C287.306 86.3 289.756 85.7 292.489 85.7C295.122 85.7 297.489 86.2667 299.589 87.4C301.722 88.5 303.406 90.1 304.639 92.2C305.872 94.2667 306.489 96.75 306.489 99.65C306.489 99.95 306.472 100.3 306.439 100.7C306.406 101.067 306.372 101.417 306.339 101.75H284.489V97.2H302.239L299.239 98.55C299.239 97.15 298.956 95.9333 298.389 94.9C297.822 93.8667 297.039 93.0667 296.039 92.5C295.039 91.9 293.872 91.6 292.539 91.6C291.206 91.6 290.022 91.9 288.989 92.5C287.989 93.0667 287.206 93.8833 286.639 94.95C286.072 95.9833 285.789 97.2167 285.789 98.65V99.85C285.789 101.317 286.106 102.617 286.739 103.75C287.406 104.85 288.322 105.7 289.489 106.3C290.689 106.867 292.089 107.15 293.689 107.15C295.122 107.15 296.372 106.933 297.439 106.5C298.539 106.067 299.539 105.417 300.439 104.55L304.589 109.05C303.356 110.45 301.806 111.533 299.939 112.3C298.072 113.033 295.922 113.4 293.489 113.4ZM325.032 113.4C321.965 113.4 319.265 112.8 316.932 111.6C314.632 110.4 312.849 108.767 311.582 106.7C310.315 104.6 309.682 102.217 309.682 99.55C309.682 96.85 310.299 94.4667 311.532 92.4C312.799 90.3 314.515 88.6667 316.682 87.5C318.849 86.3 321.299 85.7 324.032 85.7C326.665 85.7 329.032 86.2667 331.132 87.4C333.265 88.5 334.949 90.1 336.182 92.2C337.415 94.2667 338.032 96.75 338.032 99.65C338.032 99.95 338.015 100.3 337.982 100.7C337.949 101.067 337.915 101.417 337.882 101.75H316.032V97.2H333.782L330.782 98.55C330.782 97.15 330.499 95.9333 329.932 94.9C329.365 93.8667 328.582 93.0667 327.582 92.5C326.582 91.9 325.415 91.6 324.082 91.6C322.749 91.6 321.565 91.9 320.532 92.5C319.532 93.0667 318.749 93.8833 318.182 94.95C317.615 95.9833 317.332 97.2167 317.332 98.65V99.85C317.332 101.317 317.649 102.617 318.282 103.75C318.949 104.85 319.865 105.7 321.032 106.3C322.232 106.867 323.632 107.15 325.232 107.15C326.665 107.15 327.915 106.933 328.982 106.5C330.082 106.067 331.082 105.417 331.982 104.55L336.132 109.05C334.899 110.45 333.349 111.533 331.482 112.3C329.615 113.033 327.465 113.4 325.032 113.4Z' fill='white' />
7
+ <svg width={width} height={height} viewBox='0 0 399 183' fill='none' xmlns='http://www.w3.org/2000/svg'>
8
+ <path d='M187.725 65.0947H354.562C374.696 65.0947 391.018 81.4167 391.018 101.551V101.551C391.018 121.685 374.696 138.007 354.562 138.007H187.725L215.041 123.424L223.971 97.3844L208.737 75.5107L187.725 65.0947Z' fill='#00283D' />
9
+ <path d='M65.0797 133.842H192.607V133.802C197.44 133.577 202.16 132.272 206.421 129.983C210.682 127.694 214.374 124.479 217.227 120.575C220.079 116.672 222.018 112.179 222.902 107.427C223.785 102.676 223.591 97.787 222.332 93.1206C221.074 88.4542 218.783 84.1293 215.63 80.4644C212.476 76.7994 208.54 73.8878 204.111 71.9441C199.681 70.0003 194.872 69.0738 190.037 69.2329C185.201 69.3919 180.463 70.6325 176.172 72.8632C173.523 66.7552 169.514 61.3312 164.451 57.0043C159.387 52.6774 153.402 49.5615 146.951 47.8938M37.7227 47.8938C28.3321 50.3126 20.0132 55.7817 14.0749 63.4404C8.13652 71.0992 4.91582 80.513 4.91956 90.2004C4.9233 99.8879 8.15125 109.299 14.0955 116.953C20.0398 124.608 28.3629 130.07 37.7553 132.482' stroke='#00283D' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
10
+ <path d='M88.1708 74.6802L71.1563 80.6526L78.644 96.5167' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
11
+ <path d='M71.5396 80.9337C79.298 85.4911 88.3466 87.3595 97.278 86.2484C106.209 85.1372 114.523 81.1088 120.925 74.7896C127.328 68.4705 131.46 60.2149 132.68 51.3069C133.899 42.399 132.138 33.3381 127.669 25.5336C123.201 17.7291 116.276 11.6185 107.971 8.15237C99.6664 4.6862 90.4479 4.05875 81.7493 6.36759C73.0508 8.67644 65.3599 13.7922 59.8729 20.919C54.3859 28.0459 51.4105 36.7844 51.4093 45.7753V106.596' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
12
+ <path opacity={0.2} d='M51.4093 170.895V178' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
13
+ <path opacity={0.4} d='M51.4746 148.537V159.761' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
14
+ <path opacity={0.7} d='M51.4093 118.154V136.918' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
15
+ <path d='M248.293 99.863H265.943V106.692H248.293V99.863ZM248.923 120.087H240.413V83.3159H268.202V90.1448H248.923V120.087ZM272.872 120.087V91.8258H280.699V99.8104L279.596 97.4991C280.436 95.5029 281.785 93.9971 283.641 92.9815C285.497 91.9309 287.756 91.4056 290.417 91.4056V98.9699C290.067 98.9349 289.752 98.9174 289.472 98.9174C289.192 98.8824 288.894 98.8649 288.579 98.8649C286.337 98.8649 284.516 99.5128 283.116 100.809C281.75 102.069 281.067 104.048 281.067 106.744V120.087H272.872ZM309.059 120.507C305.837 120.507 303 119.877 300.549 118.616C298.133 117.356 296.259 115.64 294.928 113.468C293.598 111.262 292.932 108.758 292.932 105.956C292.932 103.12 293.58 100.616 294.876 98.4446C296.207 96.2384 298.01 94.5224 300.286 93.2967C302.563 92.0359 305.137 91.4056 308.008 91.4056C310.775 91.4056 313.261 92.0009 315.468 93.1916C317.709 94.3473 319.477 96.0282 320.773 98.2345C322.069 100.406 322.717 103.015 322.717 106.062C322.717 106.377 322.699 106.744 322.664 107.165C322.629 107.55 322.594 107.918 322.559 108.268H299.603V103.488H318.252L315.1 104.906C315.1 103.435 314.802 102.157 314.207 101.071C313.612 99.9855 312.789 99.145 311.738 98.5497C310.687 97.9193 309.462 97.6042 308.061 97.6042C306.66 97.6042 305.417 97.9193 304.331 98.5497C303.281 99.145 302.458 100.003 301.862 101.124C301.267 102.209 300.969 103.505 300.969 105.011V106.272C300.969 107.813 301.302 109.178 301.967 110.369C302.668 111.525 303.631 112.418 304.857 113.048C306.117 113.643 307.588 113.941 309.269 113.941C310.775 113.941 312.088 113.713 313.209 113.258C314.365 112.803 315.415 112.12 316.361 111.21L320.721 115.937C319.425 117.408 317.797 118.546 315.835 119.352C313.874 120.122 311.615 120.507 309.059 120.507ZM342.198 120.507C338.976 120.507 336.14 119.877 333.688 118.616C331.272 117.356 329.398 115.64 328.068 113.468C326.737 111.262 326.071 108.758 326.071 105.956C326.071 103.12 326.719 100.616 328.015 98.4446C329.346 96.2384 331.149 94.5224 333.426 93.2967C335.702 92.0359 338.276 91.4056 341.148 91.4056C343.914 91.4056 346.401 92.0009 348.607 93.1916C350.848 94.3473 352.617 96.0282 353.913 98.2345C355.208 100.406 355.856 103.015 355.856 106.062C355.856 106.377 355.839 106.744 355.804 107.165C355.769 107.55 355.734 107.918 355.699 108.268H332.743V103.488H351.391L348.239 104.906C348.239 103.435 347.942 102.157 347.346 101.071C346.751 99.9855 345.928 99.145 344.877 98.5497C343.827 97.9193 342.601 97.6042 341.2 97.6042C339.799 97.6042 338.556 97.9193 337.471 98.5497C336.42 99.145 335.597 100.003 335.002 101.124C334.406 102.209 334.109 103.505 334.109 105.011V106.272C334.109 107.813 334.441 109.178 335.107 110.369C335.807 111.525 336.77 112.418 337.996 113.048C339.257 113.643 340.727 113.941 342.408 113.941C343.914 113.941 345.227 113.713 346.348 113.258C347.504 112.803 348.554 112.12 349.5 111.21L353.86 115.937C352.564 117.408 350.936 118.546 348.975 119.352C347.014 120.122 344.755 120.507 342.198 120.507Z' fill='white' />
16
+
16
17
  </svg>
17
18
  )
18
19
 
19
20
  if (backgroundColor === MAIN_DARK_BLUE) {
20
21
  icon = (
21
- <svg width={width} height={height} viewBox='0 0 379 173' fill='none' xmlns='http://www.w3.org/2000/svg'>
22
- <path d='M178 61.2H336.8C355.964 61.2 371.5 76.7357 371.5 95.9C371.5 115.064 355.964 130.6 336.8 130.6H178L204 116.72L212.5 91.9342L198 71.1142L178 61.2Z' fill='white' />
23
- <path d='M61.2622 126.636H182.647V126.597C187.247 126.383 191.74 125.141 195.795 122.962C199.851 120.783 203.365 117.724 206.08 114.008C208.795 110.293 210.641 106.016 211.482 101.493C212.323 96.9709 212.138 92.3174 210.94 87.8758C209.742 83.4342 207.562 79.3176 204.56 75.8292C201.559 72.3408 197.812 69.5694 193.596 67.7193C189.38 65.8691 184.802 64.9873 180.2 65.1387C175.598 65.2901 171.088 66.4709 167.003 68.5942C164.482 62.7803 160.666 57.6177 155.846 53.4992C151.027 49.3807 145.33 46.4149 139.19 44.8275M35.223 44.8275C26.2848 47.1298 18.3666 52.3354 12.7143 59.6253C7.062 66.9151 3.99645 75.8754 4 85.0962C4.00356 94.317 7.07603 103.275 12.734 110.56C18.3919 117.846 26.3141 123.046 35.254 125.341' stroke='white' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
24
- <path d='M83.2411 70.3236L67.0461 76.0084L74.1731 91.1083' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
25
- <path d='M67.411 76.276C74.7957 80.6139 83.4084 82.3923 91.9095 81.3347C100.411 80.2771 108.324 76.4427 114.418 70.4279C120.512 64.4131 124.445 56.5552 125.606 48.0763C126.767 39.5975 125.09 30.973 120.837 23.5445C116.584 16.1159 109.992 10.2997 102.087 7.00052C94.1829 3.70132 85.4084 3.10409 77.1289 5.30172C68.8494 7.49935 61.529 12.3686 56.3063 19.1522C51.0836 25.9358 48.2515 34.2533 48.2504 42.8111V100.702' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
26
- <path opacity={0.2} d='M48.2504 161.904V168.667' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
27
- <path opacity={0.4} d='M48.3125 140.623V151.306' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
28
- <path opacity={0.7} d='M48.2504 111.703V129.564' stroke='#21FA90' strokeWidth={8} strokeLinecap='round' strokeLinejoin='round' />
29
- <path d='M235.65 93.75H252.45V100.25H235.65V93.75ZM236.25 113H228.15V78H254.6V84.5H236.25V113ZM259.045 113V86.1H266.495V93.7L265.445 91.5C266.245 89.6 267.529 88.1667 269.295 87.2C271.062 86.2 273.212 85.7 275.745 85.7V92.9C275.412 92.8667 275.112 92.85 274.845 92.85C274.579 92.8167 274.295 92.8 273.995 92.8C271.862 92.8 270.129 93.4167 268.795 94.65C267.495 95.85 266.845 97.7333 266.845 100.3V113H259.045ZM293.489 113.4C290.422 113.4 287.722 112.8 285.389 111.6C283.089 110.4 281.306 108.767 280.039 106.7C278.772 104.6 278.139 102.217 278.139 99.55C278.139 96.85 278.756 94.4667 279.989 92.4C281.256 90.3 282.972 88.6667 285.139 87.5C287.306 86.3 289.756 85.7 292.489 85.7C295.122 85.7 297.489 86.2667 299.589 87.4C301.722 88.5 303.406 90.1 304.639 92.2C305.872 94.2667 306.489 96.75 306.489 99.65C306.489 99.95 306.472 100.3 306.439 100.7C306.406 101.067 306.372 101.417 306.339 101.75H284.489V97.2H302.239L299.239 98.55C299.239 97.15 298.956 95.9333 298.389 94.9C297.822 93.8667 297.039 93.0667 296.039 92.5C295.039 91.9 293.872 91.6 292.539 91.6C291.206 91.6 290.022 91.9 288.989 92.5C287.989 93.0667 287.206 93.8833 286.639 94.95C286.072 95.9833 285.789 97.2167 285.789 98.65V99.85C285.789 101.317 286.106 102.617 286.739 103.75C287.406 104.85 288.322 105.7 289.489 106.3C290.689 106.867 292.089 107.15 293.689 107.15C295.122 107.15 296.372 106.933 297.439 106.5C298.539 106.067 299.539 105.417 300.439 104.55L304.589 109.05C303.356 110.45 301.806 111.533 299.939 112.3C298.072 113.033 295.922 113.4 293.489 113.4ZM325.032 113.4C321.965 113.4 319.265 112.8 316.932 111.6C314.632 110.4 312.849 108.767 311.582 106.7C310.315 104.6 309.682 102.217 309.682 99.55C309.682 96.85 310.299 94.4667 311.532 92.4C312.799 90.3 314.515 88.6667 316.682 87.5C318.849 86.3 321.299 85.7 324.032 85.7C326.665 85.7 329.032 86.2667 331.132 87.4C333.265 88.5 334.949 90.1 336.182 92.2C337.415 94.2667 338.032 96.75 338.032 99.65C338.032 99.95 338.015 100.3 337.982 100.7C337.949 101.067 337.915 101.417 337.882 101.75H316.032V97.2H333.782L330.782 98.55C330.782 97.15 330.499 95.9333 329.932 94.9C329.365 93.8667 328.582 93.0667 327.582 92.5C326.582 91.9 325.415 91.6 324.082 91.6C322.749 91.6 321.565 91.9 320.532 92.5C319.532 93.0667 318.749 93.8833 318.182 94.95C317.615 95.9833 317.332 97.2167 317.332 98.65V99.85C317.332 101.317 317.649 102.617 318.282 103.75C318.949 104.85 319.865 105.7 321.032 106.3C322.232 106.867 323.632 107.15 325.232 107.15C326.665 107.15 327.915 106.933 328.982 106.5C330.082 106.067 331.082 105.417 331.982 104.55L336.132 109.05C334.899 110.45 333.349 111.533 331.482 112.3C329.615 113.033 327.465 113.4 325.032 113.4Z' fill='#00283D' />
22
+ <svg width={width} height={height} viewBox='0 0 399 183' fill='none' xmlns='http://www.w3.org/2000/svg'>
23
+ <path d='M187.725 65.0947H354.562C374.696 65.0947 391.018 81.4167 391.018 101.551V101.551C391.018 121.685 374.696 138.007 354.562 138.007H187.725L215.041 123.424L223.971 97.3844L208.737 75.5107L187.725 65.0947Z' fill='white' />
24
+ <path d='M65.0797 133.842H192.607V133.802C197.44 133.577 202.16 132.272 206.421 129.983C210.682 127.694 214.374 124.479 217.227 120.575C220.079 116.672 222.018 112.179 222.902 107.427C223.785 102.676 223.591 97.787 222.332 93.1206C221.074 88.4542 218.783 84.1293 215.63 80.4644C212.476 76.7994 208.54 73.8878 204.111 71.9441C199.681 70.0003 194.872 69.0738 190.037 69.2329C185.201 69.3919 180.463 70.6325 176.172 72.8632C173.523 66.7552 169.514 61.3312 164.451 57.0043C159.387 52.6774 153.402 49.5615 146.951 47.8938M37.7227 47.8938C28.3321 50.3126 20.0132 55.7817 14.0749 63.4404C8.13652 71.0992 4.91582 80.513 4.91956 90.2004C4.9233 99.8879 8.15125 109.299 14.0955 116.953C20.0398 124.608 28.3629 130.07 37.7553 132.482' stroke='white' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
25
+ <path d='M88.1708 74.6802L71.1563 80.6526L78.644 96.5167' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
26
+ <path d='M71.5396 80.9337C79.298 85.4911 88.3466 87.3595 97.278 86.2484C106.209 85.1372 114.523 81.1088 120.925 74.7896C127.328 68.4705 131.46 60.2149 132.68 51.3069C133.899 42.399 132.138 33.3381 127.669 25.5336C123.201 17.7291 116.276 11.6185 107.971 8.15237C99.6664 4.6862 90.4479 4.05875 81.7493 6.36759C73.0508 8.67644 65.3599 13.7922 59.8729 20.919C54.3859 28.0459 51.4105 36.7844 51.4093 45.7753V106.596' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
27
+ <path opacity={0.2} d='M51.4093 170.895V178' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
28
+ <path opacity={0.4} d='M51.4746 148.537V159.761' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
29
+ <path opacity={0.7} d='M51.4093 118.154V136.918' stroke='#21FA90' strokeWidth={8.40486} strokeLinecap='round' strokeLinejoin='round' />
30
+ <path d='M248.293 99.863H265.943V106.692H248.293V99.863ZM248.923 120.087H240.413V83.3159H268.202V90.1448H248.923V120.087ZM272.872 120.087V91.8258H280.699V99.8104L279.596 97.4991C280.436 95.5029 281.785 93.9971 283.641 92.9815C285.497 91.9309 287.756 91.4056 290.417 91.4056V98.9699C290.067 98.9349 289.752 98.9174 289.472 98.9174C289.192 98.8824 288.894 98.8649 288.579 98.8649C286.337 98.8649 284.516 99.5128 283.116 100.809C281.75 102.069 281.067 104.048 281.067 106.744V120.087H272.872ZM309.059 120.507C305.837 120.507 303 119.877 300.549 118.616C298.133 117.356 296.259 115.64 294.928 113.468C293.598 111.262 292.932 108.758 292.932 105.956C292.932 103.12 293.58 100.616 294.876 98.4446C296.207 96.2384 298.01 94.5224 300.286 93.2967C302.563 92.0359 305.137 91.4056 308.008 91.4056C310.775 91.4056 313.261 92.0009 315.468 93.1916C317.709 94.3473 319.477 96.0282 320.773 98.2345C322.069 100.406 322.717 103.015 322.717 106.062C322.717 106.377 322.699 106.744 322.664 107.165C322.629 107.55 322.594 107.918 322.559 108.268H299.603V103.488H318.252L315.1 104.906C315.1 103.435 314.802 102.157 314.207 101.071C313.612 99.9855 312.789 99.145 311.738 98.5497C310.687 97.9193 309.462 97.6042 308.061 97.6042C306.66 97.6042 305.417 97.9193 304.331 98.5497C303.281 99.145 302.458 100.003 301.862 101.124C301.267 102.209 300.969 103.505 300.969 105.011V106.272C300.969 107.813 301.302 109.178 301.967 110.369C302.668 111.525 303.631 112.418 304.857 113.048C306.117 113.643 307.588 113.941 309.269 113.941C310.775 113.941 312.088 113.713 313.209 113.258C314.365 112.803 315.415 112.12 316.361 111.21L320.721 115.937C319.425 117.408 317.797 118.546 315.835 119.352C313.874 120.122 311.615 120.507 309.059 120.507ZM342.198 120.507C338.976 120.507 336.14 119.877 333.688 118.616C331.272 117.356 329.398 115.64 328.068 113.468C326.737 111.262 326.071 108.758 326.071 105.956C326.071 103.12 326.719 100.616 328.015 98.4446C329.346 96.2384 331.149 94.5224 333.426 93.2967C335.702 92.0359 338.276 91.4056 341.148 91.4056C343.914 91.4056 346.401 92.0009 348.607 93.1916C350.848 94.3473 352.617 96.0282 353.913 98.2345C355.208 100.406 355.856 103.015 355.856 106.062C355.856 106.377 355.839 106.744 355.804 107.165C355.769 107.55 355.734 107.918 355.699 108.268H332.743V103.488H351.391L348.239 104.906C348.239 103.435 347.942 102.157 347.346 101.071C346.751 99.9855 345.928 99.145 344.877 98.5497C343.827 97.9193 342.601 97.6042 341.2 97.6042C339.799 97.6042 338.556 97.9193 337.471 98.5497C336.42 99.145 335.597 100.003 335.002 101.124C334.406 102.209 334.109 103.505 334.109 105.011V106.272C334.109 107.813 334.441 109.178 335.107 110.369C335.807 111.525 336.77 112.418 337.996 113.048C339.257 113.643 340.727 113.941 342.408 113.941C343.914 113.941 345.227 113.713 346.348 113.258C347.504 112.803 348.554 112.12 349.5 111.21L353.86 115.937C352.564 117.408 350.936 118.546 348.975 119.352C347.014 120.122 344.755 120.507 342.198 120.507Z' fill='#00283D' />
31
+
30
32
  </svg>
31
33
  )
32
34
  }
@@ -51,8 +53,8 @@ FreeLogo.propTypes = {
51
53
 
52
54
  FreeLogo.defaultProps = {
53
55
  backgroundColor: WHITE,
54
- width: 379,
55
- height: 173
56
+ width: 399,
57
+ height: 183
56
58
  }
57
59
 
58
60
  export default FreeLogo