✨(front) add ui kit with dark mode
Add UI kit and dark mode Fix missing color variables
This commit is contained in:
Eléonore Voisin
@@ -10,6 +10,7 @@ and this project adheres to
|
||||
|
||||
### Added
|
||||
|
||||
- ✨(front) add ui kit
|
||||
- 🧱(files) allow to use S3 storage without external access #849
|
||||
|
||||
### Changed
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -22,9 +22,10 @@
|
||||
"@emoji-mart/data": "1.2.1",
|
||||
"@emoji-mart/react": "1.1.1",
|
||||
"@fontsource/material-icons": "5.2.5",
|
||||
"@gouvfr-lasuite/cunningham-tokens": "^3.1.0",
|
||||
"@gouvfr-lasuite/integration": "1.0.3",
|
||||
"@gouvfr-lasuite/ui-kit": "0.7.0",
|
||||
"@openfun/cunningham-react": "3.1.0",
|
||||
"@gouvfr-lasuite/ui-kit": "0.18.4",
|
||||
"@openfun/cunningham-react": "4.0.0",
|
||||
"@react-pdf/renderer": "4.3.0",
|
||||
"@sentry/nextjs": "9.26.0",
|
||||
"@tanstack/react-query": "5.80.5",
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M43.9612 12.1078C43.9612 10.7446 43.9612 10.063 43.8197 9.44065C43.5582 8.29032 42.9454 7.24979 42.0663 6.46318C41.5907 6.03759 40.9946 5.707 39.8025 5.04582L36.7561 3.35621C35.6298 2.73158 35.0667 2.41926 34.4857 2.24352C33.4121 1.91883 32.2665 1.91883 31.1929 2.24352C30.6119 2.41926 30.0488 2.73158 28.9226 3.35621L27.6662 4.05301C26.1413 4.89875 25.3789 5.32161 25.0296 5.81385C24.3763 6.73448 24.3769 7.96763 25.0311 8.88764C25.3808 9.37954 26.1437 9.80168 27.6694 10.646L28.6864 11.2088C29.8804 11.8695 30.4774 12.1998 30.9538 12.6255C31.8343 13.4121 32.4482 14.4534 32.7101 15.6047C32.8519 16.2276 32.8519 16.9099 32.8519 18.2745V19.4391C32.8519 21.0927 32.8519 21.9195 33.1003 22.4525C33.5646 23.4487 34.595 24.0556 35.6913 23.9787C36.278 23.9376 37.0012 23.5368 38.4474 22.7351L39.8008 21.9849C40.9934 21.3238 41.5897 20.9933 42.0655 20.5677C42.945 19.7811 43.558 18.7404 43.8196 17.5898C43.9612 16.9673 43.9612 16.2855 43.9612 14.922V12.1078Z" fill="#3E5DE7"/>
|
||||
<path d="M10.0512 32.3143C8.87068 32.9959 8.2804 33.3367 7.81215 33.7704C6.94669 34.572 6.35194 35.623 6.11028 36.7776C5.97953 37.4023 5.99126 38.0838 6.01473 39.4468L6.07469 42.9299C6.09685 44.2175 6.10794 44.8614 6.24627 45.4524C6.50185 46.5445 7.07465 47.5366 7.89263 48.304C8.33535 48.7194 8.88738 49.0509 9.99144 49.7139L11.2231 50.4535C12.7179 51.3513 13.4654 51.8001 14.0663 51.8565C15.1902 51.962 16.2579 51.3449 16.7275 50.3183C16.9787 49.7695 16.9628 48.8978 16.9311 47.1543L16.91 45.9921C16.8852 44.6277 16.8728 43.9456 17.0032 43.3202C17.2442 42.1643 17.839 41.1121 18.7051 40.3095C19.1737 39.8753 19.7646 39.5342 20.9464 38.8519L21.9549 38.2696C23.387 37.4428 24.103 37.0294 24.4404 36.5477C25.071 35.6475 25.0814 34.4518 24.4667 33.5407C24.1377 33.0532 23.429 32.6273 22.0116 31.7757L20.6853 30.9787C19.5165 30.2765 18.9321 29.9253 18.3256 29.726C17.2046 29.3577 15.9968 29.3471 14.8696 29.6959C14.2597 29.8845 13.6693 30.2254 12.4884 30.9072L10.0512 32.3143Z" fill="#3E5DE7"/>
|
||||
<path d="M21.7175 51.8922C21.7175 53.2554 21.7175 53.937 21.8589 54.5594C22.1204 55.7097 22.7332 56.7502 23.6123 57.5368C24.088 57.9624 24.684 58.293 25.8762 58.9542L28.9226 60.6438C30.0488 61.2684 30.6119 61.5807 31.1929 61.7565C32.2665 62.0812 33.4121 62.0812 34.4857 61.7565C35.0667 61.5807 35.6298 61.2684 36.7561 60.6438L38.0124 59.947C39.5373 59.1012 40.2997 58.6784 40.649 58.1862C41.3023 57.2655 41.3017 56.0324 40.6476 55.1124C40.2978 54.6205 39.5349 54.1983 38.0093 53.354L36.9922 52.7912C35.7982 52.1305 35.2012 51.8002 34.7248 51.3745C33.8443 50.5879 33.2305 49.5466 32.9685 48.3953C32.8268 47.7724 32.8268 47.0901 32.8268 45.7255V44.5609C32.8268 42.9073 32.8268 42.0805 32.5783 41.5475C32.114 40.5513 31.0837 39.9444 29.9873 40.0213C29.4006 40.0624 28.6775 40.4632 27.2312 41.2649L25.8778 42.0151C24.6852 42.6761 24.089 43.0067 23.6131 43.4323C22.7336 44.2189 22.1206 45.2596 21.859 46.4102C21.7175 47.0327 21.7175 47.7145 21.7175 49.078V51.8922Z" fill="#3E5DE7"/>
|
||||
<path d="M44.5055 51.5779C45.6861 52.2595 46.2764 52.6003 46.8861 52.789C48.0131 53.1377 49.2206 53.1273 50.3414 52.7592C50.9477 52.5601 51.5321 52.2092 52.7007 51.5074L55.6872 49.7139C56.7912 49.0509 57.3433 48.7194 57.786 48.304C58.604 47.5366 59.1768 46.5445 59.4324 45.4524C59.5707 44.8614 59.5818 44.2175 59.6039 42.9299L59.6287 41.4935C59.6587 39.75 59.6737 38.8783 59.422 38.3297C58.9514 37.3036 57.8832 36.6875 56.7593 36.794C56.1584 36.851 55.4114 37.3006 53.9174 38.1997L52.9215 38.7991C51.7523 39.5028 51.1677 39.8546 50.5609 40.0544C49.4394 40.4236 48.2307 40.4346 47.1027 40.0858C46.4924 39.8971 45.9015 39.5559 44.7197 38.8736L43.7111 38.2913C42.2791 37.4645 41.563 37.0511 40.9772 36.9998C39.8823 36.9038 38.8415 37.4926 38.3599 38.4806C38.1022 39.0092 38.0878 39.8359 38.0589 41.4892L38.0319 43.0364C38.0081 44.3997 37.9962 45.0814 38.1269 45.7062C38.3684 46.8612 38.9631 47.9125 39.8287 48.7143C40.2971 49.1481 40.8875 49.489 42.0684 50.1708L44.5055 51.5779Z" fill="#3E5DE7"/>
|
||||
<path d="M55.6274 31.6857C56.8079 31.0041 57.3982 30.6633 57.8665 30.2296C58.7319 29.428 59.3267 28.377 59.5683 27.2224C59.6991 26.5977 59.6874 25.9162 59.6639 24.5532L59.6039 21.0701C59.5818 19.7825 59.5707 19.1386 59.4324 18.5476C59.1768 17.4555 58.604 16.4634 57.786 15.696C57.3433 15.2806 56.7912 14.9491 55.6872 14.2861L54.4556 13.5465C52.9607 12.6488 52.2133 12.1999 51.6123 12.1435C50.4884 12.038 49.4207 12.6551 48.9511 13.6817C48.7 14.2305 48.7158 15.1022 48.7475 16.8457L48.7686 18.0079C48.7934 19.3723 48.8058 20.0544 48.6754 20.6798C48.4344 21.8357 47.8396 22.8879 46.9735 23.6905C46.5049 24.1247 45.914 24.4658 44.7322 25.1481L43.7237 25.7304C42.2916 26.5572 41.5756 26.9706 41.2382 27.4523C40.6076 28.3525 40.5972 29.5482 41.2119 30.4593C41.5409 30.9468 42.2496 31.3727 43.667 32.2243L44.9934 33.0213C46.1622 33.7235 46.7466 34.0747 47.353 34.274C48.474 34.6423 49.6818 34.6529 50.809 34.3041C51.4189 34.1155 52.0094 33.7746 53.1902 33.0928L55.6274 31.6857Z" fill="#3E5DE7"/>
|
||||
<path d="M21.173 12.4222C19.9925 11.7406 19.4022 11.3998 18.7924 11.2112C17.6655 10.8625 16.458 10.8728 15.3372 11.2409C14.7308 11.44 14.1465 11.7909 12.9778 12.4927L9.99135 14.2862C8.8873 14.9492 8.33527 15.2807 7.89255 15.6961C7.07457 16.4635 6.50177 17.4556 6.24619 18.5477C6.10786 19.1387 6.09677 19.7826 6.07461 21.0702L6.04988 22.5066C6.01987 24.2501 6.00486 25.1218 6.2565 25.6704C6.72713 26.6965 7.79538 27.3126 8.91921 27.2061C9.5201 27.1491 10.2671 26.6995 11.7611 25.8004L12.757 25.201C13.9262 24.4973 14.5108 24.1455 15.1176 23.9457C16.2392 23.5765 17.4478 23.5655 18.5759 23.9143C19.1862 24.103 19.7771 24.4442 20.9589 25.1265L21.9674 25.7088C23.3995 26.5356 24.1155 26.949 24.7014 27.0003C25.7962 27.0963 26.837 26.5075 27.3186 25.5195C27.5764 24.9909 27.5908 24.1642 27.6196 22.5109L27.6466 20.9638C27.6704 19.6004 27.6823 18.9187 27.5517 18.2939C27.3102 17.1389 26.7154 16.0876 25.8498 15.2858C25.3815 14.852 24.791 14.5111 23.6102 13.8293L21.173 12.4222Z" fill="#D3343F"/>
|
||||
<path d="M43.9612 12.1078C43.9612 10.7446 43.9612 10.063 43.8197 9.44065C43.5582 8.29032 42.9454 7.24979 42.0663 6.46318C41.5907 6.03759 40.9946 5.707 39.8025 5.04582L36.7561 3.35621C35.6298 2.73158 35.0667 2.41926 34.4857 2.24352C33.4121 1.91883 32.2665 1.91883 31.1929 2.24352C30.6119 2.41926 30.0488 2.73158 28.9226 3.35621L27.6662 4.05301C26.1413 4.89875 25.3789 5.32161 25.0296 5.81385C24.3763 6.73448 24.3769 7.96763 25.0311 8.88764C25.3808 9.37954 26.1437 9.80168 27.6694 10.646L28.6864 11.2088C29.8804 11.8695 30.4774 12.1998 30.9538 12.6255C31.8343 13.4121 32.4482 14.4534 32.7101 15.6047C32.8519 16.2276 32.8519 16.9099 32.8519 18.2745V19.4391C32.8519 21.0927 32.8519 21.9195 33.1003 22.4525C33.5646 23.4487 34.595 24.0556 35.6913 23.9787C36.278 23.9376 37.0012 23.5368 38.4474 22.7351L39.8008 21.9849C40.9934 21.3238 41.5897 20.9933 42.0655 20.5677C42.945 19.7811 43.558 18.7404 43.8196 17.5898C43.9612 16.9673 43.9612 16.2855 43.9612 14.922V12.1078Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M10.0512 32.3143C8.87068 32.9959 8.2804 33.3367 7.81215 33.7704C6.94669 34.572 6.35194 35.623 6.11028 36.7776C5.97953 37.4023 5.99126 38.0838 6.01473 39.4468L6.07469 42.9299C6.09685 44.2175 6.10794 44.8614 6.24627 45.4524C6.50185 46.5445 7.07465 47.5366 7.89263 48.304C8.33535 48.7194 8.88738 49.0509 9.99144 49.7139L11.2231 50.4535C12.7179 51.3513 13.4654 51.8001 14.0663 51.8565C15.1902 51.962 16.2579 51.3449 16.7275 50.3183C16.9787 49.7695 16.9628 48.8978 16.9311 47.1543L16.91 45.9921C16.8852 44.6277 16.8728 43.9456 17.0032 43.3202C17.2442 42.1643 17.839 41.1121 18.7051 40.3095C19.1737 39.8753 19.7646 39.5342 20.9464 38.8519L21.9549 38.2696C23.387 37.4428 24.103 37.0294 24.4404 36.5477C25.071 35.6475 25.0814 34.4518 24.4667 33.5407C24.1377 33.0532 23.429 32.6273 22.0116 31.7757L20.6853 30.9787C19.5165 30.2765 18.9321 29.9253 18.3256 29.726C17.2046 29.3577 15.9968 29.3471 14.8696 29.6959C14.2597 29.8845 13.6693 30.2254 12.4884 30.9072L10.0512 32.3143Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M21.7175 51.8922C21.7175 53.2554 21.7175 53.937 21.8589 54.5594C22.1204 55.7097 22.7332 56.7502 23.6123 57.5368C24.088 57.9624 24.684 58.293 25.8762 58.9542L28.9226 60.6438C30.0488 61.2684 30.6119 61.5807 31.1929 61.7565C32.2665 62.0812 33.4121 62.0812 34.4857 61.7565C35.0667 61.5807 35.6298 61.2684 36.7561 60.6438L38.0124 59.947C39.5373 59.1012 40.2997 58.6784 40.649 58.1862C41.3023 57.2655 41.3017 56.0324 40.6476 55.1124C40.2978 54.6205 39.5349 54.1983 38.0093 53.354L36.9922 52.7912C35.7982 52.1305 35.2012 51.8002 34.7248 51.3745C33.8443 50.5879 33.2305 49.5466 32.9685 48.3953C32.8268 47.7724 32.8268 47.0901 32.8268 45.7255V44.5609C32.8268 42.9073 32.8268 42.0805 32.5783 41.5475C32.114 40.5513 31.0837 39.9444 29.9873 40.0213C29.4006 40.0624 28.6775 40.4632 27.2312 41.2649L25.8778 42.0151C24.6852 42.6761 24.089 43.0067 23.6131 43.4323C22.7336 44.2189 22.1206 45.2596 21.859 46.4102C21.7175 47.0327 21.7175 47.7145 21.7175 49.078V51.8922Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M44.5055 51.5779C45.6861 52.2595 46.2764 52.6003 46.8861 52.789C48.0131 53.1377 49.2206 53.1273 50.3414 52.7592C50.9477 52.5601 51.5321 52.2092 52.7007 51.5074L55.6872 49.7139C56.7912 49.0509 57.3433 48.7194 57.786 48.304C58.604 47.5366 59.1768 46.5445 59.4324 45.4524C59.5707 44.8614 59.5818 44.2175 59.6039 42.9299L59.6287 41.4935C59.6587 39.75 59.6737 38.8783 59.422 38.3297C58.9514 37.3036 57.8832 36.6875 56.7593 36.794C56.1584 36.851 55.4114 37.3006 53.9174 38.1997L52.9215 38.7991C51.7523 39.5028 51.1677 39.8546 50.5609 40.0544C49.4394 40.4236 48.2307 40.4346 47.1027 40.0858C46.4924 39.8971 45.9015 39.5559 44.7197 38.8736L43.7111 38.2913C42.2791 37.4645 41.563 37.0511 40.9772 36.9998C39.8823 36.9038 38.8415 37.4926 38.3599 38.4806C38.1022 39.0092 38.0878 39.8359 38.0589 41.4892L38.0319 43.0364C38.0081 44.3997 37.9962 45.0814 38.1269 45.7062C38.3684 46.8612 38.9631 47.9125 39.8287 48.7143C40.2971 49.1481 40.8875 49.489 42.0684 50.1708L44.5055 51.5779Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M55.6274 31.6857C56.8079 31.0041 57.3982 30.6633 57.8665 30.2296C58.7319 29.428 59.3267 28.377 59.5683 27.2224C59.6991 26.5977 59.6874 25.9162 59.6639 24.5532L59.6039 21.0701C59.5818 19.7825 59.5707 19.1386 59.4324 18.5476C59.1768 17.4555 58.604 16.4634 57.786 15.696C57.3433 15.2806 56.7912 14.9491 55.6872 14.2861L54.4556 13.5465C52.9607 12.6488 52.2133 12.1999 51.6123 12.1435C50.4884 12.038 49.4207 12.6551 48.9511 13.6817C48.7 14.2305 48.7158 15.1022 48.7475 16.8457L48.7686 18.0079C48.7934 19.3723 48.8058 20.0544 48.6754 20.6798C48.4344 21.8357 47.8396 22.8879 46.9735 23.6905C46.5049 24.1247 45.914 24.4658 44.7322 25.1481L43.7237 25.7304C42.2916 26.5572 41.5756 26.9706 41.2382 27.4523C40.6076 28.3525 40.5972 29.5482 41.2119 30.4593C41.5409 30.9468 42.2496 31.3727 43.667 32.2243L44.9934 33.0213C46.1622 33.7235 46.7466 34.0747 47.353 34.274C48.474 34.6423 49.6818 34.6529 50.809 34.3041C51.4189 34.1155 52.0094 33.7746 53.1902 33.0928L55.6274 31.6857Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M21.173 12.4222C19.9925 11.7406 19.4022 11.3998 18.7924 11.2112C17.6655 10.8625 16.458 10.8728 15.3372 11.2409C14.7308 11.44 14.1465 11.7909 12.9778 12.4927L9.99135 14.2862C8.8873 14.9492 8.33527 15.2807 7.89255 15.6961C7.07457 16.4635 6.50177 17.4556 6.24619 18.5477C6.10786 19.1387 6.09677 19.7826 6.07461 21.0702L6.04988 22.5066C6.01987 24.2501 6.00486 25.1218 6.2565 25.6704C6.72713 26.6965 7.79538 27.3126 8.91921 27.2061C9.5201 27.1491 10.2671 26.6995 11.7611 25.8004L12.757 25.201C13.9262 24.4973 14.5108 24.1455 15.1176 23.9457C16.2392 23.5765 17.4478 23.5655 18.5759 23.9143C19.1862 24.103 19.7771 24.4442 20.9589 25.1265L21.9674 25.7088C23.3995 26.5356 24.1155 26.949 24.7014 27.0003C25.7962 27.0963 26.837 26.5075 27.3186 25.5195C27.5764 24.9909 27.5908 24.1642 27.6196 22.5109L27.6466 20.9638C27.6704 19.6004 27.6823 18.9187 27.5517 18.2939C27.3102 17.1389 26.7154 16.0876 25.8498 15.2858C25.3815 14.852 24.791 14.5111 23.6102 13.8293L21.173 12.4222Z" fill="var(--c--globals--colors--logo-2)"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 6.0 KiB |
@@ -1,3 +1,3 @@
|
||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.04601 20.8381C3.04306 20.8381 2.28465 20.5812 1.77079 20.0673C1.25693 19.5597 1 18.8105 1 17.82V6.51815C1 5.52139 1.25693 4.76917 1.77079 4.2615C2.28465 3.75383 3.04306 3.5 4.04601 3.5H19.9447C20.9538 3.5 21.7154 3.75383 22.2292 4.2615C22.7431 4.76917 23 5.52139 23 6.51815V17.82C23 18.8105 22.7431 19.5597 22.2292 20.0673C21.7154 20.5812 20.9538 20.8381 19.9447 20.8381H4.04601ZM4.15745 19.0087H19.8425C20.2697 19.0087 20.5979 18.8972 20.8269 18.6743C21.056 18.4515 21.1705 18.114 21.1705 17.6621V6.66674C21.1705 6.22098 21.056 5.88666 20.8269 5.66378C20.5979 5.4409 20.2697 5.32946 19.8425 5.32946H4.15745C3.72407 5.32946 3.39285 5.4409 3.16378 5.66378C2.9409 5.88666 2.82946 6.22098 2.82946 6.66674V17.6621C2.82946 18.114 2.9409 18.4515 3.16378 18.6743C3.39285 18.8972 3.72407 19.0087 4.15745 19.0087ZM8.38286 19.3058V5.01372H10.1195V19.3058H8.38286ZM6.56268 8.72837H4.65893C4.49796 8.72837 4.35556 8.66646 4.23174 8.54263C4.11411 8.41881 4.0553 8.28261 4.0553 8.13402C4.0553 7.97305 4.11411 7.83376 4.23174 7.71613C4.35556 7.59849 4.49796 7.53968 4.65893 7.53968H6.56268C6.72984 7.53968 6.87224 7.59849 6.98987 7.71613C7.11369 7.83376 7.1756 7.97305 7.1756 8.13402C7.1756 8.28261 7.11369 8.41881 6.98987 8.54263C6.87224 8.66646 6.72984 8.72837 6.56268 8.72837ZM6.56268 11.2172H4.65893C4.49796 11.2172 4.35556 11.1584 4.23174 11.0407C4.11411 10.9169 4.0553 10.7745 4.0553 10.6136C4.0553 10.4588 4.11411 10.3226 4.23174 10.2049C4.35556 10.0873 4.49796 10.0285 4.65893 10.0285H6.56268C6.72984 10.0285 6.87224 10.0873 6.98987 10.2049C7.11369 10.3226 7.1756 10.4588 7.1756 10.6136C7.1756 10.7745 7.11369 10.9169 6.98987 11.0407C6.87224 11.1584 6.72984 11.2172 6.56268 11.2172ZM6.56268 13.6967H4.65893C4.49796 13.6967 4.35556 13.6379 4.23174 13.5203C4.11411 13.4026 4.0553 13.2664 4.0553 13.1117C4.0553 12.9507 4.11411 12.8114 4.23174 12.6938C4.35556 12.5761 4.49796 12.5173 4.65893 12.5173H6.56268C6.72984 12.5173 6.87224 12.5761 6.98987 12.6938C7.11369 12.8114 7.1756 12.9507 7.1756 13.1117C7.1756 13.2664 7.11369 13.4026 6.98987 13.5203C6.87224 13.6379 6.72984 13.6967 6.56268 13.6967Z" fill="#3251E0"/>
|
||||
<path d="M4.04601 20.8381C3.04306 20.8381 2.28465 20.5812 1.77079 20.0673C1.25693 19.5597 1 18.8105 1 17.82V6.51815C1 5.52139 1.25693 4.76917 1.77079 4.2615C2.28465 3.75383 3.04306 3.5 4.04601 3.5H19.9447C20.9538 3.5 21.7154 3.75383 22.2292 4.2615C22.7431 4.76917 23 5.52139 23 6.51815V17.82C23 18.8105 22.7431 19.5597 22.2292 20.0673C21.7154 20.5812 20.9538 20.8381 19.9447 20.8381H4.04601ZM4.15745 19.0087H19.8425C20.2697 19.0087 20.5979 18.8972 20.8269 18.6743C21.056 18.4515 21.1705 18.114 21.1705 17.6621V6.66674C21.1705 6.22098 21.056 5.88666 20.8269 5.66378C20.5979 5.4409 20.2697 5.32946 19.8425 5.32946H4.15745C3.72407 5.32946 3.39285 5.4409 3.16378 5.66378C2.9409 5.88666 2.82946 6.22098 2.82946 6.66674V17.6621C2.82946 18.114 2.9409 18.4515 3.16378 18.6743C3.39285 18.8972 3.72407 19.0087 4.15745 19.0087ZM8.38286 19.3058V5.01372H10.1195V19.3058H8.38286ZM6.56268 8.72837H4.65893C4.49796 8.72837 4.35556 8.66646 4.23174 8.54263C4.11411 8.41881 4.0553 8.28261 4.0553 8.13402C4.0553 7.97305 4.11411 7.83376 4.23174 7.71613C4.35556 7.59849 4.49796 7.53968 4.65893 7.53968H6.56268C6.72984 7.53968 6.87224 7.59849 6.98987 7.71613C7.11369 7.83376 7.1756 7.97305 7.1756 8.13402C7.1756 8.28261 7.11369 8.41881 6.98987 8.54263C6.87224 8.66646 6.72984 8.72837 6.56268 8.72837ZM6.56268 11.2172H4.65893C4.49796 11.2172 4.35556 11.1584 4.23174 11.0407C4.11411 10.9169 4.0553 10.7745 4.0553 10.6136C4.0553 10.4588 4.11411 10.3226 4.23174 10.2049C4.35556 10.0873 4.49796 10.0285 4.65893 10.0285H6.56268C6.72984 10.0285 6.87224 10.0873 6.98987 10.2049C7.11369 10.3226 7.1756 10.4588 7.1756 10.6136C7.1756 10.7745 7.11369 10.9169 6.98987 11.0407C6.87224 11.1584 6.72984 11.2172 6.56268 11.2172ZM6.56268 13.6967H4.65893C4.49796 13.6967 4.35556 13.6379 4.23174 13.5203C4.11411 13.4026 4.0553 13.2664 4.0553 13.1117C4.0553 12.9507 4.11411 12.8114 4.23174 12.6938C4.35556 12.5761 4.49796 12.5173 4.65893 12.5173H6.56268C6.72984 12.5173 6.87224 12.5761 6.98987 12.6938C7.11369 12.8114 7.1756 12.9507 7.1756 13.1117C7.1756 13.2664 7.11369 13.4026 6.98987 13.5203C6.87224 13.6379 6.72984 13.6967 6.56268 13.6967Z" fill="var(--c--contextuals--content--semantic--brand--tertiary)"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
@@ -1,8 +1,8 @@
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M43.9612 12.1078C43.9612 10.7446 43.9612 10.063 43.8197 9.44065C43.5582 8.29032 42.9454 7.24979 42.0663 6.46318C41.5907 6.03759 40.9946 5.707 39.8025 5.04582L36.7561 3.35621C35.6298 2.73158 35.0667 2.41926 34.4857 2.24352C33.4121 1.91883 32.2665 1.91883 31.1929 2.24352C30.6119 2.41926 30.0488 2.73158 28.9226 3.35621L27.6662 4.05301C26.1413 4.89875 25.3789 5.32161 25.0296 5.81385C24.3763 6.73448 24.3769 7.96764 25.0311 8.88764C25.3808 9.37954 26.1437 9.80168 27.6694 10.646L28.6864 11.2088C29.8804 11.8695 30.4774 12.1998 30.9538 12.6255C31.8343 13.4121 32.4482 14.4534 32.7101 15.6047C32.8519 16.2276 32.8519 16.9099 32.8519 18.2745V19.4391C32.8519 21.0927 32.8519 21.9195 33.1003 22.4525C33.5646 23.4487 34.595 24.0556 35.6913 23.9787C36.278 23.9376 37.0012 23.5368 38.4474 22.7351L39.8008 21.9849C40.9934 21.3238 41.5897 20.9933 42.0655 20.5677C42.945 19.7811 43.558 18.7404 43.8196 17.5898C43.9612 16.9673 43.9612 16.2855 43.9612 14.922V12.1078Z" fill="#2845C1"/>
|
||||
<path d="M10.0512 32.3143C8.87068 32.9959 8.2804 33.3367 7.81215 33.7704C6.94669 34.572 6.35194 35.623 6.11028 36.7776C5.97953 37.4023 5.99126 38.0838 6.01473 39.4468L6.07469 42.9299C6.09685 44.2175 6.10794 44.8614 6.24627 45.4524C6.50185 46.5445 7.07465 47.5366 7.89263 48.304C8.33535 48.7194 8.88738 49.0509 9.99144 49.7139L11.2231 50.4535C12.7179 51.3512 13.4654 51.8001 14.0663 51.8565C15.1902 51.962 16.2579 51.3449 16.7275 50.3183C16.9787 49.7695 16.9628 48.8978 16.9311 47.1543L16.91 45.9921C16.8852 44.6277 16.8728 43.9456 17.0032 43.3202C17.2442 42.1643 17.839 41.1121 18.7051 40.3095C19.1737 39.8753 19.7646 39.5342 20.9464 38.8519L21.9549 38.2696C23.387 37.4428 24.103 37.0294 24.4404 36.5477C25.071 35.6475 25.0814 34.4518 24.4667 33.5407C24.1377 33.0532 23.429 32.6273 22.0116 31.7757L20.6853 30.9787C19.5165 30.2765 18.9321 29.9253 18.3256 29.726C17.2046 29.3577 15.9968 29.3471 14.8696 29.6959C14.2597 29.8845 13.6693 30.2254 12.4884 30.9072L10.0512 32.3143Z" fill="#2845C1"/>
|
||||
<path d="M21.7175 51.8922C21.7175 53.2554 21.7175 53.937 21.8589 54.5594C22.1204 55.7097 22.7332 56.7502 23.6123 57.5368C24.088 57.9624 24.684 58.293 25.8762 58.9542L28.9226 60.6438C30.0488 61.2684 30.6119 61.5807 31.1929 61.7565C32.2665 62.0812 33.4121 62.0812 34.4857 61.7565C35.0667 61.5807 35.6298 61.2684 36.7561 60.6438L38.0124 59.947C39.5373 59.1012 40.2997 58.6784 40.649 58.1862C41.3023 57.2655 41.3017 56.0324 40.6476 55.1124C40.2978 54.6205 39.5349 54.1983 38.0093 53.354L36.9922 52.7912C35.7982 52.1305 35.2012 51.8002 34.7248 51.3745C33.8443 50.5879 33.2305 49.5466 32.9685 48.3953C32.8268 47.7724 32.8268 47.0901 32.8268 45.7255V44.5609C32.8268 42.9073 32.8268 42.0805 32.5783 41.5475C32.114 40.5513 31.0837 39.9444 29.9873 40.0213C29.4006 40.0624 28.6775 40.4632 27.2312 41.2649L25.8778 42.0151C24.6852 42.6761 24.089 43.0067 23.6131 43.4323C22.7336 44.2189 22.1206 45.2596 21.859 46.4102C21.7175 47.0327 21.7175 47.7145 21.7175 49.078V51.8922Z" fill="#2845C1"/>
|
||||
<path d="M44.5055 51.5779C45.6861 52.2595 46.2764 52.6003 46.8861 52.789C48.0131 53.1376 49.2206 53.1273 50.3414 52.7592C50.9478 52.5601 51.5321 52.2092 52.7007 51.5074L55.6872 49.7139C56.7912 49.0509 57.3433 48.7194 57.786 48.304C58.604 47.5366 59.1768 46.5445 59.4324 45.4524C59.5707 44.8614 59.5818 44.2175 59.6039 42.9299L59.6287 41.4935C59.6587 39.75 59.6737 38.8783 59.422 38.3297C58.9514 37.3036 57.8832 36.6875 56.7593 36.794C56.1584 36.851 55.4114 37.3006 53.9174 38.1997L52.9215 38.7991C51.7523 39.5028 51.1677 39.8546 50.5609 40.0544C49.4394 40.4236 48.2307 40.4346 47.1027 40.0858C46.4924 39.8971 45.9015 39.5559 44.7197 38.8736L43.7111 38.2913C42.2791 37.4645 41.563 37.0511 40.9772 36.9998C39.8823 36.9038 38.8415 37.4926 38.3599 38.4806C38.1022 39.0092 38.0878 39.8359 38.0589 41.4892L38.0319 43.0364C38.0081 44.3997 37.9962 45.0814 38.1269 45.7062C38.3684 46.8612 38.9631 47.9125 39.8287 48.7143C40.2971 49.1481 40.8875 49.489 42.0684 50.1708L44.5055 51.5779Z" fill="#2845C1"/>
|
||||
<path d="M55.6274 31.6857C56.8079 31.0041 57.3982 30.6633 57.8665 30.2296C58.7319 29.428 59.3267 28.3771 59.5683 27.2224C59.6991 26.5977 59.6874 25.9162 59.6639 24.5532L59.6039 21.0701C59.5818 19.7825 59.5707 19.1386 59.4324 18.5476C59.1768 17.4555 58.604 16.4634 57.786 15.696C57.3433 15.2806 56.7912 14.9491 55.6872 14.2861L54.4556 13.5465C52.9607 12.6488 52.2133 12.1999 51.6123 12.1435C50.4884 12.038 49.4207 12.6551 48.9511 13.6817C48.7 14.2305 48.7158 15.1022 48.7475 16.8457L48.7686 18.0079C48.7934 19.3723 48.8058 20.0544 48.6754 20.6798C48.4344 21.8357 47.8396 22.8879 46.9735 23.6905C46.5049 24.1247 45.914 24.4658 44.7322 25.1481L43.7237 25.7304C42.2916 26.5572 41.5756 26.9706 41.2382 27.4523C40.6076 28.3525 40.5972 29.5482 41.2119 30.4593C41.5409 30.9468 42.2496 31.3727 43.667 32.2243L44.9934 33.0213C46.1622 33.7235 46.7466 34.0747 47.353 34.274C48.474 34.6423 49.6818 34.6529 50.809 34.3041C51.4189 34.1155 52.0094 33.7746 53.1902 33.0928L55.6274 31.6857Z" fill="#2845C1"/>
|
||||
<path d="M21.173 12.4222C19.9925 11.7406 19.4022 11.3998 18.7924 11.2112C17.6655 10.8625 16.458 10.8728 15.3372 11.2409C14.7308 11.44 14.1465 11.7909 12.9778 12.4927L9.99135 14.2862C8.8873 14.9492 8.33527 15.2807 7.89255 15.6961C7.07457 16.4635 6.50177 17.4556 6.24619 18.5477C6.10786 19.1387 6.09677 19.7826 6.07461 21.0702L6.04988 22.5066C6.01987 24.2501 6.00486 25.1218 6.2565 25.6704C6.72713 26.6965 7.79538 27.3126 8.91921 27.2061C9.5201 27.1491 10.2671 26.6995 11.7611 25.8004L12.757 25.201C13.9262 24.4973 14.5108 24.1455 15.1176 23.9457C16.2392 23.5765 17.4478 23.5655 18.5759 23.9143C19.1862 24.103 19.7771 24.4442 20.9589 25.1265L21.9674 25.7088C23.3995 26.5356 24.1155 26.949 24.7014 27.0003C25.7962 27.0963 26.837 26.5075 27.3186 25.5195C27.5764 24.9909 27.5908 24.1642 27.6196 22.5109L27.6466 20.9638C27.6704 19.6004 27.6823 18.9187 27.5517 18.2939C27.3102 17.1389 26.7154 16.0876 25.8498 15.2858C25.3815 14.852 24.791 14.5111 23.6102 13.8293L21.173 12.4222Z" fill="#C83F49"/>
|
||||
<path d="M43.9612 12.1078C43.9612 10.7446 43.9612 10.063 43.8197 9.44065C43.5582 8.29032 42.9454 7.24979 42.0663 6.46318C41.5907 6.03759 40.9946 5.707 39.8025 5.04582L36.7561 3.35621C35.6298 2.73158 35.0667 2.41926 34.4857 2.24352C33.4121 1.91883 32.2665 1.91883 31.1929 2.24352C30.6119 2.41926 30.0488 2.73158 28.9226 3.35621L27.6662 4.05301C26.1413 4.89875 25.3789 5.32161 25.0296 5.81385C24.3763 6.73448 24.3769 7.96764 25.0311 8.88764C25.3808 9.37954 26.1437 9.80168 27.6694 10.646L28.6864 11.2088C29.8804 11.8695 30.4774 12.1998 30.9538 12.6255C31.8343 13.4121 32.4482 14.4534 32.7101 15.6047C32.8519 16.2276 32.8519 16.9099 32.8519 18.2745V19.4391C32.8519 21.0927 32.8519 21.9195 33.1003 22.4525C33.5646 23.4487 34.595 24.0556 35.6913 23.9787C36.278 23.9376 37.0012 23.5368 38.4474 22.7351L39.8008 21.9849C40.9934 21.3238 41.5897 20.9933 42.0655 20.5677C42.945 19.7811 43.558 18.7404 43.8196 17.5898C43.9612 16.9673 43.9612 16.2855 43.9612 14.922V12.1078Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M10.0512 32.3143C8.87068 32.9959 8.2804 33.3367 7.81215 33.7704C6.94669 34.572 6.35194 35.623 6.11028 36.7776C5.97953 37.4023 5.99126 38.0838 6.01473 39.4468L6.07469 42.9299C6.09685 44.2175 6.10794 44.8614 6.24627 45.4524C6.50185 46.5445 7.07465 47.5366 7.89263 48.304C8.33535 48.7194 8.88738 49.0509 9.99144 49.7139L11.2231 50.4535C12.7179 51.3512 13.4654 51.8001 14.0663 51.8565C15.1902 51.962 16.2579 51.3449 16.7275 50.3183C16.9787 49.7695 16.9628 48.8978 16.9311 47.1543L16.91 45.9921C16.8852 44.6277 16.8728 43.9456 17.0032 43.3202C17.2442 42.1643 17.839 41.1121 18.7051 40.3095C19.1737 39.8753 19.7646 39.5342 20.9464 38.8519L21.9549 38.2696C23.387 37.4428 24.103 37.0294 24.4404 36.5477C25.071 35.6475 25.0814 34.4518 24.4667 33.5407C24.1377 33.0532 23.429 32.6273 22.0116 31.7757L20.6853 30.9787C19.5165 30.2765 18.9321 29.9253 18.3256 29.726C17.2046 29.3577 15.9968 29.3471 14.8696 29.6959C14.2597 29.8845 13.6693 30.2254 12.4884 30.9072L10.0512 32.3143Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M21.7175 51.8922C21.7175 53.2554 21.7175 53.937 21.8589 54.5594C22.1204 55.7097 22.7332 56.7502 23.6123 57.5368C24.088 57.9624 24.684 58.293 25.8762 58.9542L28.9226 60.6438C30.0488 61.2684 30.6119 61.5807 31.1929 61.7565C32.2665 62.0812 33.4121 62.0812 34.4857 61.7565C35.0667 61.5807 35.6298 61.2684 36.7561 60.6438L38.0124 59.947C39.5373 59.1012 40.2997 58.6784 40.649 58.1862C41.3023 57.2655 41.3017 56.0324 40.6476 55.1124C40.2978 54.6205 39.5349 54.1983 38.0093 53.354L36.9922 52.7912C35.7982 52.1305 35.2012 51.8002 34.7248 51.3745C33.8443 50.5879 33.2305 49.5466 32.9685 48.3953C32.8268 47.7724 32.8268 47.0901 32.8268 45.7255V44.5609C32.8268 42.9073 32.8268 42.0805 32.5783 41.5475C32.114 40.5513 31.0837 39.9444 29.9873 40.0213C29.4006 40.0624 28.6775 40.4632 27.2312 41.2649L25.8778 42.0151C24.6852 42.6761 24.089 43.0067 23.6131 43.4323C22.7336 44.2189 22.1206 45.2596 21.859 46.4102C21.7175 47.0327 21.7175 47.7145 21.7175 49.078V51.8922Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M44.5055 51.5779C45.6861 52.2595 46.2764 52.6003 46.8861 52.789C48.0131 53.1376 49.2206 53.1273 50.3414 52.7592C50.9478 52.5601 51.5321 52.2092 52.7007 51.5074L55.6872 49.7139C56.7912 49.0509 57.3433 48.7194 57.786 48.304C58.604 47.5366 59.1768 46.5445 59.4324 45.4524C59.5707 44.8614 59.5818 44.2175 59.6039 42.9299L59.6287 41.4935C59.6587 39.75 59.6737 38.8783 59.422 38.3297C58.9514 37.3036 57.8832 36.6875 56.7593 36.794C56.1584 36.851 55.4114 37.3006 53.9174 38.1997L52.9215 38.7991C51.7523 39.5028 51.1677 39.8546 50.5609 40.0544C49.4394 40.4236 48.2307 40.4346 47.1027 40.0858C46.4924 39.8971 45.9015 39.5559 44.7197 38.8736L43.7111 38.2913C42.2791 37.4645 41.563 37.0511 40.9772 36.9998C39.8823 36.9038 38.8415 37.4926 38.3599 38.4806C38.1022 39.0092 38.0878 39.8359 38.0589 41.4892L38.0319 43.0364C38.0081 44.3997 37.9962 45.0814 38.1269 45.7062C38.3684 46.8612 38.9631 47.9125 39.8287 48.7143C40.2971 49.1481 40.8875 49.489 42.0684 50.1708L44.5055 51.5779Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M55.6274 31.6857C56.8079 31.0041 57.3982 30.6633 57.8665 30.2296C58.7319 29.428 59.3267 28.3771 59.5683 27.2224C59.6991 26.5977 59.6874 25.9162 59.6639 24.5532L59.6039 21.0701C59.5818 19.7825 59.5707 19.1386 59.4324 18.5476C59.1768 17.4555 58.604 16.4634 57.786 15.696C57.3433 15.2806 56.7912 14.9491 55.6872 14.2861L54.4556 13.5465C52.9607 12.6488 52.2133 12.1999 51.6123 12.1435C50.4884 12.038 49.4207 12.6551 48.9511 13.6817C48.7 14.2305 48.7158 15.1022 48.7475 16.8457L48.7686 18.0079C48.7934 19.3723 48.8058 20.0544 48.6754 20.6798C48.4344 21.8357 47.8396 22.8879 46.9735 23.6905C46.5049 24.1247 45.914 24.4658 44.7322 25.1481L43.7237 25.7304C42.2916 26.5572 41.5756 26.9706 41.2382 27.4523C40.6076 28.3525 40.5972 29.5482 41.2119 30.4593C41.5409 30.9468 42.2496 31.3727 43.667 32.2243L44.9934 33.0213C46.1622 33.7235 46.7466 34.0747 47.353 34.274C48.474 34.6423 49.6818 34.6529 50.809 34.3041C51.4189 34.1155 52.0094 33.7746 53.1902 33.0928L55.6274 31.6857Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M21.173 12.4222C19.9925 11.7406 19.4022 11.3998 18.7924 11.2112C17.6655 10.8625 16.458 10.8728 15.3372 11.2409C14.7308 11.44 14.1465 11.7909 12.9778 12.4927L9.99135 14.2862C8.8873 14.9492 8.33527 15.2807 7.89255 15.6961C7.07457 16.4635 6.50177 17.4556 6.24619 18.5477C6.10786 19.1387 6.09677 19.7826 6.07461 21.0702L6.04988 22.5066C6.01987 24.2501 6.00486 25.1218 6.2565 25.6704C6.72713 26.6965 7.79538 27.3126 8.91921 27.2061C9.5201 27.1491 10.2671 26.6995 11.7611 25.8004L12.757 25.201C13.9262 24.4973 14.5108 24.1455 15.1176 23.9457C16.2392 23.5765 17.4478 23.5655 18.5759 23.9143C19.1862 24.103 19.7771 24.4442 20.9589 25.1265L21.9674 25.7088C23.3995 26.5356 24.1155 26.949 24.7014 27.0003C25.7962 27.0963 26.837 26.5075 27.3186 25.5195C27.5764 24.9909 27.5908 24.1642 27.6196 22.5109L27.6466 20.9638C27.6704 19.6004 27.6823 18.9187 27.5517 18.2939C27.3102 17.1389 26.7154 16.0876 25.8498 15.2858C25.3815 14.852 24.791 14.5111 23.6102 13.8293L21.173 12.4222Z" fill="var(--c--globals--colors--logo-2)"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 6.0 KiB |
@@ -1,21 +1,21 @@
|
||||
<svg width="183" height="41" viewBox="0 0 183 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M25.9806 10.5539C25.9806 9.87231 25.9806 9.53151 25.9098 9.22032C25.7791 8.64516 25.4727 8.12489 25.0331 7.73159C24.7953 7.51879 24.4973 7.3535 23.9012 7.02291L22.378 6.1781C21.8149 5.86579 21.5334 5.70963 21.2428 5.62176C20.7061 5.45941 20.1333 5.45941 19.5965 5.62176C19.3059 5.70963 19.0244 5.86579 18.4613 6.1781L17.8331 6.52651C17.0707 6.94937 16.6894 7.16081 16.5148 7.40692C16.1881 7.86724 16.1884 8.48382 16.5155 8.94382C16.6904 9.18977 17.0718 9.40084 17.8347 9.82298L18.3432 10.1044C18.9402 10.4347 19.2387 10.5999 19.4769 10.8127C19.9172 11.2061 20.2241 11.7267 20.3551 12.3023C20.4259 12.6138 20.4259 12.9549 20.4259 13.6372V14.2195C20.4259 15.0463 20.4259 15.4597 20.5502 15.7263C20.7823 16.2243 21.2975 16.5278 21.8457 16.4894C22.139 16.4688 22.5006 16.2684 23.2237 15.8675L23.9004 15.4925C24.4967 15.1619 24.7948 14.9967 25.0327 14.7839C25.4725 14.3905 25.779 13.8702 25.9098 13.2949C25.9806 12.9837 25.9806 12.6428 25.9806 11.961V10.5539Z" fill="#2845C1"/>
|
||||
<path d="M9.02562 20.6571C8.43534 20.9979 8.1402 21.1683 7.90608 21.3852C7.47335 21.786 7.17597 22.3115 7.05514 22.8888C6.98977 23.2012 6.99563 23.5419 7.00736 24.2234L7.03734 25.9649C7.04843 26.6088 7.05397 26.9307 7.12313 27.2262C7.25092 27.7723 7.53733 28.2683 7.94632 28.652C8.16767 28.8597 8.44369 29.0254 8.99572 29.357L9.61153 29.7268C10.359 30.1756 10.7327 30.4001 11.0331 30.4282C11.5951 30.481 12.1289 30.1724 12.3638 29.6592C12.4893 29.3847 12.4814 28.9489 12.4656 28.0772L12.455 27.4961C12.4426 26.8139 12.4364 26.4728 12.5016 26.1601C12.6221 25.5821 12.9195 25.056 13.3526 24.6548C13.5869 24.4377 13.8823 24.2671 14.4732 23.9259L14.9775 23.6348C15.6935 23.2214 16.0515 23.0147 16.2202 22.7739C16.5355 22.3238 16.5407 21.7259 16.2333 21.2703C16.0689 21.0266 15.7145 20.8137 15.0058 20.3878L14.3426 19.9894C13.7582 19.6382 13.466 19.4627 13.1628 19.363C12.6023 19.1788 11.9984 19.1736 11.4348 19.3479C11.1298 19.4423 10.8346 19.6127 10.2442 19.9536L9.02562 20.6571Z" fill="#2845C1"/>
|
||||
<path d="M14.8587 30.4461C14.8587 31.1277 14.8587 31.4685 14.9295 31.7797C15.0602 32.3548 15.3666 32.8751 15.8062 33.2684C16.044 33.4812 16.342 33.6465 16.9381 33.9771L18.4613 34.8219C19.0244 35.1342 19.306 35.2904 19.5965 35.3782C20.1333 35.5406 20.7061 35.5406 21.2428 35.3782C21.5334 35.2904 21.8149 35.1342 22.378 34.8219L23.0062 34.4735C23.7686 34.0506 24.1499 33.8392 24.3245 33.5931C24.6512 33.1328 24.6509 32.5162 24.3238 32.0562C24.1489 31.8102 23.7675 31.5992 23.0046 31.177L22.4961 30.8956C21.8991 30.5653 21.6006 30.4001 21.3624 30.1873C20.9222 29.7939 20.6152 29.2733 20.4842 28.6977C20.4134 28.3862 20.4134 28.0451 20.4134 27.3627V26.7805C20.4134 25.9537 20.4134 25.5403 20.2892 25.2737C20.057 24.7757 19.5418 24.4722 18.9936 24.5106C18.7003 24.5312 18.3387 24.7316 17.6156 25.1325L16.9389 25.5075C16.3426 25.8381 16.0445 26.0033 15.8066 26.2161C15.3668 26.6095 15.0603 27.1298 14.9295 27.7051C14.8587 28.0163 14.8587 28.3572 14.8587 29.039V30.4461Z" fill="#2845C1"/>
|
||||
<path d="M26.2528 30.2889C26.843 30.6297 27.1382 30.8001 27.4431 30.8945C28.0065 31.0688 28.6103 31.0636 29.1707 30.8796C29.4739 30.78 29.766 30.6046 30.3504 30.2537L31.8436 29.3569C32.3956 29.0254 32.6716 28.8597 32.893 28.652C33.302 28.2683 33.5884 27.7723 33.7162 27.2262C33.7853 26.9307 33.7909 26.6088 33.802 25.9649L33.8143 25.2467C33.8293 24.375 33.8368 23.9391 33.711 23.6648C33.4757 23.1518 32.9416 22.8437 32.3797 22.897C32.0792 22.9255 31.7057 23.1503 30.9587 23.5999L30.4608 23.8995C29.8762 24.2514 29.5839 24.4273 29.2805 24.5272C28.7197 24.7118 28.1154 24.7173 27.5513 24.5429C27.2462 24.4485 26.9507 24.278 26.3598 23.9368L25.8556 23.6457C25.1395 23.2323 24.7815 23.0256 24.4886 22.9999C23.9411 22.9519 23.4208 23.2463 23.18 23.7403C23.0511 24.0046 23.0439 24.4179 23.0294 25.2446L23.0159 26.0182C23.004 26.6998 22.9981 27.0407 23.0634 27.3531C23.1842 27.9306 23.4816 28.4562 23.9144 28.8572C24.1485 29.0741 24.4438 29.2445 25.0342 29.5854L26.2528 30.2889Z" fill="#2845C1"/>
|
||||
<path d="M31.8137 20.3429C32.404 20.0021 32.6991 19.8317 32.9332 19.6148C33.366 19.214 33.6633 18.6885 33.7842 18.1112C33.8495 17.7988 33.8437 17.4581 33.8319 16.7766L33.802 15.0351C33.7909 14.3912 33.7853 14.0693 33.7162 13.7738C33.5884 13.2277 33.302 12.7317 32.893 12.348C32.6716 12.1403 32.3956 11.9746 31.8436 11.6431L31.2278 11.2732C30.4804 10.8244 30.1066 10.5999 29.8062 10.5718C29.2442 10.519 28.7104 10.8276 28.4755 11.3408C28.35 11.6153 28.3579 12.0511 28.3737 12.9228L28.3843 13.5039C28.3967 14.1861 28.4029 14.5272 28.3377 14.8399C28.2172 15.4179 27.9198 15.944 27.4867 16.3452C27.2524 16.5623 26.957 16.7329 26.3661 17.0741L25.8618 17.3652C25.1458 17.7786 24.7878 17.9853 24.6191 18.2261C24.3038 18.6762 24.2986 19.2741 24.606 19.7297C24.7704 19.9734 25.1248 20.1863 25.8335 20.6122L26.4967 21.0106C27.0811 21.3618 27.3733 21.5373 27.6765 21.637C28.237 21.8212 28.8409 21.8264 29.4045 21.6521C29.7095 21.5577 30.0047 21.3873 30.5951 21.0464L31.8137 20.3429Z" fill="#2845C1"/>
|
||||
<path d="M14.5863 10.7111C13.996 10.3703 13.7008 10.1999 13.396 10.1056C12.8325 9.93123 12.2287 9.93642 11.6683 10.1204C11.3652 10.22 11.073 10.3955 10.4887 10.7464L8.99543 11.6431C8.4434 11.9746 8.16739 12.1404 7.94603 12.348C7.53704 12.7317 7.25064 13.2278 7.12285 13.7738C7.05368 14.0694 7.04814 14.3913 7.03706 15.0351L7.0247 15.7533C7.00969 16.6251 7.00219 17.0609 7.128 17.3352C7.36332 17.8483 7.89744 18.1563 8.45936 18.103C8.75981 18.0746 9.13331 17.8498 9.88031 17.4002L10.3783 17.1005C10.9629 16.7487 11.2552 16.5728 11.5586 16.4729C12.1193 16.2883 12.7237 16.2828 13.2877 16.4572C13.5929 16.5515 13.8883 16.7221 14.4792 17.0632L14.9835 17.3544C15.6995 17.7678 16.0575 17.9745 16.3504 18.0002C16.8979 18.0482 17.4183 17.7537 17.6591 17.2598C17.7879 16.9955 17.7951 16.5821 17.8096 15.7554L17.8231 14.9819C17.835 14.3002 17.8409 13.9594 17.7756 13.6469C17.6548 13.0694 17.3575 12.5438 16.9247 12.1429C16.6905 11.926 16.3953 11.7555 15.8048 11.4146L14.5863 10.7111Z" fill="#C83F49"/>
|
||||
<path d="M61.8577 16.0576C62.6931 16.0576 63.468 16.24 64.1819 16.6045C64.8463 16.9367 65.3785 17.3509 65.7781 17.8471C65.8437 17.9285 65.8294 18.0466 65.7498 18.1145L64.3459 19.3122C64.2574 19.3877 64.1236 19.3717 64.0503 19.2814C63.7909 18.9622 63.4929 18.6926 63.1565 18.4727C62.7616 18.2145 62.3285 18.085 61.8577 18.085C61.5237 18.085 61.2353 18.1462 60.9924 18.2676C60.7646 18.3891 60.5895 18.5486 60.468 18.7461C60.3617 18.9436 60.3088 19.1642 60.3088 19.4072C60.3089 19.7716 60.4375 20.0754 60.6955 20.3184C60.969 20.5462 61.319 20.744 61.7444 20.9111C62.1696 21.0782 62.6174 21.2606 63.0881 21.458C63.5742 21.6403 64.03 21.8682 64.4553 22.1416C64.8806 22.3998 65.2225 22.7489 65.4807 23.1895C65.7541 23.6147 65.8908 24.1537 65.8909 24.8066C65.8909 25.5812 65.7012 26.2423 65.3215 26.7891C64.957 27.3206 64.471 27.7309 63.8635 28.0195C63.2559 28.3082 62.5868 28.4531 61.8577 28.4531C60.8706 28.4531 60.0124 28.2707 59.2834 27.9062C58.6116 27.5563 58.0171 27.0962 57.5 26.5269C57.4264 26.4459 57.4354 26.3208 57.5176 26.2485L58.921 25.0135C59.0067 24.9381 59.1377 24.9498 59.2123 25.0363C59.5425 25.4194 59.9081 25.7384 60.3088 25.9922C60.7645 26.2807 61.2733 26.4248 61.8352 26.4248C62.3669 26.4248 62.7698 26.2881 63.0432 26.0146C63.3316 25.7261 63.4758 25.3768 63.4758 24.9668C63.4758 24.5871 63.339 24.2835 63.0657 24.0557C62.8074 23.8278 62.4656 23.63 62.0403 23.4629C61.6149 23.2958 61.1592 23.1208 60.6731 22.9385C60.2024 22.7411 59.7545 22.5057 59.3293 22.2324C58.9041 21.959 58.5539 21.6098 58.2805 21.1846C58.0223 20.744 57.8938 20.1816 57.8938 19.498C57.8938 18.8601 58.0606 18.283 58.3948 17.7666C58.729 17.2349 59.192 16.8165 59.7844 16.5127C60.3919 16.209 61.0831 16.0577 61.8577 16.0576Z" fill="#2845C1"/>
|
||||
<path d="M71.3215 16.0576C72.1569 16.0577 72.9319 16.24 73.6457 16.6045C74.3101 16.9367 74.8424 17.3509 75.2419 17.8471C75.3075 17.9285 75.2933 18.0466 75.2137 18.1144L73.8098 19.3122C73.7213 19.3877 73.5875 19.3717 73.5141 19.2813C73.2548 18.9622 72.9568 18.6927 72.6204 18.4727C72.2255 18.2145 71.7923 18.085 71.3215 18.085C70.9873 18.085 70.6984 18.1461 70.4553 18.2676C70.2275 18.3891 70.0524 18.5486 69.9309 18.7461C69.8246 18.9435 69.7717 19.1642 69.7717 19.4072C69.7718 19.7717 69.9013 20.0754 70.1594 20.3184C70.4328 20.5462 70.782 20.7441 71.2073 20.9111C71.6326 21.0782 72.0811 21.2605 72.552 21.458C73.0379 21.6403 73.494 21.8682 73.9192 22.1416C74.3443 22.3998 74.6864 22.7491 74.9446 23.1895C75.2178 23.6146 75.3547 24.1538 75.3547 24.8066C75.3547 25.5813 75.1641 26.2422 74.7844 26.7891C74.4199 27.3207 73.934 27.7309 73.3264 28.0195C72.7189 28.3081 72.0506 28.4531 71.3215 28.4531C70.3341 28.4531 69.4755 28.2708 68.7463 27.9062C68.0745 27.5563 67.48 27.0962 66.9629 26.5269C66.8893 26.4459 66.8983 26.3208 66.9805 26.2485L68.3839 25.0135C68.4696 24.9381 68.6006 24.9498 68.6752 25.0363C69.0054 25.4194 69.371 25.7384 69.7717 25.9922C70.2273 26.2807 70.7362 26.4247 71.2981 26.4248C71.8298 26.4248 72.2327 26.2881 72.5061 26.0146C72.7946 25.7261 72.9387 25.3768 72.9387 24.9668C72.9387 24.587 72.802 24.2835 72.5286 24.0557C72.2703 23.8278 71.9285 23.63 71.5032 23.4629C71.0779 23.2958 70.622 23.1207 70.136 22.9385C69.6653 22.7411 69.2174 22.5057 68.7922 22.2324C68.3671 21.9591 68.0178 21.6097 67.7444 21.1846C67.4861 20.744 67.3567 20.1816 67.3567 19.498C67.3567 18.8602 67.5236 18.283 67.8577 17.7666C68.1918 17.235 68.655 16.8165 69.2473 16.5127C69.8549 16.2089 70.5468 16.0576 71.3215 16.0576Z" fill="#2845C1"/>
|
||||
<path d="M86.3313 16.0576C87.1668 16.0576 87.9416 16.2399 88.6555 16.6045C89.32 16.9368 89.8521 17.3508 90.2517 17.8471C90.3173 17.9285 90.303 18.0466 90.2235 18.1144L88.8195 19.3122C88.731 19.3877 88.5973 19.3717 88.5239 19.2814C88.2646 18.9622 87.9666 18.6926 87.6301 18.4727C87.2352 18.2144 86.8022 18.085 86.3313 18.085C85.9971 18.085 85.7081 18.1461 85.4651 18.2676C85.2374 18.3891 85.0631 18.5488 84.9416 18.7461C84.8353 18.9436 84.7815 19.1642 84.7815 19.4072C84.7816 19.7716 84.911 20.0754 85.1692 20.3184C85.4426 20.5462 85.7918 20.7441 86.217 20.9111C86.6424 21.0782 87.0909 21.2605 87.5618 21.458C88.0478 21.6403 88.5036 21.8682 88.9289 22.1416C89.3542 22.3998 89.6961 22.749 89.9543 23.1895C90.2276 23.6147 90.3644 24.1537 90.3645 24.8066C90.3645 25.5811 90.1747 26.2423 89.7952 26.7891C89.4306 27.3207 88.9438 27.7309 88.3362 28.0195C87.7286 28.3081 87.0604 28.4531 86.3313 28.4531C85.3439 28.4531 84.4852 28.2708 83.7561 27.9062C83.0843 27.5563 82.4905 27.0961 81.9736 26.5269C81.9 26.4459 81.909 26.3208 81.9911 26.2485L83.3937 25.0136C83.4793 24.9381 83.6104 24.9498 83.685 25.0363C84.0152 25.4194 84.3808 25.7384 84.7815 25.9922C85.2372 26.2808 85.7468 26.4248 86.3088 26.4248C86.8403 26.4248 87.2425 26.288 87.5159 26.0146C87.8044 25.7261 87.9494 25.3769 87.9495 24.9668C87.9495 24.5872 87.8125 24.2835 87.5393 24.0557C87.2811 23.8279 86.9391 23.63 86.5139 23.4629C86.0886 23.2958 85.6328 23.1207 85.1467 22.9385C84.6758 22.741 84.2273 22.5059 83.802 22.2324C83.3768 21.9591 83.0275 21.6097 82.7541 21.1846C82.4959 20.744 82.3664 20.1816 82.3664 19.498C82.3664 18.86 82.5342 18.2831 82.8684 17.7666C83.2026 17.2349 83.6656 16.8165 84.258 16.5127C84.8656 16.209 85.5567 16.0576 86.3313 16.0576Z" fill="#2845C1"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M106.191 16.2861C107.239 16.2861 108.128 16.4757 108.857 16.8555C109.586 17.2352 110.133 17.7594 110.498 18.4277C110.877 19.0961 111.067 19.8481 111.067 20.6836V28.0256C111.067 28.136 110.977 28.2256 110.867 28.2256H108.76C108.65 28.2256 108.56 28.136 108.56 28.0256V27.2662C108.56 27.1718 108.438 27.1271 108.372 27.1948C108.27 27.2997 108.159 27.4002 108.037 27.4961C107.626 27.8303 107.148 28.0892 106.601 28.2715C106.054 28.4689 105.5 28.5673 104.938 28.5674C103.814 28.5674 102.894 28.2639 102.18 27.6562C101.466 27.0486 101.11 26.2355 101.11 25.2178C101.11 24.352 101.436 23.6154 102.089 23.0078C102.743 22.4002 103.684 21.9973 104.915 21.7998L108.394 21.2089C108.49 21.1926 108.56 21.1093 108.56 21.0118V20.6836C108.56 20.0002 108.333 19.4686 107.877 19.0889C107.422 18.694 106.829 18.4962 106.1 18.4961C105.508 18.4961 104.968 18.6256 104.482 18.8838C104.071 19.1094 103.717 19.4102 103.422 19.7865C103.351 19.876 103.222 19.8965 103.132 19.8273L101.606 18.6598C101.52 18.5942 101.501 18.4719 101.568 18.3865C102.052 17.7617 102.666 17.2665 103.411 16.9014C104.231 16.4912 105.158 16.2861 106.191 16.2861ZM105.553 23.4639C104.87 23.5702 104.376 23.7671 104.072 24.0557C103.768 24.329 103.616 24.6784 103.616 25.1035C103.616 25.5288 103.775 25.8789 104.094 26.1523C104.428 26.4258 104.877 26.5625 105.439 26.5625C106.138 26.5625 106.753 26.403 107.285 26.084C107.721 25.8222 108.09 25.4882 108.393 25.083C108.508 24.9295 108.56 24.7399 108.56 24.5483V23.2008C108.56 23.0772 108.449 22.9832 108.327 23.0035L105.553 23.4639Z" fill="#2845C1"/>
|
||||
<path d="M95.9868 16.5412C95.9868 16.6517 96.0764 16.7412 96.1868 16.7412H99.5017C99.6121 16.7412 99.7017 16.8308 99.7017 16.9412V18.7971C99.7017 18.9075 99.6121 18.9971 99.5017 18.9971H96.1868C96.0764 18.9971 95.9868 19.0866 95.9868 19.1971V24.1699C95.9868 24.671 96.0708 25.0659 96.2378 25.3545C96.4048 25.6429 96.6403 25.8555 96.9439 25.9922C97.2477 26.1137 97.605 26.1748 98.0151 26.1748C98.4101 26.1748 98.7446 26.152 99.0181 26.1064C99.1739 26.0718 99.3174 26.0347 99.4485 25.9951C99.5829 25.9545 99.7241 26.0522 99.7241 26.1926V27.9814C99.7241 28.0604 99.6778 28.1326 99.6042 28.1613C99.3605 28.2561 99.0888 28.3233 98.7896 28.3623C98.4554 28.423 98.0605 28.4531 97.605 28.4531C96.6936 28.4531 95.926 28.2936 95.3032 27.9746C94.6959 27.6404 94.2325 27.1617 93.9136 26.5391C93.6099 25.9012 93.4585 25.1115 93.4585 24.1699V19.1971C93.4585 19.0866 93.369 18.9971 93.2585 18.9971H91.6087C91.4982 18.9971 91.4087 18.9075 91.4087 18.7971V16.9412C91.4087 16.8308 91.4982 16.7412 91.6087 16.7412H93.2585C93.369 16.7412 93.4585 16.6517 93.4585 16.5412V14.0711C93.4585 13.9606 93.548 13.8711 93.6585 13.8711H95.7868C95.8973 13.8711 95.9868 13.9606 95.9868 14.0711V16.5412Z" fill="#2845C1"/>
|
||||
<path d="M130.563 16.5412C130.563 16.6517 130.653 16.7412 130.763 16.7412H134.077C134.187 16.7412 134.277 16.8308 134.277 16.9412V18.7971C134.277 18.9075 134.187 18.9971 134.077 18.9971H130.763C130.653 18.9971 130.563 19.0866 130.563 19.1971V24.1699C130.563 24.671 130.646 25.0659 130.813 25.3545C130.98 25.6431 131.216 25.8555 131.52 25.9922C131.824 26.1137 132.18 26.1748 132.59 26.1748C132.985 26.1748 133.32 26.152 133.593 26.1064C133.749 26.0718 133.893 26.0347 134.024 25.9951C134.158 25.9545 134.299 26.0522 134.299 26.1925V27.9813C134.299 28.0604 134.253 28.1326 134.179 28.1613C133.936 28.2561 133.665 28.3233 133.366 28.3623C133.032 28.4231 132.636 28.4531 132.18 28.4531C131.269 28.4531 130.502 28.2936 129.879 27.9746C129.272 27.6404 128.809 27.1619 128.49 26.5391C128.186 25.9011 128.034 25.1116 128.034 24.1699V19.1971C128.034 19.0866 127.944 18.9971 127.834 18.9971H126.092C125.982 18.9971 125.892 18.9075 125.892 18.7971V16.9412C125.892 16.8308 125.982 16.7412 126.092 16.7412H127.834C127.944 16.7412 128.034 16.6517 128.034 16.5412V14.0711C128.034 13.9606 128.123 13.8711 128.234 13.8711H130.363C130.473 13.8711 130.563 13.9606 130.563 14.0711V16.5412Z" fill="#2845C1"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M56.8209 27.9534C56.8716 28.0844 56.7749 28.2256 56.6344 28.2256H54.0801C53.9969 28.2256 53.9224 28.1741 53.893 28.0964L52.3355 23.9798C52.3061 23.902 52.2316 23.8506 52.1485 23.8506H45.6707C45.5876 23.8506 45.5132 23.9019 45.4837 23.9796L43.9196 28.0966C43.8901 28.1743 43.8157 28.2256 43.7326 28.2256H41.2002C41.0598 28.2256 40.9631 28.0846 41.0136 27.9536L47.0107 12.4034C47.0404 12.3263 47.1146 12.2754 47.1973 12.2754H50.6144C50.697 12.2754 50.7711 12.3262 50.8009 12.4032L56.8209 27.9534ZM46.5361 21.2104C46.4864 21.3413 46.5831 21.4814 46.7231 21.4814H51.1006C51.2405 21.4814 51.3372 21.3415 51.2876 21.2106L49.1032 15.4395C49.038 15.2673 48.7946 15.2672 48.7292 15.4392L46.5361 21.2104Z" fill="#2845C1"/>
|
||||
<path d="M80.1372 28.0256C80.1372 28.136 80.0477 28.2256 79.9372 28.2256H77.8314C77.7209 28.2256 77.6314 28.136 77.6314 28.0256V16.9412C77.6314 16.8308 77.7209 16.7412 77.8314 16.7412H79.9372C80.0477 16.7412 80.1372 16.8308 80.1372 16.9412V28.0256Z" fill="#2845C1"/>
|
||||
<path d="M120.009 16.2861C120.86 16.2861 121.619 16.4758 122.288 16.8555C122.971 17.2352 123.511 17.7977 123.906 18.542C124.301 19.2863 124.499 20.2208 124.499 21.3447V28.0256C124.499 28.136 124.409 28.2256 124.299 28.2256H122.169C122.059 28.2256 121.969 28.136 121.969 28.0256V21.4355C121.969 20.5546 121.741 19.8709 121.286 19.3848C120.83 18.8835 120.206 18.6328 119.417 18.6328C118.915 18.6329 118.475 18.7313 118.095 18.9287C117.715 19.111 117.389 19.3471 117.116 19.6357C116.919 19.8551 116.745 20.0831 116.592 20.3199C116.498 20.4662 116.455 20.6384 116.455 20.8124V28.0256C116.455 28.136 116.365 28.2256 116.255 28.2256H114.149C114.038 28.2256 113.949 28.136 113.949 28.0256V16.9412C113.949 16.8308 114.038 16.7412 114.149 16.7412H116.255C116.365 16.7412 116.455 16.8308 116.455 16.9412V17.5392C116.455 17.6294 116.566 17.6747 116.631 17.6128C117.008 17.2571 117.443 16.9588 117.936 16.7188C118.528 16.4302 119.219 16.2861 120.009 16.2861Z" fill="#2845C1"/>
|
||||
<path d="M78.9067 11C79.2105 11 79.484 11.0757 79.7271 11.2275C79.9853 11.3794 80.1831 11.5845 80.3198 11.8428C80.4717 12.0858 80.5474 12.3593 80.5474 12.6631C80.5474 12.9668 80.4716 13.2477 80.3198 13.5059C80.1831 13.7641 79.9853 13.9692 79.7271 14.1211C79.484 14.2578 79.2106 14.3262 78.9067 14.3262C78.603 14.3262 78.3222 14.2578 78.064 14.1211C77.8057 13.9692 77.6006 13.7641 77.4487 13.5059C77.2969 13.2477 77.2212 12.9668 77.2212 12.6631C77.2212 12.2074 77.3807 11.82 77.6997 11.501C78.0338 11.167 78.436 11 78.9067 11Z" fill="#2845C1"/>
|
||||
<rect x="143" y="12.5" width="40" height="16" rx="8" fill="#2845C1"/>
|
||||
<path d="M25.9806 10.5539C25.9806 9.87231 25.9806 9.53151 25.9098 9.22032C25.7791 8.64516 25.4727 8.12489 25.0331 7.73159C24.7953 7.51879 24.4973 7.3535 23.9012 7.02291L22.378 6.1781C21.8149 5.86579 21.5334 5.70963 21.2428 5.62176C20.7061 5.45941 20.1333 5.45941 19.5965 5.62176C19.3059 5.70963 19.0244 5.86579 18.4613 6.1781L17.8331 6.52651C17.0707 6.94937 16.6894 7.16081 16.5148 7.40692C16.1881 7.86724 16.1884 8.48382 16.5155 8.94382C16.6904 9.18977 17.0718 9.40084 17.8347 9.82298L18.3432 10.1044C18.9402 10.4347 19.2387 10.5999 19.4769 10.8127C19.9172 11.2061 20.2241 11.7267 20.3551 12.3023C20.4259 12.6138 20.4259 12.9549 20.4259 13.6372V14.2195C20.4259 15.0463 20.4259 15.4597 20.5502 15.7263C20.7823 16.2243 21.2975 16.5278 21.8457 16.4894C22.139 16.4688 22.5006 16.2684 23.2237 15.8675L23.9004 15.4925C24.4967 15.1619 24.7948 14.9967 25.0327 14.7839C25.4725 14.3905 25.779 13.8702 25.9098 13.2949C25.9806 12.9837 25.9806 12.6428 25.9806 11.961V10.5539Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M9.02562 20.6571C8.43534 20.9979 8.1402 21.1683 7.90608 21.3852C7.47335 21.786 7.17597 22.3115 7.05514 22.8888C6.98977 23.2012 6.99563 23.5419 7.00736 24.2234L7.03734 25.9649C7.04843 26.6088 7.05397 26.9307 7.12313 27.2262C7.25092 27.7723 7.53733 28.2683 7.94632 28.652C8.16767 28.8597 8.44369 29.0254 8.99572 29.357L9.61153 29.7268C10.359 30.1756 10.7327 30.4001 11.0331 30.4282C11.5951 30.481 12.1289 30.1724 12.3638 29.6592C12.4893 29.3847 12.4814 28.9489 12.4656 28.0772L12.455 27.4961C12.4426 26.8139 12.4364 26.4728 12.5016 26.1601C12.6221 25.5821 12.9195 25.056 13.3526 24.6548C13.5869 24.4377 13.8823 24.2671 14.4732 23.9259L14.9775 23.6348C15.6935 23.2214 16.0515 23.0147 16.2202 22.7739C16.5355 22.3238 16.5407 21.7259 16.2333 21.2703C16.0689 21.0266 15.7145 20.8137 15.0058 20.3878L14.3426 19.9894C13.7582 19.6382 13.466 19.4627 13.1628 19.363C12.6023 19.1788 11.9984 19.1736 11.4348 19.3479C11.1298 19.4423 10.8346 19.6127 10.2442 19.9536L9.02562 20.6571Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M14.8587 30.4461C14.8587 31.1277 14.8587 31.4685 14.9295 31.7797C15.0602 32.3548 15.3666 32.8751 15.8062 33.2684C16.044 33.4812 16.342 33.6465 16.9381 33.9771L18.4613 34.8219C19.0244 35.1342 19.306 35.2904 19.5965 35.3782C20.1333 35.5406 20.7061 35.5406 21.2428 35.3782C21.5334 35.2904 21.8149 35.1342 22.378 34.8219L23.0062 34.4735C23.7686 34.0506 24.1499 33.8392 24.3245 33.5931C24.6512 33.1328 24.6509 32.5162 24.3238 32.0562C24.1489 31.8102 23.7675 31.5992 23.0046 31.177L22.4961 30.8956C21.8991 30.5653 21.6006 30.4001 21.3624 30.1873C20.9222 29.7939 20.6152 29.2733 20.4842 28.6977C20.4134 28.3862 20.4134 28.0451 20.4134 27.3627V26.7805C20.4134 25.9537 20.4134 25.5403 20.2892 25.2737C20.057 24.7757 19.5418 24.4722 18.9936 24.5106C18.7003 24.5312 18.3387 24.7316 17.6156 25.1325L16.9389 25.5075C16.3426 25.8381 16.0445 26.0033 15.8066 26.2161C15.3668 26.6095 15.0603 27.1298 14.9295 27.7051C14.8587 28.0163 14.8587 28.3572 14.8587 29.039V30.4461Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M26.2528 30.2889C26.843 30.6297 27.1382 30.8001 27.4431 30.8945C28.0065 31.0688 28.6103 31.0636 29.1707 30.8796C29.4739 30.78 29.766 30.6046 30.3504 30.2537L31.8436 29.3569C32.3956 29.0254 32.6716 28.8597 32.893 28.652C33.302 28.2683 33.5884 27.7723 33.7162 27.2262C33.7853 26.9307 33.7909 26.6088 33.802 25.9649L33.8143 25.2467C33.8293 24.375 33.8368 23.9391 33.711 23.6648C33.4757 23.1518 32.9416 22.8437 32.3797 22.897C32.0792 22.9255 31.7057 23.1503 30.9587 23.5999L30.4608 23.8995C29.8762 24.2514 29.5839 24.4273 29.2805 24.5272C28.7197 24.7118 28.1154 24.7173 27.5513 24.5429C27.2462 24.4485 26.9507 24.278 26.3598 23.9368L25.8556 23.6457C25.1395 23.2323 24.7815 23.0256 24.4886 22.9999C23.9411 22.9519 23.4208 23.2463 23.18 23.7403C23.0511 24.0046 23.0439 24.4179 23.0294 25.2446L23.0159 26.0182C23.004 26.6998 22.9981 27.0407 23.0634 27.3531C23.1842 27.9306 23.4816 28.4562 23.9144 28.8572C24.1485 29.0741 24.4438 29.2445 25.0342 29.5854L26.2528 30.2889Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M31.8137 20.3429C32.404 20.0021 32.6991 19.8317 32.9332 19.6148C33.366 19.214 33.6633 18.6885 33.7842 18.1112C33.8495 17.7988 33.8437 17.4581 33.8319 16.7766L33.802 15.0351C33.7909 14.3912 33.7853 14.0693 33.7162 13.7738C33.5884 13.2277 33.302 12.7317 32.893 12.348C32.6716 12.1403 32.3956 11.9746 31.8436 11.6431L31.2278 11.2732C30.4804 10.8244 30.1066 10.5999 29.8062 10.5718C29.2442 10.519 28.7104 10.8276 28.4755 11.3408C28.35 11.6153 28.3579 12.0511 28.3737 12.9228L28.3843 13.5039C28.3967 14.1861 28.4029 14.5272 28.3377 14.8399C28.2172 15.4179 27.9198 15.944 27.4867 16.3452C27.2524 16.5623 26.957 16.7329 26.3661 17.0741L25.8618 17.3652C25.1458 17.7786 24.7878 17.9853 24.6191 18.2261C24.3038 18.6762 24.2986 19.2741 24.606 19.7297C24.7704 19.9734 25.1248 20.1863 25.8335 20.6122L26.4967 21.0106C27.0811 21.3618 27.3733 21.5373 27.6765 21.637C28.237 21.8212 28.8409 21.8264 29.4045 21.6521C29.7095 21.5577 30.0047 21.3873 30.5951 21.0464L31.8137 20.3429Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M14.5863 10.7111C13.996 10.3703 13.7008 10.1999 13.396 10.1056C12.8325 9.93123 12.2287 9.93642 11.6683 10.1204C11.3652 10.22 11.073 10.3955 10.4887 10.7464L8.99543 11.6431C8.4434 11.9746 8.16739 12.1404 7.94603 12.348C7.53704 12.7317 7.25064 13.2278 7.12285 13.7738C7.05368 14.0694 7.04814 14.3913 7.03706 15.0351L7.0247 15.7533C7.00969 16.6251 7.00219 17.0609 7.128 17.3352C7.36332 17.8483 7.89744 18.1563 8.45936 18.103C8.75981 18.0746 9.13331 17.8498 9.88031 17.4002L10.3783 17.1005C10.9629 16.7487 11.2552 16.5728 11.5586 16.4729C12.1193 16.2883 12.7237 16.2828 13.2877 16.4572C13.5929 16.5515 13.8883 16.7221 14.4792 17.0632L14.9835 17.3544C15.6995 17.7678 16.0575 17.9745 16.3504 18.0002C16.8979 18.0482 17.4183 17.7537 17.6591 17.2598C17.7879 16.9955 17.7951 16.5821 17.8096 15.7554L17.8231 14.9819C17.835 14.3002 17.8409 13.9594 17.7756 13.6469C17.6548 13.0694 17.3575 12.5438 16.9247 12.1429C16.6905 11.926 16.3953 11.7555 15.8048 11.4146L14.5863 10.7111Z" fill="var(--c--contextuals--background--semantic--neutral--tertiary)"/>
|
||||
<path d="M61.8577 16.0576C62.6931 16.0576 63.468 16.24 64.1819 16.6045C64.8463 16.9367 65.3785 17.3509 65.7781 17.8471C65.8437 17.9285 65.8294 18.0466 65.7498 18.1145L64.3459 19.3122C64.2574 19.3877 64.1236 19.3717 64.0503 19.2814C63.7909 18.9622 63.4929 18.6926 63.1565 18.4727C62.7616 18.2145 62.3285 18.085 61.8577 18.085C61.5237 18.085 61.2353 18.1462 60.9924 18.2676C60.7646 18.3891 60.5895 18.5486 60.468 18.7461C60.3617 18.9436 60.3088 19.1642 60.3088 19.4072C60.3089 19.7716 60.4375 20.0754 60.6955 20.3184C60.969 20.5462 61.319 20.744 61.7444 20.9111C62.1696 21.0782 62.6174 21.2606 63.0881 21.458C63.5742 21.6403 64.03 21.8682 64.4553 22.1416C64.8806 22.3998 65.2225 22.7489 65.4807 23.1895C65.7541 23.6147 65.8908 24.1537 65.8909 24.8066C65.8909 25.5812 65.7012 26.2423 65.3215 26.7891C64.957 27.3206 64.471 27.7309 63.8635 28.0195C63.2559 28.3082 62.5868 28.4531 61.8577 28.4531C60.8706 28.4531 60.0124 28.2707 59.2834 27.9062C58.6116 27.5563 58.0171 27.0962 57.5 26.5269C57.4264 26.4459 57.4354 26.3208 57.5176 26.2485L58.921 25.0135C59.0067 24.9381 59.1377 24.9498 59.2123 25.0363C59.5425 25.4194 59.9081 25.7384 60.3088 25.9922C60.7645 26.2807 61.2733 26.4248 61.8352 26.4248C62.3669 26.4248 62.7698 26.2881 63.0432 26.0146C63.3316 25.7261 63.4758 25.3768 63.4758 24.9668C63.4758 24.5871 63.339 24.2835 63.0657 24.0557C62.8074 23.8278 62.4656 23.63 62.0403 23.4629C61.6149 23.2958 61.1592 23.1208 60.6731 22.9385C60.2024 22.7411 59.7545 22.5057 59.3293 22.2324C58.9041 21.959 58.5539 21.6098 58.2805 21.1846C58.0223 20.744 57.8938 20.1816 57.8938 19.498C57.8938 18.8601 58.0606 18.283 58.3948 17.7666C58.729 17.2349 59.192 16.8165 59.7844 16.5127C60.3919 16.209 61.0831 16.0577 61.8577 16.0576Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M71.3215 16.0576C72.1569 16.0577 72.9319 16.24 73.6457 16.6045C74.3101 16.9367 74.8424 17.3509 75.2419 17.8471C75.3075 17.9285 75.2933 18.0466 75.2137 18.1144L73.8098 19.3122C73.7213 19.3877 73.5875 19.3717 73.5141 19.2813C73.2548 18.9622 72.9568 18.6927 72.6204 18.4727C72.2255 18.2145 71.7923 18.085 71.3215 18.085C70.9873 18.085 70.6984 18.1461 70.4553 18.2676C70.2275 18.3891 70.0524 18.5486 69.9309 18.7461C69.8246 18.9435 69.7717 19.1642 69.7717 19.4072C69.7718 19.7717 69.9013 20.0754 70.1594 20.3184C70.4328 20.5462 70.782 20.7441 71.2073 20.9111C71.6326 21.0782 72.0811 21.2605 72.552 21.458C73.0379 21.6403 73.494 21.8682 73.9192 22.1416C74.3443 22.3998 74.6864 22.7491 74.9446 23.1895C75.2178 23.6146 75.3547 24.1538 75.3547 24.8066C75.3547 25.5813 75.1641 26.2422 74.7844 26.7891C74.4199 27.3207 73.934 27.7309 73.3264 28.0195C72.7189 28.3081 72.0506 28.4531 71.3215 28.4531C70.3341 28.4531 69.4755 28.2708 68.7463 27.9062C68.0745 27.5563 67.48 27.0962 66.9629 26.5269C66.8893 26.4459 66.8983 26.3208 66.9805 26.2485L68.3839 25.0135C68.4696 24.9381 68.6006 24.9498 68.6752 25.0363C69.0054 25.4194 69.371 25.7384 69.7717 25.9922C70.2273 26.2807 70.7362 26.4247 71.2981 26.4248C71.8298 26.4248 72.2327 26.2881 72.5061 26.0146C72.7946 25.7261 72.9387 25.3768 72.9387 24.9668C72.9387 24.587 72.802 24.2835 72.5286 24.0557C72.2703 23.8278 71.9285 23.63 71.5032 23.4629C71.0779 23.2958 70.622 23.1207 70.136 22.9385C69.6653 22.7411 69.2174 22.5057 68.7922 22.2324C68.3671 21.9591 68.0178 21.6097 67.7444 21.1846C67.4861 20.744 67.3567 20.1816 67.3567 19.498C67.3567 18.8602 67.5236 18.283 67.8577 17.7666C68.1918 17.235 68.655 16.8165 69.2473 16.5127C69.8549 16.2089 70.5468 16.0576 71.3215 16.0576Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M86.3313 16.0576C87.1668 16.0576 87.9416 16.2399 88.6555 16.6045C89.32 16.9368 89.8521 17.3508 90.2517 17.8471C90.3173 17.9285 90.303 18.0466 90.2235 18.1144L88.8195 19.3122C88.731 19.3877 88.5973 19.3717 88.5239 19.2814C88.2646 18.9622 87.9666 18.6926 87.6301 18.4727C87.2352 18.2144 86.8022 18.085 86.3313 18.085C85.9971 18.085 85.7081 18.1461 85.4651 18.2676C85.2374 18.3891 85.0631 18.5488 84.9416 18.7461C84.8353 18.9436 84.7815 19.1642 84.7815 19.4072C84.7816 19.7716 84.911 20.0754 85.1692 20.3184C85.4426 20.5462 85.7918 20.7441 86.217 20.9111C86.6424 21.0782 87.0909 21.2605 87.5618 21.458C88.0478 21.6403 88.5036 21.8682 88.9289 22.1416C89.3542 22.3998 89.6961 22.749 89.9543 23.1895C90.2276 23.6147 90.3644 24.1537 90.3645 24.8066C90.3645 25.5811 90.1747 26.2423 89.7952 26.7891C89.4306 27.3207 88.9438 27.7309 88.3362 28.0195C87.7286 28.3081 87.0604 28.4531 86.3313 28.4531C85.3439 28.4531 84.4852 28.2708 83.7561 27.9062C83.0843 27.5563 82.4905 27.0961 81.9736 26.5269C81.9 26.4459 81.909 26.3208 81.9911 26.2485L83.3937 25.0136C83.4793 24.9381 83.6104 24.9498 83.685 25.0363C84.0152 25.4194 84.3808 25.7384 84.7815 25.9922C85.2372 26.2808 85.7468 26.4248 86.3088 26.4248C86.8403 26.4248 87.2425 26.288 87.5159 26.0146C87.8044 25.7261 87.9494 25.3769 87.9495 24.9668C87.9495 24.5872 87.8125 24.2835 87.5393 24.0557C87.2811 23.8279 86.9391 23.63 86.5139 23.4629C86.0886 23.2958 85.6328 23.1207 85.1467 22.9385C84.6758 22.741 84.2273 22.5059 83.802 22.2324C83.3768 21.9591 83.0275 21.6097 82.7541 21.1846C82.4959 20.744 82.3664 20.1816 82.3664 19.498C82.3664 18.86 82.5342 18.2831 82.8684 17.7666C83.2026 17.2349 83.6656 16.8165 84.258 16.5127C84.8656 16.209 85.5567 16.0576 86.3313 16.0576Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M106.191 16.2861C107.239 16.2861 108.128 16.4757 108.857 16.8555C109.586 17.2352 110.133 17.7594 110.498 18.4277C110.877 19.0961 111.067 19.8481 111.067 20.6836V28.0256C111.067 28.136 110.977 28.2256 110.867 28.2256H108.76C108.65 28.2256 108.56 28.136 108.56 28.0256V27.2662C108.56 27.1718 108.438 27.1271 108.372 27.1948C108.27 27.2997 108.159 27.4002 108.037 27.4961C107.626 27.8303 107.148 28.0892 106.601 28.2715C106.054 28.4689 105.5 28.5673 104.938 28.5674C103.814 28.5674 102.894 28.2639 102.18 27.6562C101.466 27.0486 101.11 26.2355 101.11 25.2178C101.11 24.352 101.436 23.6154 102.089 23.0078C102.743 22.4002 103.684 21.9973 104.915 21.7998L108.394 21.2089C108.49 21.1926 108.56 21.1093 108.56 21.0118V20.6836C108.56 20.0002 108.333 19.4686 107.877 19.0889C107.422 18.694 106.829 18.4962 106.1 18.4961C105.508 18.4961 104.968 18.6256 104.482 18.8838C104.071 19.1094 103.717 19.4102 103.422 19.7865C103.351 19.876 103.222 19.8965 103.132 19.8273L101.606 18.6598C101.52 18.5942 101.501 18.4719 101.568 18.3865C102.052 17.7617 102.666 17.2665 103.411 16.9014C104.231 16.4912 105.158 16.2861 106.191 16.2861ZM105.553 23.4639C104.87 23.5702 104.376 23.7671 104.072 24.0557C103.768 24.329 103.616 24.6784 103.616 25.1035C103.616 25.5288 103.775 25.8789 104.094 26.1523C104.428 26.4258 104.877 26.5625 105.439 26.5625C106.138 26.5625 106.753 26.403 107.285 26.084C107.721 25.8222 108.09 25.4882 108.393 25.083C108.508 24.9295 108.56 24.7399 108.56 24.5483V23.2008C108.56 23.0772 108.449 22.9832 108.327 23.0035L105.553 23.4639Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M95.9868 16.5412C95.9868 16.6517 96.0764 16.7412 96.1868 16.7412H99.5017C99.6121 16.7412 99.7017 16.8308 99.7017 16.9412V18.7971C99.7017 18.9075 99.6121 18.9971 99.5017 18.9971H96.1868C96.0764 18.9971 95.9868 19.0866 95.9868 19.1971V24.1699C95.9868 24.671 96.0708 25.0659 96.2378 25.3545C96.4048 25.6429 96.6403 25.8555 96.9439 25.9922C97.2477 26.1137 97.605 26.1748 98.0151 26.1748C98.4101 26.1748 98.7446 26.152 99.0181 26.1064C99.1739 26.0718 99.3174 26.0347 99.4485 25.9951C99.5829 25.9545 99.7241 26.0522 99.7241 26.1926V27.9814C99.7241 28.0604 99.6778 28.1326 99.6042 28.1613C99.3605 28.2561 99.0888 28.3233 98.7896 28.3623C98.4554 28.423 98.0605 28.4531 97.605 28.4531C96.6936 28.4531 95.926 28.2936 95.3032 27.9746C94.6959 27.6404 94.2325 27.1617 93.9136 26.5391C93.6099 25.9012 93.4585 25.1115 93.4585 24.1699V19.1971C93.4585 19.0866 93.369 18.9971 93.2585 18.9971H91.6087C91.4982 18.9971 91.4087 18.9075 91.4087 18.7971V16.9412C91.4087 16.8308 91.4982 16.7412 91.6087 16.7412H93.2585C93.369 16.7412 93.4585 16.6517 93.4585 16.5412V14.0711C93.4585 13.9606 93.548 13.8711 93.6585 13.8711H95.7868C95.8973 13.8711 95.9868 13.9606 95.9868 14.0711V16.5412Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M130.563 16.5412C130.563 16.6517 130.653 16.7412 130.763 16.7412H134.077C134.187 16.7412 134.277 16.8308 134.277 16.9412V18.7971C134.277 18.9075 134.187 18.9971 134.077 18.9971H130.763C130.653 18.9971 130.563 19.0866 130.563 19.1971V24.1699C130.563 24.671 130.646 25.0659 130.813 25.3545C130.98 25.6431 131.216 25.8555 131.52 25.9922C131.824 26.1137 132.18 26.1748 132.59 26.1748C132.985 26.1748 133.32 26.152 133.593 26.1064C133.749 26.0718 133.893 26.0347 134.024 25.9951C134.158 25.9545 134.299 26.0522 134.299 26.1925V27.9813C134.299 28.0604 134.253 28.1326 134.179 28.1613C133.936 28.2561 133.665 28.3233 133.366 28.3623C133.032 28.4231 132.636 28.4531 132.18 28.4531C131.269 28.4531 130.502 28.2936 129.879 27.9746C129.272 27.6404 128.809 27.1619 128.49 26.5391C128.186 25.9011 128.034 25.1116 128.034 24.1699V19.1971C128.034 19.0866 127.944 18.9971 127.834 18.9971H126.092C125.982 18.9971 125.892 18.9075 125.892 18.7971V16.9412C125.892 16.8308 125.982 16.7412 126.092 16.7412H127.834C127.944 16.7412 128.034 16.6517 128.034 16.5412V14.0711C128.034 13.9606 128.123 13.8711 128.234 13.8711H130.363C130.473 13.8711 130.563 13.9606 130.563 14.0711V16.5412Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M56.8209 27.9534C56.8716 28.0844 56.7749 28.2256 56.6344 28.2256H54.0801C53.9969 28.2256 53.9224 28.1741 53.893 28.0964L52.3355 23.9798C52.3061 23.902 52.2316 23.8506 52.1485 23.8506H45.6707C45.5876 23.8506 45.5132 23.9019 45.4837 23.9796L43.9196 28.0966C43.8901 28.1743 43.8157 28.2256 43.7326 28.2256H41.2002C41.0598 28.2256 40.9631 28.0846 41.0136 27.9536L47.0107 12.4034C47.0404 12.3263 47.1146 12.2754 47.1973 12.2754H50.6144C50.697 12.2754 50.7711 12.3262 50.8009 12.4032L56.8209 27.9534ZM46.5361 21.2104C46.4864 21.3413 46.5831 21.4814 46.7231 21.4814H51.1006C51.2405 21.4814 51.3372 21.3415 51.2876 21.2106L49.1032 15.4395C49.038 15.2673 48.7946 15.2672 48.7292 15.4392L46.5361 21.2104Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M80.1372 28.0256C80.1372 28.136 80.0477 28.2256 79.9372 28.2256H77.8314C77.7209 28.2256 77.6314 28.136 77.6314 28.0256V16.9412C77.6314 16.8308 77.7209 16.7412 77.8314 16.7412H79.9372C80.0477 16.7412 80.1372 16.8308 80.1372 16.9412V28.0256Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M120.009 16.2861C120.86 16.2861 121.619 16.4758 122.288 16.8555C122.971 17.2352 123.511 17.7977 123.906 18.542C124.301 19.2863 124.499 20.2208 124.499 21.3447V28.0256C124.499 28.136 124.409 28.2256 124.299 28.2256H122.169C122.059 28.2256 121.969 28.136 121.969 28.0256V21.4355C121.969 20.5546 121.741 19.8709 121.286 19.3848C120.83 18.8835 120.206 18.6328 119.417 18.6328C118.915 18.6329 118.475 18.7313 118.095 18.9287C117.715 19.111 117.389 19.3471 117.116 19.6357C116.919 19.8551 116.745 20.0831 116.592 20.3199C116.498 20.4662 116.455 20.6384 116.455 20.8124V28.0256C116.455 28.136 116.365 28.2256 116.255 28.2256H114.149C114.038 28.2256 113.949 28.136 113.949 28.0256V16.9412C113.949 16.8308 114.038 16.7412 114.149 16.7412H116.255C116.365 16.7412 116.455 16.8308 116.455 16.9412V17.5392C116.455 17.6294 116.566 17.6747 116.631 17.6128C117.008 17.2571 117.443 16.9588 117.936 16.7188C118.528 16.4302 119.219 16.2861 120.009 16.2861Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M78.9067 11C79.2105 11 79.484 11.0757 79.7271 11.2275C79.9853 11.3794 80.1831 11.5845 80.3198 11.8428C80.4717 12.0858 80.5474 12.3593 80.5474 12.6631C80.5474 12.9668 80.4716 13.2477 80.3198 13.5059C80.1831 13.7641 79.9853 13.9692 79.7271 14.1211C79.484 14.2578 79.2106 14.3262 78.9067 14.3262C78.603 14.3262 78.3222 14.2578 78.064 14.1211C77.8057 13.9692 77.6006 13.7641 77.4487 13.5059C77.2969 13.2477 77.2212 12.9668 77.2212 12.6631C77.2212 12.2074 77.3807 11.82 77.6997 11.501C78.0338 11.167 78.436 11 78.9067 11Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<rect x="143" y="12.5" width="40" height="16" rx="8" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<rect x="143" y="12.5" width="40" height="16" rx="8" fill="#F7F8FA" fill-opacity="0.9"/>
|
||||
<path d="M150.133 24.5V16.8H152.399C154.005 16.8 154.984 17.592 154.984 18.89C154.984 19.517 154.698 20.056 154.159 20.408C154.973 20.771 155.424 21.431 155.424 22.234C155.424 23.642 154.335 24.5 152.564 24.5H150.133ZM152.432 18.098H151.695V19.836H152.432C153.026 19.836 153.378 19.517 153.378 18.956C153.378 18.417 153.026 18.098 152.432 18.098ZM152.652 21.134H151.695V23.202H152.652C153.378 23.202 153.818 22.817 153.818 22.168C153.818 21.508 153.378 21.134 152.652 21.134ZM156.917 24.5V16.8H161.405V18.098H158.479V19.924H160.965V21.222H158.479V23.202H161.405V24.5H156.917ZM162.479 18.219V16.8H168.793V18.219H166.417V24.5H164.855V18.219H162.479ZM168.346 24.5L171.261 16.8H173.307L176.222 24.5H174.561L173.824 22.498H170.744L170.007 24.5H168.346ZM171.228 21.167H173.34L172.284 18.274L171.228 21.167Z" fill="#2845C1"/>
|
||||
<path d="M150.133 24.5V16.8H152.399C154.005 16.8 154.984 17.592 154.984 18.89C154.984 19.517 154.698 20.056 154.159 20.408C154.973 20.771 155.424 21.431 155.424 22.234C155.424 23.642 154.335 24.5 152.564 24.5H150.133ZM152.432 18.098H151.695V19.836H152.432C153.026 19.836 153.378 19.517 153.378 18.956C153.378 18.417 153.026 18.098 152.432 18.098ZM152.652 21.134H151.695V23.202H152.652C153.378 23.202 153.818 22.817 153.818 22.168C153.818 21.508 153.378 21.134 152.652 21.134ZM156.917 24.5V16.8H161.405V18.098H158.479V19.924H160.965V21.222H158.479V23.202H161.405V24.5H156.917ZM162.479 18.219V16.8H168.793V18.219H166.417V24.5H164.855V18.219H162.479ZM168.346 24.5L171.261 16.8H173.307L176.222 24.5H174.561L173.824 22.498H170.744L170.007 24.5H168.346ZM171.228 21.167H173.34L172.284 18.274L171.228 21.167Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 19 KiB |
@@ -1,30 +1,30 @@
|
||||
<svg width="139" height="40" viewBox="0 0 139 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M25.9806 10.0539C25.9806 9.37231 25.9806 9.03151 25.9098 8.72032C25.7791 8.14516 25.4727 7.62489 25.0331 7.23159C24.7953 7.01879 24.4973 6.8535 23.9012 6.52291L22.378 5.6781C21.8149 5.36579 21.5334 5.20963 21.2428 5.12176C20.7061 4.95941 20.1333 4.95941 19.5965 5.12176C19.3059 5.20963 19.0244 5.36579 18.4613 5.6781L17.8331 6.02651C17.0707 6.44937 16.6894 6.66081 16.5148 6.90692C16.1881 7.36724 16.1884 7.98382 16.5155 8.44382C16.6904 8.68977 17.0718 8.90084 17.8347 9.32298L18.3432 9.60438C18.9402 9.93474 19.2387 10.0999 19.4769 10.3127C19.9172 10.7061 20.2241 11.2267 20.3551 11.8023C20.4259 12.1138 20.4259 12.4549 20.4259 13.1372V13.7195C20.4259 14.5463 20.4259 14.9597 20.5502 15.2263C20.7823 15.7243 21.2975 16.0278 21.8457 15.9894C22.139 15.9688 22.5006 15.7684 23.2237 15.3675L23.9004 14.9925C24.4967 14.6619 24.7948 14.4967 25.0327 14.2839C25.4725 13.8905 25.779 13.3702 25.9098 12.7949C25.9806 12.4837 25.9806 12.1428 25.9806 11.461V10.0539Z" fill="#2845C1"/>
|
||||
<path d="M9.02562 20.1571C8.43534 20.4979 8.1402 20.6683 7.90608 20.8852C7.47335 21.286 7.17597 21.8115 7.05514 22.3888C6.98977 22.7012 6.99563 23.0419 7.00736 23.7234L7.03734 25.4649C7.04843 26.1088 7.05397 26.4307 7.12313 26.7262C7.25092 27.2723 7.53733 27.7683 7.94632 28.152C8.16767 28.3597 8.44369 28.5254 8.99572 28.857L9.61153 29.2268C10.359 29.6756 10.7327 29.9001 11.0331 29.9282C11.5951 29.981 12.1289 29.6724 12.3638 29.1592C12.4893 28.8847 12.4814 28.4489 12.4656 27.5772L12.455 26.9961C12.4426 26.3139 12.4364 25.9728 12.5016 25.6601C12.6221 25.0821 12.9195 24.556 13.3526 24.1548C13.5869 23.9377 13.8823 23.7671 14.4732 23.4259L14.9775 23.1348C15.6935 22.7214 16.0515 22.5147 16.2202 22.2739C16.5355 21.8238 16.5407 21.2259 16.2333 20.7703C16.0689 20.5266 15.7145 20.3137 15.0058 19.8878L14.3426 19.4894C13.7582 19.1382 13.466 18.9627 13.1628 18.863C12.6023 18.6788 11.9984 18.6736 11.4348 18.8479C11.1298 18.9423 10.8346 19.1127 10.2442 19.4536L9.02562 20.1571Z" fill="#2845C1"/>
|
||||
<path d="M14.8587 29.9461C14.8587 30.6277 14.8587 30.9685 14.9295 31.2797C15.0602 31.8548 15.3666 32.3751 15.8062 32.7684C16.044 32.9812 16.342 33.1465 16.9381 33.4771L18.4613 34.3219C19.0244 34.6342 19.306 34.7904 19.5965 34.8782C20.1333 35.0406 20.7061 35.0406 21.2428 34.8782C21.5334 34.7904 21.8149 34.6342 22.378 34.3219L23.0062 33.9735C23.7686 33.5506 24.1499 33.3392 24.3245 33.0931C24.6512 32.6328 24.6509 32.0162 24.3238 31.5562C24.1489 31.3102 23.7675 31.0992 23.0046 30.677L22.4961 30.3956C21.8991 30.0653 21.6006 29.9001 21.3624 29.6873C20.9222 29.2939 20.6152 28.7733 20.4842 28.1977C20.4134 27.8862 20.4134 27.5451 20.4134 26.8627V26.2805C20.4134 25.4537 20.4134 25.0403 20.2892 24.7737C20.057 24.2757 19.5418 23.9722 18.9936 24.0106C18.7003 24.0312 18.3387 24.2316 17.6156 24.6325L16.9389 25.0075C16.3426 25.3381 16.0445 25.5033 15.8066 25.7161C15.3668 26.1095 15.0603 26.6298 14.9295 27.2051C14.8587 27.5163 14.8587 27.8572 14.8587 28.539V29.9461Z" fill="#2845C1"/>
|
||||
<path d="M26.2528 29.7889C26.843 30.1297 27.1382 30.3001 27.4431 30.3945C28.0065 30.5688 28.6103 30.5636 29.1707 30.3796C29.4739 30.28 29.766 30.1046 30.3504 29.7537L31.8436 28.8569C32.3956 28.5254 32.6716 28.3597 32.893 28.152C33.302 27.7683 33.5884 27.2723 33.7162 26.7262C33.7853 26.4307 33.7909 26.1088 33.802 25.4649L33.8143 24.7467C33.8293 23.875 33.8368 23.4391 33.711 23.1648C33.4757 22.6518 32.9416 22.3437 32.3797 22.397C32.0792 22.4255 31.7057 22.6503 30.9587 23.0999L30.4608 23.3995C29.8762 23.7514 29.5839 23.9273 29.2805 24.0272C28.7197 24.2118 28.1154 24.2173 27.5513 24.0429C27.2462 23.9485 26.9507 23.778 26.3598 23.4368L25.8556 23.1457C25.1395 22.7323 24.7815 22.5256 24.4886 22.4999C23.9411 22.4519 23.4208 22.7463 23.18 23.2403C23.0511 23.5046 23.0439 23.9179 23.0294 24.7446L23.0159 25.5182C23.004 26.1998 22.9981 26.5407 23.0634 26.8531C23.1842 27.4306 23.4816 27.9562 23.9144 28.3572C24.1485 28.5741 24.4438 28.7445 25.0342 29.0854L26.2528 29.7889Z" fill="#2845C1"/>
|
||||
<path d="M31.8137 19.8429C32.404 19.5021 32.6991 19.3317 32.9332 19.1148C33.366 18.714 33.6633 18.1885 33.7842 17.6112C33.8495 17.2988 33.8437 16.9581 33.8319 16.2766L33.802 14.5351C33.7909 13.8912 33.7853 13.5693 33.7162 13.2738C33.5884 12.7277 33.302 12.2317 32.893 11.848C32.6716 11.6403 32.3956 11.4746 31.8436 11.1431L31.2278 10.7732C30.4804 10.3244 30.1066 10.0999 29.8062 10.0718C29.2442 10.019 28.7104 10.3276 28.4755 10.8408C28.35 11.1153 28.3579 11.5511 28.3737 12.4228L28.3843 13.0039C28.3967 13.6861 28.4029 14.0272 28.3377 14.3399C28.2172 14.9179 27.9198 15.444 27.4867 15.8452C27.2524 16.0623 26.957 16.2329 26.3661 16.5741L25.8618 16.8652C25.1458 17.2786 24.7878 17.4853 24.6191 17.7261C24.3038 18.1762 24.2986 18.7741 24.606 19.2297C24.7704 19.4734 25.1248 19.6863 25.8335 20.1122L26.4967 20.5106C27.0811 20.8618 27.3733 21.0373 27.6765 21.137C28.237 21.3212 28.8409 21.3264 29.4045 21.1521C29.7095 21.0577 30.0047 20.8873 30.5951 20.5464L31.8137 19.8429Z" fill="#2845C1"/>
|
||||
<path d="M14.5865 10.2111C13.9962 9.87031 13.7011 9.69991 13.3962 9.60558C12.8327 9.43123 12.229 9.43642 11.6686 9.62044C11.3654 9.72001 11.0732 9.89546 10.4889 10.2464L8.99568 11.1431C8.44365 11.4746 8.16763 11.6404 7.94627 11.848C7.53729 12.2317 7.25088 12.7278 7.12309 13.2738C7.05393 13.5694 7.04839 13.8913 7.0373 14.5351L7.02494 15.2533C7.00993 16.1251 7.00243 16.5609 7.12825 16.8352C7.36357 17.3483 7.89769 17.6563 8.45961 17.603C8.76005 17.5746 9.13355 17.3498 9.88056 16.9002L10.3785 16.6005C10.9631 16.2487 11.2554 16.0728 11.5588 15.9729C12.1196 15.7883 12.7239 15.7828 13.2879 15.9572C13.5931 16.0515 13.8885 16.2221 14.4794 16.5632L14.9837 16.8544C15.6997 17.2678 16.0577 17.4745 16.3507 17.5002C16.8981 17.5482 17.4185 17.2537 17.6593 16.7598C17.7882 16.4955 17.7954 16.0821 17.8098 15.2554L17.8233 14.4819C17.8352 13.8002 17.8412 13.4594 17.7758 13.1469C17.6551 12.5694 17.3577 12.0438 16.9249 11.6429C16.6907 11.426 16.3955 11.2555 15.8051 10.9146L14.5865 10.2111Z" fill="#C83F49"/>
|
||||
<rect x="8" y="27" width="24" height="9" rx="4.5" fill="#EEF1F4"/>
|
||||
<path d="M25.9806 10.0539C25.9806 9.37231 25.9806 9.03151 25.9098 8.72032C25.7791 8.14516 25.4727 7.62489 25.0331 7.23159C24.7953 7.01879 24.4973 6.8535 23.9012 6.52291L22.378 5.6781C21.8149 5.36579 21.5334 5.20963 21.2428 5.12176C20.7061 4.95941 20.1333 4.95941 19.5965 5.12176C19.3059 5.20963 19.0244 5.36579 18.4613 5.6781L17.8331 6.02651C17.0707 6.44937 16.6894 6.66081 16.5148 6.90692C16.1881 7.36724 16.1884 7.98382 16.5155 8.44382C16.6904 8.68977 17.0718 8.90084 17.8347 9.32298L18.3432 9.60438C18.9402 9.93474 19.2387 10.0999 19.4769 10.3127C19.9172 10.7061 20.2241 11.2267 20.3551 11.8023C20.4259 12.1138 20.4259 12.4549 20.4259 13.1372V13.7195C20.4259 14.5463 20.4259 14.9597 20.5502 15.2263C20.7823 15.7243 21.2975 16.0278 21.8457 15.9894C22.139 15.9688 22.5006 15.7684 23.2237 15.3675L23.9004 14.9925C24.4967 14.6619 24.7948 14.4967 25.0327 14.2839C25.4725 13.8905 25.779 13.3702 25.9098 12.7949C25.9806 12.4837 25.9806 12.1428 25.9806 11.461V10.0539Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M9.02562 20.1571C8.43534 20.4979 8.1402 20.6683 7.90608 20.8852C7.47335 21.286 7.17597 21.8115 7.05514 22.3888C6.98977 22.7012 6.99563 23.0419 7.00736 23.7234L7.03734 25.4649C7.04843 26.1088 7.05397 26.4307 7.12313 26.7262C7.25092 27.2723 7.53733 27.7683 7.94632 28.152C8.16767 28.3597 8.44369 28.5254 8.99572 28.857L9.61153 29.2268C10.359 29.6756 10.7327 29.9001 11.0331 29.9282C11.5951 29.981 12.1289 29.6724 12.3638 29.1592C12.4893 28.8847 12.4814 28.4489 12.4656 27.5772L12.455 26.9961C12.4426 26.3139 12.4364 25.9728 12.5016 25.6601C12.6221 25.0821 12.9195 24.556 13.3526 24.1548C13.5869 23.9377 13.8823 23.7671 14.4732 23.4259L14.9775 23.1348C15.6935 22.7214 16.0515 22.5147 16.2202 22.2739C16.5355 21.8238 16.5407 21.2259 16.2333 20.7703C16.0689 20.5266 15.7145 20.3137 15.0058 19.8878L14.3426 19.4894C13.7582 19.1382 13.466 18.9627 13.1628 18.863C12.6023 18.6788 11.9984 18.6736 11.4348 18.8479C11.1298 18.9423 10.8346 19.1127 10.2442 19.4536L9.02562 20.1571Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M14.8587 29.9461C14.8587 30.6277 14.8587 30.9685 14.9295 31.2797C15.0602 31.8548 15.3666 32.3751 15.8062 32.7684C16.044 32.9812 16.342 33.1465 16.9381 33.4771L18.4613 34.3219C19.0244 34.6342 19.306 34.7904 19.5965 34.8782C20.1333 35.0406 20.7061 35.0406 21.2428 34.8782C21.5334 34.7904 21.8149 34.6342 22.378 34.3219L23.0062 33.9735C23.7686 33.5506 24.1499 33.3392 24.3245 33.0931C24.6512 32.6328 24.6509 32.0162 24.3238 31.5562C24.1489 31.3102 23.7675 31.0992 23.0046 30.677L22.4961 30.3956C21.8991 30.0653 21.6006 29.9001 21.3624 29.6873C20.9222 29.2939 20.6152 28.7733 20.4842 28.1977C20.4134 27.8862 20.4134 27.5451 20.4134 26.8627V26.2805C20.4134 25.4537 20.4134 25.0403 20.2892 24.7737C20.057 24.2757 19.5418 23.9722 18.9936 24.0106C18.7003 24.0312 18.3387 24.2316 17.6156 24.6325L16.9389 25.0075C16.3426 25.3381 16.0445 25.5033 15.8066 25.7161C15.3668 26.1095 15.0603 26.6298 14.9295 27.2051C14.8587 27.5163 14.8587 27.8572 14.8587 28.539V29.9461Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M26.2528 29.7889C26.843 30.1297 27.1382 30.3001 27.4431 30.3945C28.0065 30.5688 28.6103 30.5636 29.1707 30.3796C29.4739 30.28 29.766 30.1046 30.3504 29.7537L31.8436 28.8569C32.3956 28.5254 32.6716 28.3597 32.893 28.152C33.302 27.7683 33.5884 27.2723 33.7162 26.7262C33.7853 26.4307 33.7909 26.1088 33.802 25.4649L33.8143 24.7467C33.8293 23.875 33.8368 23.4391 33.711 23.1648C33.4757 22.6518 32.9416 22.3437 32.3797 22.397C32.0792 22.4255 31.7057 22.6503 30.9587 23.0999L30.4608 23.3995C29.8762 23.7514 29.5839 23.9273 29.2805 24.0272C28.7197 24.2118 28.1154 24.2173 27.5513 24.0429C27.2462 23.9485 26.9507 23.778 26.3598 23.4368L25.8556 23.1457C25.1395 22.7323 24.7815 22.5256 24.4886 22.4999C23.9411 22.4519 23.4208 22.7463 23.18 23.2403C23.0511 23.5046 23.0439 23.9179 23.0294 24.7446L23.0159 25.5182C23.004 26.1998 22.9981 26.5407 23.0634 26.8531C23.1842 27.4306 23.4816 27.9562 23.9144 28.3572C24.1485 28.5741 24.4438 28.7445 25.0342 29.0854L26.2528 29.7889Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M31.8137 19.8429C32.404 19.5021 32.6991 19.3317 32.9332 19.1148C33.366 18.714 33.6633 18.1885 33.7842 17.6112C33.8495 17.2988 33.8437 16.9581 33.8319 16.2766L33.802 14.5351C33.7909 13.8912 33.7853 13.5693 33.7162 13.2738C33.5884 12.7277 33.302 12.2317 32.893 11.848C32.6716 11.6403 32.3956 11.4746 31.8436 11.1431L31.2278 10.7732C30.4804 10.3244 30.1066 10.0999 29.8062 10.0718C29.2442 10.019 28.7104 10.3276 28.4755 10.8408C28.35 11.1153 28.3579 11.5511 28.3737 12.4228L28.3843 13.0039C28.3967 13.6861 28.4029 14.0272 28.3377 14.3399C28.2172 14.9179 27.9198 15.444 27.4867 15.8452C27.2524 16.0623 26.957 16.2329 26.3661 16.5741L25.8618 16.8652C25.1458 17.2786 24.7878 17.4853 24.6191 17.7261C24.3038 18.1762 24.2986 18.7741 24.606 19.2297C24.7704 19.4734 25.1248 19.6863 25.8335 20.1122L26.4967 20.5106C27.0811 20.8618 27.3733 21.0373 27.6765 21.137C28.237 21.3212 28.8409 21.3264 29.4045 21.1521C29.7095 21.0577 30.0047 20.8873 30.5951 20.5464L31.8137 19.8429Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M14.5865 10.2111C13.9962 9.87031 13.7011 9.69991 13.3962 9.60558C12.8327 9.43123 12.229 9.43642 11.6686 9.62044C11.3654 9.72001 11.0732 9.89546 10.4889 10.2464L8.99568 11.1431C8.44365 11.4746 8.16763 11.6404 7.94627 11.848C7.53729 12.2317 7.25088 12.7278 7.12309 13.2738C7.05393 13.5694 7.04839 13.8913 7.0373 14.5351L7.02494 15.2533C7.00993 16.1251 7.00243 16.5609 7.12825 16.8352C7.36357 17.3483 7.89769 17.6563 8.45961 17.603C8.76005 17.5746 9.13355 17.3498 9.88056 16.9002L10.3785 16.6005C10.9631 16.2487 11.2554 16.0728 11.5588 15.9729C12.1196 15.7883 12.7239 15.7828 13.2879 15.9572C13.5931 16.0515 13.8885 16.2221 14.4794 16.5632L14.9837 16.8544C15.6997 17.2678 16.0577 17.4745 16.3507 17.5002C16.8981 17.5482 17.4185 17.2537 17.6593 16.7598C17.7882 16.4955 17.7954 16.0821 17.8098 15.2554L17.8233 14.4819C17.8352 13.8002 17.8412 13.4594 17.7758 13.1469C17.6551 12.5694 17.3577 12.0438 16.9249 11.6429C16.6907 11.426 16.3955 11.2555 15.8051 10.9146L14.5865 10.2111Z" fill="var(--c--globals--colors--logo-2)"/>
|
||||
<rect x="8" y="27" width="24" height="9" rx="4.5" fill="var(--c--contextuals--background--semantic--neutral--tertiary)"/>
|
||||
<rect x="8" y="27" width="24" height="9" rx="4.5" fill="url(#paint0_linear_6479_3681)" fill-opacity="0.1"/>
|
||||
<path d="M12.3425 33.7362C12.2926 33.7362 12.2676 33.7362 12.2486 33.7265C12.2318 33.718 12.2182 33.7044 12.2097 33.6876C12.2 33.6686 12.2 33.6436 12.2 33.5937V29.2425C12.2 29.1926 12.2 29.1677 12.2097 29.1486C12.2182 29.1318 12.2318 29.1182 12.2486 29.1097C12.2676 29.1 12.2926 29.1 12.3425 29.1H13.5643C14.5313 29.1 15.1208 29.5768 15.1208 30.3584C15.1208 30.648 15.0195 30.9064 14.8257 31.1068C14.7572 31.1777 14.7229 31.2131 14.7171 31.2364C14.7109 31.2615 14.7123 31.274 14.7237 31.2972C14.7343 31.3187 14.7739 31.3451 14.8532 31.3978C15.1981 31.6275 15.3857 31.9699 15.3857 32.3719C15.3857 33.2196 14.73 33.7362 13.6637 33.7362H12.3425ZM13.5842 29.8815H13.283C13.2331 29.8815 13.2081 29.8815 13.1891 29.8912C13.1723 29.8998 13.1587 29.9134 13.1502 29.9301C13.1405 29.9492 13.1405 29.9741 13.1405 30.024V30.7855C13.1405 30.8354 13.1405 30.8603 13.1502 30.8794C13.1587 30.8961 13.1723 30.9097 13.1891 30.9183C13.2081 30.928 13.2331 30.928 13.283 30.928H13.5842C13.9419 30.928 14.1538 30.7359 14.1538 30.3981C14.1538 30.0736 13.9419 29.8815 13.5842 29.8815ZM13.7167 31.7095H13.283C13.2331 31.7095 13.2081 31.7095 13.1891 31.7192C13.1723 31.7278 13.1587 31.7414 13.1502 31.7582C13.1405 31.7772 13.1405 31.8022 13.1405 31.852V32.8122C13.1405 32.8621 13.1405 32.887 13.1502 32.9061C13.1587 32.9228 13.1723 32.9365 13.1891 32.945C13.2081 32.9547 13.2331 32.9547 13.283 32.9547H13.7167C14.1538 32.9547 14.4187 32.7229 14.4187 32.3321C14.4187 31.9347 14.1538 31.7095 13.7167 31.7095Z" fill="#2845C1"/>
|
||||
<path d="M16.4271 33.7362C16.3772 33.7362 16.3523 33.7362 16.3333 33.7265C16.3165 33.718 16.3029 33.7044 16.2943 33.6876C16.2846 33.6686 16.2846 33.6436 16.2846 33.5937V29.2425C16.2846 29.1926 16.2846 29.1677 16.2943 29.1486C16.3029 29.1318 16.3165 29.1182 16.3333 29.1097C16.3523 29.1 16.3772 29.1 16.4271 29.1H18.8444C18.8943 29.1 18.9192 29.1 18.9383 29.1097C18.955 29.1182 18.9687 29.1318 18.9772 29.1486C18.9869 29.1677 18.9869 29.1926 18.9869 29.2425V29.739C18.9869 29.7889 18.9869 29.8138 18.9772 29.8329C18.9687 29.8496 18.955 29.8633 18.9383 29.8718C18.9192 29.8815 18.8943 29.8815 18.8444 29.8815H17.3676C17.3177 29.8815 17.2928 29.8815 17.2738 29.8912C17.257 29.8998 17.2434 29.9134 17.2348 29.9301C17.2251 29.9492 17.2251 29.9741 17.2251 30.024V30.8385C17.2251 30.8884 17.2251 30.9133 17.2348 30.9323C17.2434 30.9491 17.257 30.9627 17.2738 30.9713C17.2928 30.981 17.3177 30.981 17.3676 30.981H18.5795C18.6294 30.981 18.6543 30.981 18.6733 30.9907C18.6901 30.9992 18.7037 31.0128 18.7123 31.0296C18.722 31.0487 18.722 31.0736 18.722 31.1235V31.62C18.722 31.6699 18.722 31.6948 18.7123 31.7139C18.7037 31.7306 18.6901 31.7443 18.6733 31.7528C18.6543 31.7625 18.6294 31.7625 18.5795 31.7625H17.3676C17.3177 31.7625 17.2928 31.7625 17.2738 31.7722C17.257 31.7808 17.2434 31.7944 17.2348 31.8111C17.2251 31.8302 17.2251 31.8551 17.2251 31.905V32.8122C17.2251 32.8621 17.2251 32.887 17.2348 32.9061C17.2434 32.9228 17.257 32.9365 17.2738 32.945C17.2928 32.9547 17.3177 32.9547 17.3676 32.9547H18.8444C18.8943 32.9547 18.9192 32.9547 18.9383 32.9644C18.955 32.9729 18.9687 32.9866 18.9772 33.0033C18.9869 33.0224 18.9869 33.0473 18.9869 33.0972V33.5937C18.9869 33.6436 18.9869 33.6686 18.9772 33.6876C18.9687 33.7044 18.955 33.718 18.9383 33.7265C18.9192 33.7362 18.8943 33.7362 18.8444 33.7362H16.4271Z" fill="#2845C1"/>
|
||||
<path d="M19.7762 29.9544C19.7263 29.9544 19.7014 29.9544 19.6823 29.9447C19.6656 29.9361 19.652 29.9225 19.6434 29.9057C19.6337 29.8867 19.6337 29.8618 19.6337 29.8119V29.2425C19.6337 29.1926 19.6337 29.1677 19.6434 29.1486C19.652 29.1318 19.6656 29.1182 19.6823 29.1097C19.7014 29.1 19.7263 29.1 19.7762 29.1H23.2929C23.3428 29.1 23.3678 29.1 23.3868 29.1097C23.4036 29.1182 23.4172 29.1318 23.4257 29.1486C23.4354 29.1677 23.4354 29.1926 23.4354 29.2425V29.8119C23.4354 29.8618 23.4354 29.8867 23.4257 29.9057C23.4172 29.9225 23.4036 29.9361 23.3868 29.9447C23.3678 29.9544 23.3428 29.9544 23.2929 29.9544H22.1473C22.0974 29.9544 22.0725 29.9544 22.0535 29.9641C22.0367 29.9726 22.0231 29.9862 22.0145 30.003C22.0048 30.0221 22.0048 30.047 22.0048 30.0969V33.5937C22.0048 33.6436 22.0048 33.6686 21.9951 33.6876C21.9866 33.7044 21.973 33.718 21.9562 33.7265C21.9371 33.7362 21.9122 33.7362 21.8623 33.7362H21.2068C21.1569 33.7362 21.132 33.7362 21.113 33.7265C21.0962 33.718 21.0826 33.7044 21.074 33.6876C21.0643 33.6686 21.0643 33.6436 21.0643 33.5937V30.0969C21.0643 30.047 21.0643 30.0221 21.0546 30.003C21.0461 29.9862 21.0325 29.9726 21.0157 29.9641C20.9966 29.9544 20.9717 29.9544 20.9218 29.9544H19.7762Z" fill="#2845C1"/>
|
||||
<path d="M23.3724 33.7362C23.3031 33.7362 23.2685 33.7362 23.2463 33.7217C23.2268 33.709 23.2131 33.6891 23.2081 33.6664C23.2024 33.6405 23.2146 33.6081 23.2392 33.5433L24.8864 29.192C24.899 29.1588 24.9053 29.1422 24.9161 29.13C24.9257 29.1192 24.9377 29.1109 24.9512 29.1058C24.9665 29.1 24.9842 29.1 25.0197 29.1H26.0548C26.0903 29.1 26.108 29.1 26.1233 29.1058C26.1368 29.1109 26.1488 29.1192 26.1584 29.13C26.1692 29.1422 26.1755 29.1588 26.188 29.192L27.8353 33.5433C27.8598 33.6081 27.8721 33.6405 27.8664 33.6664C27.8613 33.6891 27.8476 33.709 27.8282 33.7217C27.806 33.7362 27.7713 33.7362 27.702 33.7362H27.0076C26.9718 33.7362 26.9539 33.7362 26.9385 33.7304C26.925 33.7252 26.9129 33.7167 26.9033 33.7058C26.8925 33.6934 26.8863 33.6766 26.8739 33.643L26.4988 32.6241C26.4865 32.5905 26.4803 32.5737 26.4694 32.5613C26.4599 32.5503 26.4478 32.5419 26.4342 32.5367C26.4188 32.5308 26.4009 32.5308 26.3651 32.5308H24.7094C24.6736 32.5308 24.6556 32.5308 24.6403 32.5367C24.6267 32.5419 24.6146 32.5503 24.605 32.5613C24.5942 32.5737 24.588 32.5905 24.5757 32.6241L24.2006 33.643C24.1882 33.6766 24.182 33.6934 24.1712 33.7058C24.1616 33.7167 24.1495 33.7252 24.1359 33.7304C24.1206 33.7362 24.1027 33.7362 24.0668 33.7362H23.3724ZM24.9713 31.538C24.9478 31.6024 24.936 31.6346 24.9419 31.6603C24.9471 31.6828 24.9608 31.7024 24.9802 31.715C25.0023 31.7294 25.0366 31.7294 25.1051 31.7294H25.9694C26.0379 31.7294 26.0721 31.7294 26.0943 31.715C26.1136 31.7024 26.1274 31.6828 26.1325 31.6603C26.1385 31.6346 26.1267 31.6024 26.1032 31.538L25.6711 30.3542C25.6298 30.2411 25.6092 30.1846 25.579 30.1686C25.5529 30.1547 25.5216 30.1547 25.4955 30.1686C25.4653 30.1846 25.4447 30.2411 25.4034 30.3542L24.9713 31.538Z" fill="#2845C1"/>
|
||||
<path d="M61.8577 15.8076C62.6931 15.8076 63.468 15.99 64.1819 16.3545C64.8463 16.6867 65.3785 17.1009 65.7781 17.5971C65.8437 17.6785 65.8294 17.7966 65.7498 17.8645L64.3459 19.0622C64.2574 19.1377 64.1236 19.1217 64.0503 19.0314C63.7909 18.7122 63.4929 18.4426 63.1565 18.2227C62.7616 17.9645 62.3285 17.835 61.8577 17.835C61.5237 17.835 61.2353 17.8962 60.9924 18.0176C60.7646 18.1391 60.5895 18.2986 60.468 18.4961C60.3617 18.6936 60.3088 18.9142 60.3088 19.1572C60.3089 19.5216 60.4375 19.8254 60.6955 20.0684C60.969 20.2962 61.319 20.494 61.7444 20.6611C62.1696 20.8282 62.6174 21.0106 63.0881 21.208C63.5742 21.3903 64.03 21.6182 64.4553 21.8916C64.8806 22.1498 65.2225 22.4989 65.4807 22.9395C65.7541 23.3647 65.8908 23.9037 65.8909 24.5566C65.8909 25.3312 65.7012 25.9923 65.3215 26.5391C64.957 27.0706 64.471 27.4809 63.8635 27.7695C63.2559 28.0582 62.5868 28.2031 61.8577 28.2031C60.8706 28.2031 60.0124 28.0207 59.2834 27.6562C58.6116 27.3063 58.0171 26.8462 57.5 26.2769C57.4264 26.1959 57.4354 26.0708 57.5176 25.9985L58.921 24.7635C59.0067 24.6881 59.1377 24.6998 59.2123 24.7863C59.5425 25.1694 59.9081 25.4884 60.3088 25.7422C60.7645 26.0307 61.2733 26.1748 61.8352 26.1748C62.3669 26.1748 62.7698 26.0381 63.0432 25.7646C63.3316 25.4761 63.4758 25.1268 63.4758 24.7168C63.4758 24.3371 63.339 24.0335 63.0657 23.8057C62.8074 23.5778 62.4656 23.38 62.0403 23.2129C61.6149 23.0458 61.1592 22.8708 60.6731 22.6885C60.2024 22.4911 59.7545 22.2557 59.3293 21.9824C58.9041 21.709 58.5539 21.3598 58.2805 20.9346C58.0223 20.494 57.8938 19.9316 57.8938 19.248C57.8938 18.6101 58.0606 18.033 58.3948 17.5166C58.729 16.9849 59.192 16.5665 59.7844 16.2627C60.3919 15.959 61.0831 15.8077 61.8577 15.8076Z" fill="#2845C1"/>
|
||||
<path d="M71.3215 15.8076C72.1569 15.8077 72.9319 15.99 73.6457 16.3545C74.3101 16.6867 74.8424 17.1009 75.2419 17.5971C75.3075 17.6785 75.2933 17.7966 75.2137 17.8644L73.8098 19.0622C73.7213 19.1377 73.5875 19.1217 73.5141 19.0313C73.2548 18.7122 72.9568 18.4427 72.6204 18.2227C72.2255 17.9645 71.7923 17.835 71.3215 17.835C70.9873 17.835 70.6984 17.8961 70.4553 18.0176C70.2275 18.1391 70.0524 18.2986 69.9309 18.4961C69.8246 18.6935 69.7717 18.9142 69.7717 19.1572C69.7718 19.5217 69.9013 19.8254 70.1594 20.0684C70.4328 20.2962 70.782 20.4941 71.2073 20.6611C71.6326 20.8282 72.0811 21.0105 72.552 21.208C73.0379 21.3903 73.494 21.6182 73.9192 21.8916C74.3443 22.1498 74.6864 22.4991 74.9446 22.9395C75.2178 23.3646 75.3547 23.9038 75.3547 24.5566C75.3547 25.3313 75.1641 25.9922 74.7844 26.5391C74.4199 27.0707 73.934 27.4809 73.3264 27.7695C72.7189 28.0581 72.0506 28.2031 71.3215 28.2031C70.3341 28.2031 69.4755 28.0208 68.7463 27.6562C68.0745 27.3063 67.48 26.8462 66.9629 26.2769C66.8893 26.1959 66.8983 26.0708 66.9805 25.9985L68.3839 24.7635C68.4696 24.6881 68.6006 24.6998 68.6752 24.7863C69.0054 25.1694 69.371 25.4884 69.7717 25.7422C70.2273 26.0307 70.7362 26.1747 71.2981 26.1748C71.8298 26.1748 72.2327 26.0381 72.5061 25.7646C72.7946 25.4761 72.9387 25.1268 72.9387 24.7168C72.9387 24.337 72.802 24.0335 72.5286 23.8057C72.2703 23.5778 71.9285 23.38 71.5032 23.2129C71.0779 23.0458 70.622 22.8707 70.136 22.6885C69.6653 22.4911 69.2174 22.2557 68.7922 21.9824C68.3671 21.7091 68.0178 21.3597 67.7444 20.9346C67.4861 20.494 67.3567 19.9316 67.3567 19.248C67.3567 18.6102 67.5236 18.033 67.8577 17.5166C68.1918 16.985 68.655 16.5665 69.2473 16.2627C69.8549 15.9589 70.5468 15.8076 71.3215 15.8076Z" fill="#2845C1"/>
|
||||
<path d="M86.3313 15.8076C87.1668 15.8076 87.9416 15.9899 88.6555 16.3545C89.32 16.6868 89.8521 17.1008 90.2517 17.5971C90.3173 17.6785 90.303 17.7966 90.2235 17.8644L88.8195 19.0622C88.731 19.1377 88.5973 19.1217 88.5239 19.0314C88.2646 18.7122 87.9666 18.4426 87.6301 18.2227C87.2352 17.9644 86.8022 17.835 86.3313 17.835C85.9971 17.835 85.7081 17.8961 85.4651 18.0176C85.2374 18.1391 85.0631 18.2988 84.9416 18.4961C84.8353 18.6936 84.7815 18.9142 84.7815 19.1572C84.7816 19.5216 84.911 19.8254 85.1692 20.0684C85.4426 20.2962 85.7918 20.4941 86.217 20.6611C86.6424 20.8282 87.0909 21.0105 87.5618 21.208C88.0478 21.3903 88.5036 21.6182 88.9289 21.8916C89.3542 22.1498 89.6961 22.499 89.9543 22.9395C90.2276 23.3647 90.3644 23.9037 90.3645 24.5566C90.3645 25.3311 90.1747 25.9923 89.7952 26.5391C89.4306 27.0707 88.9438 27.4809 88.3362 27.7695C87.7286 28.0581 87.0604 28.2031 86.3313 28.2031C85.3439 28.2031 84.4852 28.0208 83.7561 27.6562C83.0843 27.3063 82.4905 26.8461 81.9736 26.2769C81.9 26.1959 81.909 26.0708 81.9911 25.9985L83.3937 24.7636C83.4793 24.6881 83.6104 24.6998 83.685 24.7863C84.0152 25.1694 84.3808 25.4884 84.7815 25.7422C85.2372 26.0308 85.7468 26.1748 86.3088 26.1748C86.8403 26.1748 87.2425 26.038 87.5159 25.7646C87.8044 25.4761 87.9494 25.1269 87.9495 24.7168C87.9495 24.3372 87.8125 24.0335 87.5393 23.8057C87.2811 23.5779 86.9391 23.38 86.5139 23.2129C86.0886 23.0458 85.6328 22.8707 85.1467 22.6885C84.6758 22.491 84.2273 22.2559 83.802 21.9824C83.3768 21.7091 83.0275 21.3597 82.7541 20.9346C82.4959 20.494 82.3664 19.9316 82.3664 19.248C82.3664 18.61 82.5342 18.0331 82.8684 17.5166C83.2026 16.9849 83.6656 16.5665 84.258 16.2627C84.8656 15.959 85.5567 15.8076 86.3313 15.8076Z" fill="#2845C1"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M106.191 16.0361C107.239 16.0361 108.128 16.2257 108.857 16.6055C109.586 16.9852 110.133 17.5094 110.498 18.1777C110.877 18.8461 111.067 19.5981 111.067 20.4336V27.7756C111.067 27.886 110.977 27.9756 110.867 27.9756H108.76C108.65 27.9756 108.56 27.886 108.56 27.7756V27.0162C108.56 26.9218 108.438 26.8771 108.372 26.9448C108.27 27.0497 108.159 27.1502 108.037 27.2461C107.626 27.5803 107.148 27.8392 106.601 28.0215C106.054 28.2189 105.5 28.3173 104.938 28.3174C103.814 28.3174 102.894 28.0139 102.18 27.4062C101.466 26.7986 101.11 25.9855 101.11 24.9678C101.11 24.102 101.436 23.3654 102.089 22.7578C102.743 22.1502 103.684 21.7473 104.915 21.5498L108.394 20.9589C108.49 20.9426 108.56 20.8593 108.56 20.7618V20.4336C108.56 19.7502 108.333 19.2186 107.877 18.8389C107.422 18.444 106.829 18.2462 106.1 18.2461C105.508 18.2461 104.968 18.3756 104.482 18.6338C104.071 18.8594 103.717 19.1602 103.422 19.5365C103.351 19.626 103.222 19.6465 103.132 19.5773L101.606 18.4098C101.52 18.3442 101.501 18.2219 101.568 18.1365C102.052 17.5117 102.666 17.0165 103.411 16.6514C104.231 16.2412 105.158 16.0361 106.191 16.0361ZM105.553 23.2139C104.87 23.3202 104.376 23.5171 104.072 23.8057C103.768 24.079 103.616 24.4284 103.616 24.8535C103.616 25.2788 103.775 25.6289 104.094 25.9023C104.428 26.1758 104.877 26.3125 105.439 26.3125C106.138 26.3125 106.753 26.153 107.285 25.834C107.721 25.5722 108.09 25.2382 108.393 24.833C108.508 24.6795 108.56 24.4899 108.56 24.2983V22.9508C108.56 22.8272 108.449 22.7332 108.327 22.7535L105.553 23.2139Z" fill="#2845C1"/>
|
||||
<path d="M95.9868 16.2912C95.9868 16.4017 96.0764 16.4912 96.1868 16.4912H99.5017C99.6121 16.4912 99.7017 16.5808 99.7017 16.6912V18.5471C99.7017 18.6575 99.6121 18.7471 99.5017 18.7471H96.1868C96.0764 18.7471 95.9868 18.8366 95.9868 18.9471V23.9199C95.9868 24.421 96.0708 24.8159 96.2378 25.1045C96.4048 25.3929 96.6403 25.6055 96.9439 25.7422C97.2477 25.8637 97.605 25.9248 98.0151 25.9248C98.4101 25.9248 98.7446 25.902 99.0181 25.8564C99.1739 25.8218 99.3174 25.7847 99.4485 25.7451C99.5829 25.7045 99.7241 25.8022 99.7241 25.9426V27.7314C99.7241 27.8104 99.6778 27.8826 99.6042 27.9113C99.3605 28.0061 99.0888 28.0733 98.7896 28.1123C98.4554 28.173 98.0605 28.2031 97.605 28.2031C96.6936 28.2031 95.926 28.0436 95.3032 27.7246C94.6959 27.3904 94.2325 26.9117 93.9136 26.2891C93.6099 25.6512 93.4585 24.8615 93.4585 23.9199V18.9471C93.4585 18.8366 93.369 18.7471 93.2585 18.7471H91.6087C91.4982 18.7471 91.4087 18.6575 91.4087 18.5471V16.6912C91.4087 16.5808 91.4982 16.4912 91.6087 16.4912H93.2585C93.369 16.4912 93.4585 16.4017 93.4585 16.2912V13.8211C93.4585 13.7106 93.548 13.6211 93.6585 13.6211H95.7868C95.8973 13.6211 95.9868 13.7106 95.9868 13.8211V16.2912Z" fill="#2845C1"/>
|
||||
<path d="M130.563 16.2912C130.563 16.4017 130.653 16.4912 130.763 16.4912H134.077C134.187 16.4912 134.277 16.5808 134.277 16.6912V18.5471C134.277 18.6575 134.187 18.7471 134.077 18.7471H130.763C130.653 18.7471 130.563 18.8366 130.563 18.9471V23.9199C130.563 24.421 130.646 24.8159 130.813 25.1045C130.98 25.3931 131.216 25.6055 131.52 25.7422C131.824 25.8637 132.18 25.9248 132.59 25.9248C132.985 25.9248 133.32 25.902 133.593 25.8564C133.749 25.8218 133.893 25.7847 134.024 25.7451C134.158 25.7045 134.299 25.8022 134.299 25.9425V27.7313C134.299 27.8104 134.253 27.8826 134.179 27.9113C133.936 28.0061 133.665 28.0733 133.366 28.1123C133.032 28.1731 132.636 28.2031 132.18 28.2031C131.269 28.2031 130.502 28.0436 129.879 27.7246C129.272 27.3904 128.809 26.9119 128.49 26.2891C128.186 25.6511 128.034 24.8616 128.034 23.9199V18.9471C128.034 18.8366 127.944 18.7471 127.834 18.7471H126.092C125.982 18.7471 125.892 18.6575 125.892 18.5471V16.6912C125.892 16.5808 125.982 16.4912 126.092 16.4912H127.834C127.944 16.4912 128.034 16.4017 128.034 16.2912V13.8211C128.034 13.7106 128.123 13.6211 128.234 13.6211H130.363C130.473 13.6211 130.563 13.7106 130.563 13.8211V16.2912Z" fill="#2845C1"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M56.8209 27.7034C56.8716 27.8344 56.7749 27.9756 56.6344 27.9756H54.0801C53.9969 27.9756 53.9224 27.9241 53.893 27.8464L52.3355 23.7298C52.3061 23.652 52.2316 23.6006 52.1485 23.6006H45.6707C45.5876 23.6006 45.5132 23.6519 45.4837 23.7296L43.9196 27.8466C43.8901 27.9243 43.8157 27.9756 43.7326 27.9756H41.2002C41.0598 27.9756 40.9631 27.8346 41.0136 27.7036L47.0107 12.1534C47.0404 12.0763 47.1146 12.0254 47.1973 12.0254H50.6144C50.697 12.0254 50.7711 12.0762 50.8009 12.1532L56.8209 27.7034ZM46.5361 20.9604C46.4864 21.0913 46.5831 21.2314 46.7231 21.2314H51.1006C51.2405 21.2314 51.3372 21.0915 51.2876 20.9606L49.1032 15.1895C49.038 15.0173 48.7946 15.0172 48.7292 15.1892L46.5361 20.9604Z" fill="#2845C1"/>
|
||||
<path d="M80.1372 27.7756C80.1372 27.886 80.0477 27.9756 79.9372 27.9756H77.8314C77.7209 27.9756 77.6314 27.886 77.6314 27.7756V16.6912C77.6314 16.5808 77.7209 16.4912 77.8314 16.4912H79.9372C80.0477 16.4912 80.1372 16.5808 80.1372 16.6912V27.7756Z" fill="#2845C1"/>
|
||||
<path d="M120.009 16.0361C120.86 16.0361 121.619 16.2258 122.288 16.6055C122.971 16.9852 123.511 17.5477 123.906 18.292C124.301 19.0363 124.499 19.9708 124.499 21.0947V27.7756C124.499 27.886 124.409 27.9756 124.299 27.9756H122.169C122.059 27.9756 121.969 27.886 121.969 27.7756V21.1855C121.969 20.3046 121.741 19.6209 121.286 19.1348C120.83 18.6335 120.206 18.3828 119.417 18.3828C118.915 18.3829 118.475 18.4813 118.095 18.6787C117.715 18.861 117.389 19.0971 117.116 19.3857C116.919 19.6051 116.745 19.8331 116.592 20.0699C116.498 20.2162 116.455 20.3884 116.455 20.5624V27.7756C116.455 27.886 116.365 27.9756 116.255 27.9756H114.149C114.038 27.9756 113.949 27.886 113.949 27.7756V16.6912C113.949 16.5808 114.038 16.4912 114.149 16.4912H116.255C116.365 16.4912 116.455 16.5808 116.455 16.6912V17.2892C116.455 17.3794 116.566 17.4247 116.631 17.3628C117.008 17.0071 117.443 16.7088 117.936 16.4688C118.528 16.1802 119.219 16.0361 120.009 16.0361Z" fill="#2845C1"/>
|
||||
<path d="M78.9067 10.75C79.2105 10.75 79.484 10.8257 79.7271 10.9775C79.9853 11.1294 80.1831 11.3345 80.3198 11.5928C80.4717 11.8358 80.5474 12.1093 80.5474 12.4131C80.5474 12.7168 80.4716 12.9977 80.3198 13.2559C80.1831 13.5141 79.9853 13.7192 79.7271 13.8711C79.484 14.0078 79.2106 14.0762 78.9067 14.0762C78.603 14.0762 78.3222 14.0078 78.064 13.8711C77.8057 13.7192 77.6006 13.5141 77.4487 13.2559C77.2969 12.9977 77.2212 12.7168 77.2212 12.4131C77.2212 11.9574 77.3807 11.57 77.6997 11.251C78.0338 10.917 78.436 10.75 78.9067 10.75Z" fill="#2845C1"/>
|
||||
<path d="M12.3425 33.7362C12.2926 33.7362 12.2676 33.7362 12.2486 33.7265C12.2318 33.718 12.2182 33.7044 12.2097 33.6876C12.2 33.6686 12.2 33.6436 12.2 33.5937V29.2425C12.2 29.1926 12.2 29.1677 12.2097 29.1486C12.2182 29.1318 12.2318 29.1182 12.2486 29.1097C12.2676 29.1 12.2926 29.1 12.3425 29.1H13.5643C14.5313 29.1 15.1208 29.5768 15.1208 30.3584C15.1208 30.648 15.0195 30.9064 14.8257 31.1068C14.7572 31.1777 14.7229 31.2131 14.7171 31.2364C14.7109 31.2615 14.7123 31.274 14.7237 31.2972C14.7343 31.3187 14.7739 31.3451 14.8532 31.3978C15.1981 31.6275 15.3857 31.9699 15.3857 32.3719C15.3857 33.2196 14.73 33.7362 13.6637 33.7362H12.3425ZM13.5842 29.8815H13.283C13.2331 29.8815 13.2081 29.8815 13.1891 29.8912C13.1723 29.8998 13.1587 29.9134 13.1502 29.9301C13.1405 29.9492 13.1405 29.9741 13.1405 30.024V30.7855C13.1405 30.8354 13.1405 30.8603 13.1502 30.8794C13.1587 30.8961 13.1723 30.9097 13.1891 30.9183C13.2081 30.928 13.2331 30.928 13.283 30.928H13.5842C13.9419 30.928 14.1538 30.7359 14.1538 30.3981C14.1538 30.0736 13.9419 29.8815 13.5842 29.8815ZM13.7167 31.7095H13.283C13.2331 31.7095 13.2081 31.7095 13.1891 31.7192C13.1723 31.7278 13.1587 31.7414 13.1502 31.7582C13.1405 31.7772 13.1405 31.8022 13.1405 31.852V32.8122C13.1405 32.8621 13.1405 32.887 13.1502 32.9061C13.1587 32.9228 13.1723 32.9365 13.1891 32.945C13.2081 32.9547 13.2331 32.9547 13.283 32.9547H13.7167C14.1538 32.9547 14.4187 32.7229 14.4187 32.3321C14.4187 31.9347 14.1538 31.7095 13.7167 31.7095Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M16.4271 33.7362C16.3772 33.7362 16.3523 33.7362 16.3333 33.7265C16.3165 33.718 16.3029 33.7044 16.2943 33.6876C16.2846 33.6686 16.2846 33.6436 16.2846 33.5937V29.2425C16.2846 29.1926 16.2846 29.1677 16.2943 29.1486C16.3029 29.1318 16.3165 29.1182 16.3333 29.1097C16.3523 29.1 16.3772 29.1 16.4271 29.1H18.8444C18.8943 29.1 18.9192 29.1 18.9383 29.1097C18.955 29.1182 18.9687 29.1318 18.9772 29.1486C18.9869 29.1677 18.9869 29.1926 18.9869 29.2425V29.739C18.9869 29.7889 18.9869 29.8138 18.9772 29.8329C18.9687 29.8496 18.955 29.8633 18.9383 29.8718C18.9192 29.8815 18.8943 29.8815 18.8444 29.8815H17.3676C17.3177 29.8815 17.2928 29.8815 17.2738 29.8912C17.257 29.8998 17.2434 29.9134 17.2348 29.9301C17.2251 29.9492 17.2251 29.9741 17.2251 30.024V30.8385C17.2251 30.8884 17.2251 30.9133 17.2348 30.9323C17.2434 30.9491 17.257 30.9627 17.2738 30.9713C17.2928 30.981 17.3177 30.981 17.3676 30.981H18.5795C18.6294 30.981 18.6543 30.981 18.6733 30.9907C18.6901 30.9992 18.7037 31.0128 18.7123 31.0296C18.722 31.0487 18.722 31.0736 18.722 31.1235V31.62C18.722 31.6699 18.722 31.6948 18.7123 31.7139C18.7037 31.7306 18.6901 31.7443 18.6733 31.7528C18.6543 31.7625 18.6294 31.7625 18.5795 31.7625H17.3676C17.3177 31.7625 17.2928 31.7625 17.2738 31.7722C17.257 31.7808 17.2434 31.7944 17.2348 31.8111C17.2251 31.8302 17.2251 31.8551 17.2251 31.905V32.8122C17.2251 32.8621 17.2251 32.887 17.2348 32.9061C17.2434 32.9228 17.257 32.9365 17.2738 32.945C17.2928 32.9547 17.3177 32.9547 17.3676 32.9547H18.8444C18.8943 32.9547 18.9192 32.9547 18.9383 32.9644C18.955 32.9729 18.9687 32.9866 18.9772 33.0033C18.9869 33.0224 18.9869 33.0473 18.9869 33.0972V33.5937C18.9869 33.6436 18.9869 33.6686 18.9772 33.6876C18.9687 33.7044 18.955 33.718 18.9383 33.7265C18.9192 33.7362 18.8943 33.7362 18.8444 33.7362H16.4271Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M19.7762 29.9544C19.7263 29.9544 19.7014 29.9544 19.6823 29.9447C19.6656 29.9361 19.652 29.9225 19.6434 29.9057C19.6337 29.8867 19.6337 29.8618 19.6337 29.8119V29.2425C19.6337 29.1926 19.6337 29.1677 19.6434 29.1486C19.652 29.1318 19.6656 29.1182 19.6823 29.1097C19.7014 29.1 19.7263 29.1 19.7762 29.1H23.2929C23.3428 29.1 23.3678 29.1 23.3868 29.1097C23.4036 29.1182 23.4172 29.1318 23.4257 29.1486C23.4354 29.1677 23.4354 29.1926 23.4354 29.2425V29.8119C23.4354 29.8618 23.4354 29.8867 23.4257 29.9057C23.4172 29.9225 23.4036 29.9361 23.3868 29.9447C23.3678 29.9544 23.3428 29.9544 23.2929 29.9544H22.1473C22.0974 29.9544 22.0725 29.9544 22.0535 29.9641C22.0367 29.9726 22.0231 29.9862 22.0145 30.003C22.0048 30.0221 22.0048 30.047 22.0048 30.0969V33.5937C22.0048 33.6436 22.0048 33.6686 21.9951 33.6876C21.9866 33.7044 21.973 33.718 21.9562 33.7265C21.9371 33.7362 21.9122 33.7362 21.8623 33.7362H21.2068C21.1569 33.7362 21.132 33.7362 21.113 33.7265C21.0962 33.718 21.0826 33.7044 21.074 33.6876C21.0643 33.6686 21.0643 33.6436 21.0643 33.5937V30.0969C21.0643 30.047 21.0643 30.0221 21.0546 30.003C21.0461 29.9862 21.0325 29.9726 21.0157 29.9641C20.9966 29.9544 20.9717 29.9544 20.9218 29.9544H19.7762Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M23.3724 33.7362C23.3031 33.7362 23.2685 33.7362 23.2463 33.7217C23.2268 33.709 23.2131 33.6891 23.2081 33.6664C23.2024 33.6405 23.2146 33.6081 23.2392 33.5433L24.8864 29.192C24.899 29.1588 24.9053 29.1422 24.9161 29.13C24.9257 29.1192 24.9377 29.1109 24.9512 29.1058C24.9665 29.1 24.9842 29.1 25.0197 29.1H26.0548C26.0903 29.1 26.108 29.1 26.1233 29.1058C26.1368 29.1109 26.1488 29.1192 26.1584 29.13C26.1692 29.1422 26.1755 29.1588 26.188 29.192L27.8353 33.5433C27.8598 33.6081 27.8721 33.6405 27.8664 33.6664C27.8613 33.6891 27.8476 33.709 27.8282 33.7217C27.806 33.7362 27.7713 33.7362 27.702 33.7362H27.0076C26.9718 33.7362 26.9539 33.7362 26.9385 33.7304C26.925 33.7252 26.9129 33.7167 26.9033 33.7058C26.8925 33.6934 26.8863 33.6766 26.8739 33.643L26.4988 32.6241C26.4865 32.5905 26.4803 32.5737 26.4694 32.5613C26.4599 32.5503 26.4478 32.5419 26.4342 32.5367C26.4188 32.5308 26.4009 32.5308 26.3651 32.5308H24.7094C24.6736 32.5308 24.6556 32.5308 24.6403 32.5367C24.6267 32.5419 24.6146 32.5503 24.605 32.5613C24.5942 32.5737 24.588 32.5905 24.5757 32.6241L24.2006 33.643C24.1882 33.6766 24.182 33.6934 24.1712 33.7058C24.1616 33.7167 24.1495 33.7252 24.1359 33.7304C24.1206 33.7362 24.1027 33.7362 24.0668 33.7362H23.3724ZM24.9713 31.538C24.9478 31.6024 24.936 31.6346 24.9419 31.6603C24.9471 31.6828 24.9608 31.7024 24.9802 31.715C25.0023 31.7294 25.0366 31.7294 25.1051 31.7294H25.9694C26.0379 31.7294 26.0721 31.7294 26.0943 31.715C26.1136 31.7024 26.1274 31.6828 26.1325 31.6603C26.1385 31.6346 26.1267 31.6024 26.1032 31.538L25.6711 30.3542C25.6298 30.2411 25.6092 30.1846 25.579 30.1686C25.5529 30.1547 25.5216 30.1547 25.4955 30.1686C25.4653 30.1846 25.4447 30.2411 25.4034 30.3542L24.9713 31.538Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M61.8577 15.8076C62.6931 15.8076 63.468 15.99 64.1819 16.3545C64.8463 16.6867 65.3785 17.1009 65.7781 17.5971C65.8437 17.6785 65.8294 17.7966 65.7498 17.8645L64.3459 19.0622C64.2574 19.1377 64.1236 19.1217 64.0503 19.0314C63.7909 18.7122 63.4929 18.4426 63.1565 18.2227C62.7616 17.9645 62.3285 17.835 61.8577 17.835C61.5237 17.835 61.2353 17.8962 60.9924 18.0176C60.7646 18.1391 60.5895 18.2986 60.468 18.4961C60.3617 18.6936 60.3088 18.9142 60.3088 19.1572C60.3089 19.5216 60.4375 19.8254 60.6955 20.0684C60.969 20.2962 61.319 20.494 61.7444 20.6611C62.1696 20.8282 62.6174 21.0106 63.0881 21.208C63.5742 21.3903 64.03 21.6182 64.4553 21.8916C64.8806 22.1498 65.2225 22.4989 65.4807 22.9395C65.7541 23.3647 65.8908 23.9037 65.8909 24.5566C65.8909 25.3312 65.7012 25.9923 65.3215 26.5391C64.957 27.0706 64.471 27.4809 63.8635 27.7695C63.2559 28.0582 62.5868 28.2031 61.8577 28.2031C60.8706 28.2031 60.0124 28.0207 59.2834 27.6562C58.6116 27.3063 58.0171 26.8462 57.5 26.2769C57.4264 26.1959 57.4354 26.0708 57.5176 25.9985L58.921 24.7635C59.0067 24.6881 59.1377 24.6998 59.2123 24.7863C59.5425 25.1694 59.9081 25.4884 60.3088 25.7422C60.7645 26.0307 61.2733 26.1748 61.8352 26.1748C62.3669 26.1748 62.7698 26.0381 63.0432 25.7646C63.3316 25.4761 63.4758 25.1268 63.4758 24.7168C63.4758 24.3371 63.339 24.0335 63.0657 23.8057C62.8074 23.5778 62.4656 23.38 62.0403 23.2129C61.6149 23.0458 61.1592 22.8708 60.6731 22.6885C60.2024 22.4911 59.7545 22.2557 59.3293 21.9824C58.9041 21.709 58.5539 21.3598 58.2805 20.9346C58.0223 20.494 57.8938 19.9316 57.8938 19.248C57.8938 18.6101 58.0606 18.033 58.3948 17.5166C58.729 16.9849 59.192 16.5665 59.7844 16.2627C60.3919 15.959 61.0831 15.8077 61.8577 15.8076Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M71.3215 15.8076C72.1569 15.8077 72.9319 15.99 73.6457 16.3545C74.3101 16.6867 74.8424 17.1009 75.2419 17.5971C75.3075 17.6785 75.2933 17.7966 75.2137 17.8644L73.8098 19.0622C73.7213 19.1377 73.5875 19.1217 73.5141 19.0313C73.2548 18.7122 72.9568 18.4427 72.6204 18.2227C72.2255 17.9645 71.7923 17.835 71.3215 17.835C70.9873 17.835 70.6984 17.8961 70.4553 18.0176C70.2275 18.1391 70.0524 18.2986 69.9309 18.4961C69.8246 18.6935 69.7717 18.9142 69.7717 19.1572C69.7718 19.5217 69.9013 19.8254 70.1594 20.0684C70.4328 20.2962 70.782 20.4941 71.2073 20.6611C71.6326 20.8282 72.0811 21.0105 72.552 21.208C73.0379 21.3903 73.494 21.6182 73.9192 21.8916C74.3443 22.1498 74.6864 22.4991 74.9446 22.9395C75.2178 23.3646 75.3547 23.9038 75.3547 24.5566C75.3547 25.3313 75.1641 25.9922 74.7844 26.5391C74.4199 27.0707 73.934 27.4809 73.3264 27.7695C72.7189 28.0581 72.0506 28.2031 71.3215 28.2031C70.3341 28.2031 69.4755 28.0208 68.7463 27.6562C68.0745 27.3063 67.48 26.8462 66.9629 26.2769C66.8893 26.1959 66.8983 26.0708 66.9805 25.9985L68.3839 24.7635C68.4696 24.6881 68.6006 24.6998 68.6752 24.7863C69.0054 25.1694 69.371 25.4884 69.7717 25.7422C70.2273 26.0307 70.7362 26.1747 71.2981 26.1748C71.8298 26.1748 72.2327 26.0381 72.5061 25.7646C72.7946 25.4761 72.9387 25.1268 72.9387 24.7168C72.9387 24.337 72.802 24.0335 72.5286 23.8057C72.2703 23.5778 71.9285 23.38 71.5032 23.2129C71.0779 23.0458 70.622 22.8707 70.136 22.6885C69.6653 22.4911 69.2174 22.2557 68.7922 21.9824C68.3671 21.7091 68.0178 21.3597 67.7444 20.9346C67.4861 20.494 67.3567 19.9316 67.3567 19.248C67.3567 18.6102 67.5236 18.033 67.8577 17.5166C68.1918 16.985 68.655 16.5665 69.2473 16.2627C69.8549 15.9589 70.5468 15.8076 71.3215 15.8076Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M86.3313 15.8076C87.1668 15.8076 87.9416 15.9899 88.6555 16.3545C89.32 16.6868 89.8521 17.1008 90.2517 17.5971C90.3173 17.6785 90.303 17.7966 90.2235 17.8644L88.8195 19.0622C88.731 19.1377 88.5973 19.1217 88.5239 19.0314C88.2646 18.7122 87.9666 18.4426 87.6301 18.2227C87.2352 17.9644 86.8022 17.835 86.3313 17.835C85.9971 17.835 85.7081 17.8961 85.4651 18.0176C85.2374 18.1391 85.0631 18.2988 84.9416 18.4961C84.8353 18.6936 84.7815 18.9142 84.7815 19.1572C84.7816 19.5216 84.911 19.8254 85.1692 20.0684C85.4426 20.2962 85.7918 20.4941 86.217 20.6611C86.6424 20.8282 87.0909 21.0105 87.5618 21.208C88.0478 21.3903 88.5036 21.6182 88.9289 21.8916C89.3542 22.1498 89.6961 22.499 89.9543 22.9395C90.2276 23.3647 90.3644 23.9037 90.3645 24.5566C90.3645 25.3311 90.1747 25.9923 89.7952 26.5391C89.4306 27.0707 88.9438 27.4809 88.3362 27.7695C87.7286 28.0581 87.0604 28.2031 86.3313 28.2031C85.3439 28.2031 84.4852 28.0208 83.7561 27.6562C83.0843 27.3063 82.4905 26.8461 81.9736 26.2769C81.9 26.1959 81.909 26.0708 81.9911 25.9985L83.3937 24.7636C83.4793 24.6881 83.6104 24.6998 83.685 24.7863C84.0152 25.1694 84.3808 25.4884 84.7815 25.7422C85.2372 26.0308 85.7468 26.1748 86.3088 26.1748C86.8403 26.1748 87.2425 26.038 87.5159 25.7646C87.8044 25.4761 87.9494 25.1269 87.9495 24.7168C87.9495 24.3372 87.8125 24.0335 87.5393 23.8057C87.2811 23.5779 86.9391 23.38 86.5139 23.2129C86.0886 23.0458 85.6328 22.8707 85.1467 22.6885C84.6758 22.491 84.2273 22.2559 83.802 21.9824C83.3768 21.7091 83.0275 21.3597 82.7541 20.9346C82.4959 20.494 82.3664 19.9316 82.3664 19.248C82.3664 18.61 82.5342 18.0331 82.8684 17.5166C83.2026 16.9849 83.6656 16.5665 84.258 16.2627C84.8656 15.959 85.5567 15.8076 86.3313 15.8076Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M106.191 16.0361C107.239 16.0361 108.128 16.2257 108.857 16.6055C109.586 16.9852 110.133 17.5094 110.498 18.1777C110.877 18.8461 111.067 19.5981 111.067 20.4336V27.7756C111.067 27.886 110.977 27.9756 110.867 27.9756H108.76C108.65 27.9756 108.56 27.886 108.56 27.7756V27.0162C108.56 26.9218 108.438 26.8771 108.372 26.9448C108.27 27.0497 108.159 27.1502 108.037 27.2461C107.626 27.5803 107.148 27.8392 106.601 28.0215C106.054 28.2189 105.5 28.3173 104.938 28.3174C103.814 28.3174 102.894 28.0139 102.18 27.4062C101.466 26.7986 101.11 25.9855 101.11 24.9678C101.11 24.102 101.436 23.3654 102.089 22.7578C102.743 22.1502 103.684 21.7473 104.915 21.5498L108.394 20.9589C108.49 20.9426 108.56 20.8593 108.56 20.7618V20.4336C108.56 19.7502 108.333 19.2186 107.877 18.8389C107.422 18.444 106.829 18.2462 106.1 18.2461C105.508 18.2461 104.968 18.3756 104.482 18.6338C104.071 18.8594 103.717 19.1602 103.422 19.5365C103.351 19.626 103.222 19.6465 103.132 19.5773L101.606 18.4098C101.52 18.3442 101.501 18.2219 101.568 18.1365C102.052 17.5117 102.666 17.0165 103.411 16.6514C104.231 16.2412 105.158 16.0361 106.191 16.0361ZM105.553 23.2139C104.87 23.3202 104.376 23.5171 104.072 23.8057C103.768 24.079 103.616 24.4284 103.616 24.8535C103.616 25.2788 103.775 25.6289 104.094 25.9023C104.428 26.1758 104.877 26.3125 105.439 26.3125C106.138 26.3125 106.753 26.153 107.285 25.834C107.721 25.5722 108.09 25.2382 108.393 24.833C108.508 24.6795 108.56 24.4899 108.56 24.2983V22.9508C108.56 22.8272 108.449 22.7332 108.327 22.7535L105.553 23.2139Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M95.9868 16.2912C95.9868 16.4017 96.0764 16.4912 96.1868 16.4912H99.5017C99.6121 16.4912 99.7017 16.5808 99.7017 16.6912V18.5471C99.7017 18.6575 99.6121 18.7471 99.5017 18.7471H96.1868C96.0764 18.7471 95.9868 18.8366 95.9868 18.9471V23.9199C95.9868 24.421 96.0708 24.8159 96.2378 25.1045C96.4048 25.3929 96.6403 25.6055 96.9439 25.7422C97.2477 25.8637 97.605 25.9248 98.0151 25.9248C98.4101 25.9248 98.7446 25.902 99.0181 25.8564C99.1739 25.8218 99.3174 25.7847 99.4485 25.7451C99.5829 25.7045 99.7241 25.8022 99.7241 25.9426V27.7314C99.7241 27.8104 99.6778 27.8826 99.6042 27.9113C99.3605 28.0061 99.0888 28.0733 98.7896 28.1123C98.4554 28.173 98.0605 28.2031 97.605 28.2031C96.6936 28.2031 95.926 28.0436 95.3032 27.7246C94.6959 27.3904 94.2325 26.9117 93.9136 26.2891C93.6099 25.6512 93.4585 24.8615 93.4585 23.9199V18.9471C93.4585 18.8366 93.369 18.7471 93.2585 18.7471H91.6087C91.4982 18.7471 91.4087 18.6575 91.4087 18.5471V16.6912C91.4087 16.5808 91.4982 16.4912 91.6087 16.4912H93.2585C93.369 16.4912 93.4585 16.4017 93.4585 16.2912V13.8211C93.4585 13.7106 93.548 13.6211 93.6585 13.6211H95.7868C95.8973 13.6211 95.9868 13.7106 95.9868 13.8211V16.2912Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M130.563 16.2912C130.563 16.4017 130.653 16.4912 130.763 16.4912H134.077C134.187 16.4912 134.277 16.5808 134.277 16.6912V18.5471C134.277 18.6575 134.187 18.7471 134.077 18.7471H130.763C130.653 18.7471 130.563 18.8366 130.563 18.9471V23.9199C130.563 24.421 130.646 24.8159 130.813 25.1045C130.98 25.3931 131.216 25.6055 131.52 25.7422C131.824 25.8637 132.18 25.9248 132.59 25.9248C132.985 25.9248 133.32 25.902 133.593 25.8564C133.749 25.8218 133.893 25.7847 134.024 25.7451C134.158 25.7045 134.299 25.8022 134.299 25.9425V27.7313C134.299 27.8104 134.253 27.8826 134.179 27.9113C133.936 28.0061 133.665 28.0733 133.366 28.1123C133.032 28.1731 132.636 28.2031 132.18 28.2031C131.269 28.2031 130.502 28.0436 129.879 27.7246C129.272 27.3904 128.809 26.9119 128.49 26.2891C128.186 25.6511 128.034 24.8616 128.034 23.9199V18.9471C128.034 18.8366 127.944 18.7471 127.834 18.7471H126.092C125.982 18.7471 125.892 18.6575 125.892 18.5471V16.6912C125.892 16.5808 125.982 16.4912 126.092 16.4912H127.834C127.944 16.4912 128.034 16.4017 128.034 16.2912V13.8211C128.034 13.7106 128.123 13.6211 128.234 13.6211H130.363C130.473 13.6211 130.563 13.7106 130.563 13.8211V16.2912Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M56.8209 27.7034C56.8716 27.8344 56.7749 27.9756 56.6344 27.9756H54.0801C53.9969 27.9756 53.9224 27.9241 53.893 27.8464L52.3355 23.7298C52.3061 23.652 52.2316 23.6006 52.1485 23.6006H45.6707C45.5876 23.6006 45.5132 23.6519 45.4837 23.7296L43.9196 27.8466C43.8901 27.9243 43.8157 27.9756 43.7326 27.9756H41.2002C41.0598 27.9756 40.9631 27.8346 41.0136 27.7036L47.0107 12.1534C47.0404 12.0763 47.1146 12.0254 47.1973 12.0254H50.6144C50.697 12.0254 50.7711 12.0762 50.8009 12.1532L56.8209 27.7034ZM46.5361 20.9604C46.4864 21.0913 46.5831 21.2314 46.7231 21.2314H51.1006C51.2405 21.2314 51.3372 21.0915 51.2876 20.9606L49.1032 15.1895C49.038 15.0173 48.7946 15.0172 48.7292 15.1892L46.5361 20.9604Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M80.1372 27.7756C80.1372 27.886 80.0477 27.9756 79.9372 27.9756H77.8314C77.7209 27.9756 77.6314 27.886 77.6314 27.7756V16.6912C77.6314 16.5808 77.7209 16.4912 77.8314 16.4912H79.9372C80.0477 16.4912 80.1372 16.5808 80.1372 16.6912V27.7756Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M120.009 16.0361C120.86 16.0361 121.619 16.2258 122.288 16.6055C122.971 16.9852 123.511 17.5477 123.906 18.292C124.301 19.0363 124.499 19.9708 124.499 21.0947V27.7756C124.499 27.886 124.409 27.9756 124.299 27.9756H122.169C122.059 27.9756 121.969 27.886 121.969 27.7756V21.1855C121.969 20.3046 121.741 19.6209 121.286 19.1348C120.83 18.6335 120.206 18.3828 119.417 18.3828C118.915 18.3829 118.475 18.4813 118.095 18.6787C117.715 18.861 117.389 19.0971 117.116 19.3857C116.919 19.6051 116.745 19.8331 116.592 20.0699C116.498 20.2162 116.455 20.3884 116.455 20.5624V27.7756C116.455 27.886 116.365 27.9756 116.255 27.9756H114.149C114.038 27.9756 113.949 27.886 113.949 27.7756V16.6912C113.949 16.5808 114.038 16.4912 114.149 16.4912H116.255C116.365 16.4912 116.455 16.5808 116.455 16.6912V17.2892C116.455 17.3794 116.566 17.4247 116.631 17.3628C117.008 17.0071 117.443 16.7088 117.936 16.4688C118.528 16.1802 119.219 16.0361 120.009 16.0361Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M78.9067 10.75C79.2105 10.75 79.484 10.8257 79.7271 10.9775C79.9853 11.1294 80.1831 11.3345 80.3198 11.5928C80.4717 11.8358 80.5474 12.1093 80.5474 12.4131C80.5474 12.7168 80.4716 12.9977 80.3198 13.2559C80.1831 13.5141 79.9853 13.7192 79.7271 13.8711C79.484 14.0078 79.2106 14.0762 78.9067 14.0762C78.603 14.0762 78.3222 14.0078 78.064 13.8711C77.8057 13.7192 77.6006 13.5141 77.4487 13.2559C77.2969 12.9977 77.2212 12.7168 77.2212 12.4131C77.2212 11.9574 77.3807 11.57 77.6997 11.251C78.0338 10.917 78.436 10.75 78.9067 10.75Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_6479_3681" x1="20" y1="27" x2="20" y2="36" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2845C1"/>
|
||||
<stop offset="1" stop-color="#EEF1F4"/>
|
||||
<stop stop-color="var(--c--globals--colors--logo-1)"/>
|
||||
<stop offset="1" stop-color="var(--c--contextuals--background--semantic--neutral--tertiary)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
@@ -1,20 +1,20 @@
|
||||
<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M44.7737 12.1078C44.7737 10.7446 44.7737 10.063 44.6322 9.44065C44.3707 8.29032 43.7579 7.24979 42.8788 6.46318C42.4032 6.03759 41.8071 5.707 40.615 5.04582L37.5686 3.35621C36.4423 2.73158 35.8792 2.41926 35.2982 2.24352C34.2246 1.91883 33.079 1.91883 32.0054 2.24352C31.4244 2.41926 30.8613 2.73158 29.7351 3.35621L28.4787 4.05301C26.9538 4.89875 26.1914 5.32161 25.8421 5.81385C25.1888 6.73448 25.1894 7.96764 25.8436 8.88764C26.1933 9.37954 26.9562 9.80168 28.4819 10.646L29.4989 11.2088C30.6929 11.8695 31.2899 12.1998 31.7663 12.6255C32.6468 13.4121 33.2607 14.4534 33.5226 15.6047C33.6644 16.2276 33.6644 16.9099 33.6644 18.2745V19.4391C33.6644 21.0927 33.6644 21.9195 33.9128 22.4525C34.3771 23.4487 35.4075 24.0556 36.5038 23.9787C37.0905 23.9376 37.8137 23.5368 39.2599 22.7351L40.6133 21.9849C41.8059 21.3238 42.4022 20.9933 42.878 20.5677C43.7575 19.7811 44.3705 18.7404 44.6321 17.5898C44.7737 16.9673 44.7737 16.2855 44.7737 14.922V12.1078Z" fill="#2845C1"/>
|
||||
<path d="M10.8637 32.3143C9.68318 32.9959 9.0929 33.3367 8.62465 33.7704C7.75919 34.572 7.16444 35.623 6.92278 36.7776C6.79203 37.4023 6.80376 38.0838 6.82723 39.4468L6.88719 42.9299C6.90935 44.2175 6.92044 44.8614 7.05877 45.4524C7.31435 46.5445 7.88715 47.5366 8.70513 48.304C9.14785 48.7194 9.69988 49.0509 10.8039 49.7139L12.0356 50.4535C13.5304 51.3512 14.2779 51.8001 14.8788 51.8565C16.0027 51.962 17.0704 51.3449 17.54 50.3183C17.7912 49.7695 17.7753 48.8978 17.7436 47.1543L17.7225 45.9921C17.6977 44.6277 17.6853 43.9456 17.8157 43.3202C18.0567 42.1643 18.6515 41.1121 19.5176 40.3095C19.9862 39.8753 20.5771 39.5342 21.7589 38.8519L22.7674 38.2696C24.1995 37.4428 24.9155 37.0294 25.2529 36.5477C25.8835 35.6475 25.8939 34.4518 25.2792 33.5407C24.9502 33.0532 24.2415 32.6273 22.8241 31.7757L21.4978 30.9787C20.329 30.2765 19.7446 29.9253 19.1381 29.726C18.0171 29.3577 16.8093 29.3471 15.6821 29.6959C15.0722 29.8845 14.4818 30.2254 13.3009 30.9072L10.8637 32.3143Z" fill="#2845C1"/>
|
||||
<path d="M22.53 51.8922C22.53 53.2554 22.53 53.937 22.6714 54.5594C22.9329 55.7097 23.5457 56.7502 24.4248 57.5368C24.9005 57.9624 25.4965 58.293 26.6887 58.9542L29.7351 60.6438C30.8613 61.2684 31.4244 61.5807 32.0054 61.7565C33.079 62.0812 34.2246 62.0812 35.2982 61.7565C35.8792 61.5807 36.4423 61.2684 37.5686 60.6438L38.8249 59.947C40.3498 59.1012 41.1122 58.6784 41.4615 58.1862C42.1148 57.2655 42.1142 56.0324 41.4601 55.1124C41.1103 54.6205 40.3474 54.1983 38.8218 53.354L37.8047 52.7912C36.6107 52.1305 36.0137 51.8002 35.5373 51.3745C34.6568 50.5879 34.043 49.5466 33.781 48.3953C33.6393 47.7724 33.6393 47.0901 33.6393 45.7255V44.5609C33.6393 42.9073 33.6393 42.0805 33.3908 41.5475C32.9265 40.5513 31.8962 39.9444 30.7998 40.0213C30.2131 40.0624 29.49 40.4632 28.0437 41.2649L26.6903 42.0151C25.4977 42.6761 24.9015 43.0067 24.4256 43.4323C23.5461 44.2189 22.9331 45.2596 22.6715 46.4102C22.53 47.0327 22.53 47.7145 22.53 49.078V51.8922Z" fill="#2845C1"/>
|
||||
<path d="M45.318 51.5779C46.4986 52.2595 47.0889 52.6003 47.6986 52.789C48.8256 53.1376 50.0331 53.1273 51.1539 52.7592C51.7603 52.5601 52.3446 52.2092 53.5132 51.5074L56.4997 49.7139C57.6037 49.0509 58.1558 48.7194 58.5985 48.304C59.4165 47.5366 59.9893 46.5445 60.2449 45.4524C60.3832 44.8614 60.3943 44.2175 60.4164 42.9299L60.4412 41.4935C60.4712 39.75 60.4862 38.8783 60.2345 38.3297C59.7639 37.3036 58.6957 36.6875 57.5718 36.794C56.9709 36.851 56.2239 37.3006 54.7299 38.1997L53.734 38.7991C52.5648 39.5028 51.9802 39.8546 51.3734 40.0544C50.2519 40.4236 49.0432 40.4346 47.9152 40.0858C47.3049 39.8971 46.714 39.5559 45.5322 38.8736L44.5236 38.2913C43.0916 37.4645 42.3755 37.0511 41.7897 36.9998C40.6948 36.9038 39.654 37.4926 39.1724 38.4806C38.9147 39.0092 38.9003 39.8359 38.8714 41.4892L38.8444 43.0364C38.8206 44.3997 38.8087 45.0814 38.9394 45.7062C39.1809 46.8612 39.7756 47.9125 40.6412 48.7143C41.1096 49.1481 41.7 49.489 42.8809 50.1708L45.318 51.5779Z" fill="#2845C1"/>
|
||||
<path d="M56.4399 31.6857C57.6204 31.0041 58.2107 30.6633 58.679 30.2296C59.5444 29.428 60.1392 28.3771 60.3808 27.2224C60.5116 26.5977 60.4999 25.9162 60.4764 24.5532L60.4164 21.0701C60.3943 19.7825 60.3832 19.1386 60.2449 18.5476C59.9893 17.4555 59.4165 16.4634 58.5985 15.696C58.1558 15.2806 57.6037 14.9491 56.4997 14.2861L55.2681 13.5465C53.7732 12.6488 53.0258 12.1999 52.4248 12.1435C51.3009 12.038 50.2332 12.6551 49.7636 13.6817C49.5125 14.2305 49.5283 15.1022 49.56 16.8457L49.5811 18.0079C49.6059 19.3723 49.6183 20.0544 49.4879 20.6798C49.2469 21.8357 48.6521 22.8879 47.786 23.6905C47.3174 24.1247 46.7265 24.4658 45.5447 25.1481L44.5362 25.7304C43.1041 26.5572 42.3881 26.9706 42.0507 27.4523C41.4201 28.3525 41.4097 29.5482 42.0244 30.4593C42.3534 30.9468 43.0621 31.3727 44.4795 32.2243L45.8059 33.0213C46.9747 33.7235 47.5591 34.0747 48.1655 34.274C49.2865 34.6423 50.4943 34.6529 51.6215 34.3041C52.2314 34.1155 52.8219 33.7746 54.0027 33.0928L56.4399 31.6857Z" fill="#2845C1"/>
|
||||
<path d="M21.9855 12.4222C20.805 11.7406 20.2147 11.3998 19.6049 11.2112C18.478 10.8625 17.2705 10.8728 16.1497 11.2409C15.5433 11.44 14.959 11.7909 13.7903 12.4927L10.8039 14.2862C9.6998 14.9492 9.14777 15.2807 8.70505 15.6961C7.88707 16.4635 7.31427 17.4556 7.05869 18.5477C6.92036 19.1387 6.90927 19.7826 6.88711 21.0702L6.86238 22.5066C6.83237 24.2501 6.81736 25.1218 7.069 25.6704C7.53963 26.6965 8.60788 27.3126 9.73171 27.2061C10.3326 27.1491 11.0796 26.6995 12.5736 25.8004L13.5695 25.201C14.7387 24.4973 15.3233 24.1455 15.9301 23.9457C17.0517 23.5765 18.2603 23.5655 19.3884 23.9143C19.9987 24.103 20.5896 24.4442 21.7714 25.1265L22.7799 25.7088C24.212 26.5356 24.928 26.949 25.5139 27.0003C26.6087 27.0963 27.6495 26.5075 28.1311 25.5195C28.3889 24.9909 28.4033 24.1642 28.4321 22.5109L28.4591 20.9638C28.4829 19.6004 28.4948 18.9187 28.3642 18.2939C28.1227 17.1389 27.5279 16.0876 26.6623 15.2858C26.194 14.852 25.6035 14.5111 24.4227 13.8293L21.9855 12.4222Z" fill="#C83F49"/>
|
||||
<rect x="8.8125" y="46" width="48" height="18" rx="9" fill="#EEF1F4"/>
|
||||
<path d="M44.7737 12.1078C44.7737 10.7446 44.7737 10.063 44.6322 9.44065C44.3707 8.29032 43.7579 7.24979 42.8788 6.46318C42.4032 6.03759 41.8071 5.707 40.615 5.04582L37.5686 3.35621C36.4423 2.73158 35.8792 2.41926 35.2982 2.24352C34.2246 1.91883 33.079 1.91883 32.0054 2.24352C31.4244 2.41926 30.8613 2.73158 29.7351 3.35621L28.4787 4.05301C26.9538 4.89875 26.1914 5.32161 25.8421 5.81385C25.1888 6.73448 25.1894 7.96764 25.8436 8.88764C26.1933 9.37954 26.9562 9.80168 28.4819 10.646L29.4989 11.2088C30.6929 11.8695 31.2899 12.1998 31.7663 12.6255C32.6468 13.4121 33.2607 14.4534 33.5226 15.6047C33.6644 16.2276 33.6644 16.9099 33.6644 18.2745V19.4391C33.6644 21.0927 33.6644 21.9195 33.9128 22.4525C34.3771 23.4487 35.4075 24.0556 36.5038 23.9787C37.0905 23.9376 37.8137 23.5368 39.2599 22.7351L40.6133 21.9849C41.8059 21.3238 42.4022 20.9933 42.878 20.5677C43.7575 19.7811 44.3705 18.7404 44.6321 17.5898C44.7737 16.9673 44.7737 16.2855 44.7737 14.922V12.1078Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M10.8637 32.3143C9.68318 32.9959 9.0929 33.3367 8.62465 33.7704C7.75919 34.572 7.16444 35.623 6.92278 36.7776C6.79203 37.4023 6.80376 38.0838 6.82723 39.4468L6.88719 42.9299C6.90935 44.2175 6.92044 44.8614 7.05877 45.4524C7.31435 46.5445 7.88715 47.5366 8.70513 48.304C9.14785 48.7194 9.69988 49.0509 10.8039 49.7139L12.0356 50.4535C13.5304 51.3512 14.2779 51.8001 14.8788 51.8565C16.0027 51.962 17.0704 51.3449 17.54 50.3183C17.7912 49.7695 17.7753 48.8978 17.7436 47.1543L17.7225 45.9921C17.6977 44.6277 17.6853 43.9456 17.8157 43.3202C18.0567 42.1643 18.6515 41.1121 19.5176 40.3095C19.9862 39.8753 20.5771 39.5342 21.7589 38.8519L22.7674 38.2696C24.1995 37.4428 24.9155 37.0294 25.2529 36.5477C25.8835 35.6475 25.8939 34.4518 25.2792 33.5407C24.9502 33.0532 24.2415 32.6273 22.8241 31.7757L21.4978 30.9787C20.329 30.2765 19.7446 29.9253 19.1381 29.726C18.0171 29.3577 16.8093 29.3471 15.6821 29.6959C15.0722 29.8845 14.4818 30.2254 13.3009 30.9072L10.8637 32.3143Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M22.53 51.8922C22.53 53.2554 22.53 53.937 22.6714 54.5594C22.9329 55.7097 23.5457 56.7502 24.4248 57.5368C24.9005 57.9624 25.4965 58.293 26.6887 58.9542L29.7351 60.6438C30.8613 61.2684 31.4244 61.5807 32.0054 61.7565C33.079 62.0812 34.2246 62.0812 35.2982 61.7565C35.8792 61.5807 36.4423 61.2684 37.5686 60.6438L38.8249 59.947C40.3498 59.1012 41.1122 58.6784 41.4615 58.1862C42.1148 57.2655 42.1142 56.0324 41.4601 55.1124C41.1103 54.6205 40.3474 54.1983 38.8218 53.354L37.8047 52.7912C36.6107 52.1305 36.0137 51.8002 35.5373 51.3745C34.6568 50.5879 34.043 49.5466 33.781 48.3953C33.6393 47.7724 33.6393 47.0901 33.6393 45.7255V44.5609C33.6393 42.9073 33.6393 42.0805 33.3908 41.5475C32.9265 40.5513 31.8962 39.9444 30.7998 40.0213C30.2131 40.0624 29.49 40.4632 28.0437 41.2649L26.6903 42.0151C25.4977 42.6761 24.9015 43.0067 24.4256 43.4323C23.5461 44.2189 22.9331 45.2596 22.6715 46.4102C22.53 47.0327 22.53 47.7145 22.53 49.078V51.8922Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M45.318 51.5779C46.4986 52.2595 47.0889 52.6003 47.6986 52.789C48.8256 53.1376 50.0331 53.1273 51.1539 52.7592C51.7603 52.5601 52.3446 52.2092 53.5132 51.5074L56.4997 49.7139C57.6037 49.0509 58.1558 48.7194 58.5985 48.304C59.4165 47.5366 59.9893 46.5445 60.2449 45.4524C60.3832 44.8614 60.3943 44.2175 60.4164 42.9299L60.4412 41.4935C60.4712 39.75 60.4862 38.8783 60.2345 38.3297C59.7639 37.3036 58.6957 36.6875 57.5718 36.794C56.9709 36.851 56.2239 37.3006 54.7299 38.1997L53.734 38.7991C52.5648 39.5028 51.9802 39.8546 51.3734 40.0544C50.2519 40.4236 49.0432 40.4346 47.9152 40.0858C47.3049 39.8971 46.714 39.5559 45.5322 38.8736L44.5236 38.2913C43.0916 37.4645 42.3755 37.0511 41.7897 36.9998C40.6948 36.9038 39.654 37.4926 39.1724 38.4806C38.9147 39.0092 38.9003 39.8359 38.8714 41.4892L38.8444 43.0364C38.8206 44.3997 38.8087 45.0814 38.9394 45.7062C39.1809 46.8612 39.7756 47.9125 40.6412 48.7143C41.1096 49.1481 41.7 49.489 42.8809 50.1708L45.318 51.5779Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M56.4399 31.6857C57.6204 31.0041 58.2107 30.6633 58.679 30.2296C59.5444 29.428 60.1392 28.3771 60.3808 27.2224C60.5116 26.5977 60.4999 25.9162 60.4764 24.5532L60.4164 21.0701C60.3943 19.7825 60.3832 19.1386 60.2449 18.5476C59.9893 17.4555 59.4165 16.4634 58.5985 15.696C58.1558 15.2806 57.6037 14.9491 56.4997 14.2861L55.2681 13.5465C53.7732 12.6488 53.0258 12.1999 52.4248 12.1435C51.3009 12.038 50.2332 12.6551 49.7636 13.6817C49.5125 14.2305 49.5283 15.1022 49.56 16.8457L49.5811 18.0079C49.6059 19.3723 49.6183 20.0544 49.4879 20.6798C49.2469 21.8357 48.6521 22.8879 47.786 23.6905C47.3174 24.1247 46.7265 24.4658 45.5447 25.1481L44.5362 25.7304C43.1041 26.5572 42.3881 26.9706 42.0507 27.4523C41.4201 28.3525 41.4097 29.5482 42.0244 30.4593C42.3534 30.9468 43.0621 31.3727 44.4795 32.2243L45.8059 33.0213C46.9747 33.7235 47.5591 34.0747 48.1655 34.274C49.2865 34.6423 50.4943 34.6529 51.6215 34.3041C52.2314 34.1155 52.8219 33.7746 54.0027 33.0928L56.4399 31.6857Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M21.9855 12.4222C20.805 11.7406 20.2147 11.3998 19.6049 11.2112C18.478 10.8625 17.2705 10.8728 16.1497 11.2409C15.5433 11.44 14.959 11.7909 13.7903 12.4927L10.8039 14.2862C9.6998 14.9492 9.14777 15.2807 8.70505 15.6961C7.88707 16.4635 7.31427 17.4556 7.05869 18.5477C6.92036 19.1387 6.90927 19.7826 6.88711 21.0702L6.86238 22.5066C6.83237 24.2501 6.81736 25.1218 7.069 25.6704C7.53963 26.6965 8.60788 27.3126 9.73171 27.2061C10.3326 27.1491 11.0796 26.6995 12.5736 25.8004L13.5695 25.201C14.7387 24.4973 15.3233 24.1455 15.9301 23.9457C17.0517 23.5765 18.2603 23.5655 19.3884 23.9143C19.9987 24.103 20.5896 24.4442 21.7714 25.1265L22.7799 25.7088C24.212 26.5356 24.928 26.949 25.5139 27.0003C26.6087 27.0963 27.6495 26.5075 28.1311 25.5195C28.3889 24.9909 28.4033 24.1642 28.4321 22.5109L28.4591 20.9638C28.4829 19.6004 28.4948 18.9187 28.3642 18.2939C28.1227 17.1389 27.5279 16.0876 26.6623 15.2858C26.194 14.852 25.6035 14.5111 24.4227 13.8293L21.9855 12.4222Z" fill="var(--c--globals--colors--logo-2)"/>
|
||||
<rect x="8.8125" y="46" width="48" height="18" rx="9" fill="var(--c--contextuals--background--semantic--neutral--tertiary)"/>
|
||||
<rect x="8.8125" y="46" width="48" height="18" rx="9" fill="url(#paint0_linear_13360_26870)" fill-opacity="0.1"/>
|
||||
<path d="M17.4974 59.4725C17.3976 59.4725 17.3478 59.4725 17.3097 59.4531C17.2761 59.436 17.2489 59.4087 17.2318 59.3752C17.2124 59.3371 17.2124 59.2872 17.2124 59.1875V50.485C17.2124 50.3852 17.2124 50.3353 17.2318 50.2972C17.2489 50.2637 17.2761 50.2364 17.3097 50.2194C17.3478 50.2 17.3976 50.2 17.4974 50.2H19.9412C21.8752 50.2 23.0541 51.1537 23.0541 52.7168C23.0541 53.296 22.8514 53.8129 22.464 54.2136C22.3269 54.3553 22.2583 54.4262 22.2468 54.4727C22.2343 54.5229 22.237 54.5479 22.2599 54.5943C22.2811 54.6373 22.3603 54.6901 22.5189 54.7957C23.2086 55.255 23.584 55.9399 23.584 56.7437C23.584 58.4393 22.2726 59.4725 20.1399 59.4725H17.4974ZM19.9809 51.763H19.3784C19.2786 51.763 19.2288 51.763 19.1907 51.7825C19.1571 51.7995 19.1299 51.8268 19.1128 51.8603C19.0934 51.8984 19.0934 51.9483 19.0934 52.048V53.571C19.0934 53.6707 19.0934 53.7206 19.1128 53.7587C19.1299 53.7922 19.1571 53.8195 19.1907 53.8366C19.2288 53.856 19.2786 53.856 19.3784 53.856H19.9809C20.6962 53.856 21.1201 53.4718 21.1201 52.7963C21.1201 52.1472 20.6962 51.763 19.9809 51.763ZM20.2458 55.4191H19.3784C19.2786 55.4191 19.2288 55.4191 19.1907 55.4385C19.1571 55.4556 19.1299 55.4828 19.1128 55.5163C19.0934 55.5544 19.0934 55.6043 19.0934 55.7041V57.6244C19.0934 57.7242 19.0934 57.774 19.1128 57.8121C19.1299 57.8457 19.1571 57.8729 19.1907 57.89C19.2288 57.9094 19.2786 57.9094 19.3784 57.9094H20.2458C21.1201 57.9094 21.65 57.4458 21.65 56.6642C21.65 55.8694 21.1201 55.4191 20.2458 55.4191Z" fill="#2845C1"/>
|
||||
<path d="M25.6668 59.4725C25.567 59.4725 25.5171 59.4725 25.479 59.4531C25.4455 59.436 25.4182 59.4087 25.4012 59.3752C25.3818 59.3371 25.3818 59.2872 25.3818 59.1875V50.485C25.3818 50.3852 25.3818 50.3353 25.4012 50.2972C25.4182 50.2637 25.4455 50.2364 25.479 50.2194C25.5171 50.2 25.567 50.2 25.6668 50.2H30.5013C30.6011 50.2 30.651 50.2 30.6891 50.2194C30.7226 50.2364 30.7498 50.2637 30.7669 50.2972C30.7863 50.3353 30.7863 50.3852 30.7863 50.485V51.478C30.7863 51.5778 30.7863 51.6277 30.7669 51.6658C30.7498 51.6993 30.7226 51.7265 30.6891 51.7436C30.651 51.763 30.6011 51.763 30.5013 51.763H27.5478C27.448 51.763 27.3981 51.763 27.36 51.7825C27.3265 51.7995 27.2992 51.8268 27.2822 51.8603C27.2628 51.8984 27.2628 51.9483 27.2628 52.048V53.677C27.2628 53.7767 27.2628 53.8266 27.2822 53.8647C27.2992 53.8982 27.3265 53.9255 27.36 53.9425C27.3981 53.962 27.448 53.962 27.5478 53.962H29.9715C30.0712 53.962 30.1211 53.962 30.1592 53.9814C30.1927 53.9984 30.22 54.0257 30.237 54.0592C30.2565 54.0973 30.2565 54.1472 30.2565 54.247V55.24C30.2565 55.3398 30.2565 55.3897 30.237 55.4278C30.22 55.4613 30.1927 55.4885 30.1592 55.5056C30.1211 55.525 30.0712 55.525 29.9715 55.525H27.5478C27.448 55.525 27.3981 55.525 27.36 55.5445C27.3265 55.5615 27.2992 55.5888 27.2822 55.6223C27.2628 55.6604 27.2628 55.7103 27.2628 55.81V57.6244C27.2628 57.7242 27.2628 57.774 27.2822 57.8121C27.2992 57.8457 27.3265 57.8729 27.36 57.89C27.3981 57.9094 27.448 57.9094 27.5478 57.9094H30.5013C30.6011 57.9094 30.651 57.9094 30.6891 57.9288C30.7226 57.9459 30.7498 57.9731 30.7669 58.0067C30.7863 58.0448 30.7863 58.0946 30.7863 58.1944V59.1875C30.7863 59.2872 30.7863 59.3371 30.7669 59.3752C30.7498 59.4087 30.7226 59.436 30.6891 59.4531C30.651 59.4725 30.6011 59.4725 30.5013 59.4725H25.6668Z" fill="#2845C1"/>
|
||||
<path d="M32.3649 51.9087C32.2652 51.9087 32.2153 51.9087 32.1772 51.8893C32.1437 51.8723 32.1164 51.845 32.0993 51.8115C32.0799 51.7734 32.0799 51.7235 32.0799 51.6237V50.485C32.0799 50.3852 32.0799 50.3353 32.0993 50.2972C32.1164 50.2637 32.1437 50.2364 32.1772 50.2194C32.2153 50.2 32.2652 50.2 32.3649 50.2H39.3984C39.4982 50.2 39.548 50.2 39.5861 50.2194C39.6197 50.2364 39.6469 50.2637 39.664 50.2972C39.6834 50.3353 39.6834 50.3852 39.6834 50.485V51.6237C39.6834 51.7235 39.6834 51.7734 39.664 51.8115C39.6469 51.845 39.6197 51.8723 39.5861 51.8893C39.548 51.9087 39.4982 51.9087 39.3984 51.9087H37.1072C37.0074 51.9087 36.9575 51.9087 36.9194 51.9282C36.8859 51.9452 36.8587 51.9725 36.8416 52.006C36.8222 52.0441 36.8222 52.094 36.8222 52.1937V59.1875C36.8222 59.2872 36.8222 59.3371 36.8027 59.3752C36.7857 59.4087 36.7584 59.436 36.7249 59.4531C36.6868 59.4725 36.6369 59.4725 36.5372 59.4725H35.2262C35.1264 59.4725 35.0765 59.4725 35.0384 59.4531C35.0049 59.436 34.9776 59.4087 34.9606 59.3752C34.9412 59.3371 34.9412 59.2872 34.9412 59.1875V52.1937C34.9412 52.094 34.9412 52.0441 34.9217 52.006C34.9047 51.9725 34.8774 51.9452 34.8439 51.9282C34.8058 51.9087 34.7559 51.9087 34.6562 51.9087H32.3649Z" fill="#2845C1"/>
|
||||
<path d="M39.5574 59.4725C39.4188 59.4725 39.3495 59.4725 39.305 59.4434C39.2662 59.4179 39.2388 59.3783 39.2287 59.3329C39.2172 59.281 39.2418 59.2162 39.2908 59.0866L42.5854 50.384C42.6105 50.3177 42.6231 50.2845 42.6447 50.26C42.6638 50.2384 42.6879 50.2218 42.7149 50.2115C42.7454 50.2 42.7809 50.2 42.8519 50.2H44.9221C44.993 50.2 45.0285 50.2 45.0591 50.2115C45.086 50.2218 45.1101 50.2384 45.1293 50.26C45.1509 50.2845 45.1635 50.3177 45.1886 50.384L48.4831 59.0866C48.5322 59.2162 48.5567 59.281 48.5452 59.3329C48.5352 59.3783 48.5078 59.4179 48.4689 59.4434C48.4245 59.4725 48.3552 59.4725 48.2166 59.4725H46.8278C46.7561 59.4725 46.7203 59.4725 46.6896 59.4607C46.6624 59.4503 46.6382 59.4335 46.6191 59.4116C46.5975 59.3868 46.5851 59.3532 46.5603 59.2859L45.8102 57.2482C45.7854 57.1809 45.773 57.1473 45.7514 57.1225C45.7323 57.1007 45.7081 57.0838 45.6809 57.0734C45.6502 57.0616 45.6143 57.0616 45.5427 57.0616H42.2313C42.1596 57.0616 42.1238 57.0616 42.0931 57.0734C42.0659 57.0838 42.0417 57.1007 42.0226 57.1225C42.0009 57.1473 41.9885 57.1809 41.9638 57.2482L41.2136 59.2859C41.1889 59.3532 41.1765 59.3868 41.1549 59.4116C41.1357 59.4335 41.1115 59.4503 41.0844 59.4607C41.0536 59.4725 41.0178 59.4725 40.9462 59.4725H39.5574ZM42.755 55.0761C42.708 55.2048 42.6845 55.2692 42.6964 55.3206C42.7067 55.3656 42.7342 55.4049 42.7729 55.43C42.8172 55.4588 42.8857 55.4588 43.0227 55.4588H44.7512C44.8883 55.4588 44.9568 55.4588 45.0011 55.43C45.0398 55.4049 45.0672 55.3656 45.0776 55.3206C45.0894 55.2692 45.0659 55.2048 45.0189 55.0761L44.1547 52.7084C44.0722 52.4823 44.0309 52.3692 43.9705 52.3372C43.9183 52.3094 43.8557 52.3094 43.8034 52.3372C43.7431 52.3692 43.7018 52.4823 43.6193 52.7084L42.755 55.0761Z" fill="#2845C1"/>
|
||||
<path d="M17.4974 59.4725C17.3976 59.4725 17.3478 59.4725 17.3097 59.4531C17.2761 59.436 17.2489 59.4087 17.2318 59.3752C17.2124 59.3371 17.2124 59.2872 17.2124 59.1875V50.485C17.2124 50.3852 17.2124 50.3353 17.2318 50.2972C17.2489 50.2637 17.2761 50.2364 17.3097 50.2194C17.3478 50.2 17.3976 50.2 17.4974 50.2H19.9412C21.8752 50.2 23.0541 51.1537 23.0541 52.7168C23.0541 53.296 22.8514 53.8129 22.464 54.2136C22.3269 54.3553 22.2583 54.4262 22.2468 54.4727C22.2343 54.5229 22.237 54.5479 22.2599 54.5943C22.2811 54.6373 22.3603 54.6901 22.5189 54.7957C23.2086 55.255 23.584 55.9399 23.584 56.7437C23.584 58.4393 22.2726 59.4725 20.1399 59.4725H17.4974ZM19.9809 51.763H19.3784C19.2786 51.763 19.2288 51.763 19.1907 51.7825C19.1571 51.7995 19.1299 51.8268 19.1128 51.8603C19.0934 51.8984 19.0934 51.9483 19.0934 52.048V53.571C19.0934 53.6707 19.0934 53.7206 19.1128 53.7587C19.1299 53.7922 19.1571 53.8195 19.1907 53.8366C19.2288 53.856 19.2786 53.856 19.3784 53.856H19.9809C20.6962 53.856 21.1201 53.4718 21.1201 52.7963C21.1201 52.1472 20.6962 51.763 19.9809 51.763ZM20.2458 55.4191H19.3784C19.2786 55.4191 19.2288 55.4191 19.1907 55.4385C19.1571 55.4556 19.1299 55.4828 19.1128 55.5163C19.0934 55.5544 19.0934 55.6043 19.0934 55.7041V57.6244C19.0934 57.7242 19.0934 57.774 19.1128 57.8121C19.1299 57.8457 19.1571 57.8729 19.1907 57.89C19.2288 57.9094 19.2786 57.9094 19.3784 57.9094H20.2458C21.1201 57.9094 21.65 57.4458 21.65 56.6642C21.65 55.8694 21.1201 55.4191 20.2458 55.4191Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M25.6668 59.4725C25.567 59.4725 25.5171 59.4725 25.479 59.4531C25.4455 59.436 25.4182 59.4087 25.4012 59.3752C25.3818 59.3371 25.3818 59.2872 25.3818 59.1875V50.485C25.3818 50.3852 25.3818 50.3353 25.4012 50.2972C25.4182 50.2637 25.4455 50.2364 25.479 50.2194C25.5171 50.2 25.567 50.2 25.6668 50.2H30.5013C30.6011 50.2 30.651 50.2 30.6891 50.2194C30.7226 50.2364 30.7498 50.2637 30.7669 50.2972C30.7863 50.3353 30.7863 50.3852 30.7863 50.485V51.478C30.7863 51.5778 30.7863 51.6277 30.7669 51.6658C30.7498 51.6993 30.7226 51.7265 30.6891 51.7436C30.651 51.763 30.6011 51.763 30.5013 51.763H27.5478C27.448 51.763 27.3981 51.763 27.36 51.7825C27.3265 51.7995 27.2992 51.8268 27.2822 51.8603C27.2628 51.8984 27.2628 51.9483 27.2628 52.048V53.677C27.2628 53.7767 27.2628 53.8266 27.2822 53.8647C27.2992 53.8982 27.3265 53.9255 27.36 53.9425C27.3981 53.962 27.448 53.962 27.5478 53.962H29.9715C30.0712 53.962 30.1211 53.962 30.1592 53.9814C30.1927 53.9984 30.22 54.0257 30.237 54.0592C30.2565 54.0973 30.2565 54.1472 30.2565 54.247V55.24C30.2565 55.3398 30.2565 55.3897 30.237 55.4278C30.22 55.4613 30.1927 55.4885 30.1592 55.5056C30.1211 55.525 30.0712 55.525 29.9715 55.525H27.5478C27.448 55.525 27.3981 55.525 27.36 55.5445C27.3265 55.5615 27.2992 55.5888 27.2822 55.6223C27.2628 55.6604 27.2628 55.7103 27.2628 55.81V57.6244C27.2628 57.7242 27.2628 57.774 27.2822 57.8121C27.2992 57.8457 27.3265 57.8729 27.36 57.89C27.3981 57.9094 27.448 57.9094 27.5478 57.9094H30.5013C30.6011 57.9094 30.651 57.9094 30.6891 57.9288C30.7226 57.9459 30.7498 57.9731 30.7669 58.0067C30.7863 58.0448 30.7863 58.0946 30.7863 58.1944V59.1875C30.7863 59.2872 30.7863 59.3371 30.7669 59.3752C30.7498 59.4087 30.7226 59.436 30.6891 59.4531C30.651 59.4725 30.6011 59.4725 30.5013 59.4725H25.6668Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M32.3649 51.9087C32.2652 51.9087 32.2153 51.9087 32.1772 51.8893C32.1437 51.8723 32.1164 51.845 32.0993 51.8115C32.0799 51.7734 32.0799 51.7235 32.0799 51.6237V50.485C32.0799 50.3852 32.0799 50.3353 32.0993 50.2972C32.1164 50.2637 32.1437 50.2364 32.1772 50.2194C32.2153 50.2 32.2652 50.2 32.3649 50.2H39.3984C39.4982 50.2 39.548 50.2 39.5861 50.2194C39.6197 50.2364 39.6469 50.2637 39.664 50.2972C39.6834 50.3353 39.6834 50.3852 39.6834 50.485V51.6237C39.6834 51.7235 39.6834 51.7734 39.664 51.8115C39.6469 51.845 39.6197 51.8723 39.5861 51.8893C39.548 51.9087 39.4982 51.9087 39.3984 51.9087H37.1072C37.0074 51.9087 36.9575 51.9087 36.9194 51.9282C36.8859 51.9452 36.8587 51.9725 36.8416 52.006C36.8222 52.0441 36.8222 52.094 36.8222 52.1937V59.1875C36.8222 59.2872 36.8222 59.3371 36.8027 59.3752C36.7857 59.4087 36.7584 59.436 36.7249 59.4531C36.6868 59.4725 36.6369 59.4725 36.5372 59.4725H35.2262C35.1264 59.4725 35.0765 59.4725 35.0384 59.4531C35.0049 59.436 34.9776 59.4087 34.9606 59.3752C34.9412 59.3371 34.9412 59.2872 34.9412 59.1875V52.1937C34.9412 52.094 34.9412 52.0441 34.9217 52.006C34.9047 51.9725 34.8774 51.9452 34.8439 51.9282C34.8058 51.9087 34.7559 51.9087 34.6562 51.9087H32.3649Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<path d="M39.5574 59.4725C39.4188 59.4725 39.3495 59.4725 39.305 59.4434C39.2662 59.4179 39.2388 59.3783 39.2287 59.3329C39.2172 59.281 39.2418 59.2162 39.2908 59.0866L42.5854 50.384C42.6105 50.3177 42.6231 50.2845 42.6447 50.26C42.6638 50.2384 42.6879 50.2218 42.7149 50.2115C42.7454 50.2 42.7809 50.2 42.8519 50.2H44.9221C44.993 50.2 45.0285 50.2 45.0591 50.2115C45.086 50.2218 45.1101 50.2384 45.1293 50.26C45.1509 50.2845 45.1635 50.3177 45.1886 50.384L48.4831 59.0866C48.5322 59.2162 48.5567 59.281 48.5452 59.3329C48.5352 59.3783 48.5078 59.4179 48.4689 59.4434C48.4245 59.4725 48.3552 59.4725 48.2166 59.4725H46.8278C46.7561 59.4725 46.7203 59.4725 46.6896 59.4607C46.6624 59.4503 46.6382 59.4335 46.6191 59.4116C46.5975 59.3868 46.5851 59.3532 46.5603 59.2859L45.8102 57.2482C45.7854 57.1809 45.773 57.1473 45.7514 57.1225C45.7323 57.1007 45.7081 57.0838 45.6809 57.0734C45.6502 57.0616 45.6143 57.0616 45.5427 57.0616H42.2313C42.1596 57.0616 42.1238 57.0616 42.0931 57.0734C42.0659 57.0838 42.0417 57.1007 42.0226 57.1225C42.0009 57.1473 41.9885 57.1809 41.9638 57.2482L41.2136 59.2859C41.1889 59.3532 41.1765 59.3868 41.1549 59.4116C41.1357 59.4335 41.1115 59.4503 41.0844 59.4607C41.0536 59.4725 41.0178 59.4725 40.9462 59.4725H39.5574ZM42.755 55.0761C42.708 55.2048 42.6845 55.2692 42.6964 55.3206C42.7067 55.3656 42.7342 55.4049 42.7729 55.43C42.8172 55.4588 42.8857 55.4588 43.0227 55.4588H44.7512C44.8883 55.4588 44.9568 55.4588 45.0011 55.43C45.0398 55.4049 45.0672 55.3656 45.0776 55.3206C45.0894 55.2692 45.0659 55.2048 45.0189 55.0761L44.1547 52.7084C44.0722 52.4823 44.0309 52.3692 43.9705 52.3372C43.9183 52.3094 43.8557 52.3094 43.8034 52.3372C43.7431 52.3692 43.7018 52.4823 43.6193 52.7084L42.755 55.0761Z" fill="var(--c--globals--colors--logo-1)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_13360_26870" x1="32.8125" y1="46" x2="32.8125" y2="64" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2845C1"/>
|
||||
<stop offset="1" stop-color="#EEF1F4"/>
|
||||
<stop stop-color="var(--c--globals--colors--logo-1)"/>
|
||||
<stop offset="1" stop-color="var(--c--contextuals--background--semantic--neutral--tertiary)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 13 KiB |
@@ -14,8 +14,10 @@ export interface BoxProps {
|
||||
as?: HTMLElementType;
|
||||
$align?: CSSProperties['alignItems'];
|
||||
$background?: CSSProperties['background'];
|
||||
$border?: CSSProperties['border'];
|
||||
$color?: CSSProperties['color'];
|
||||
$css?: string | RuleSet<object>;
|
||||
$cursor?: CSSProperties['cursor'];
|
||||
$direction?: CSSProperties['flexDirection'];
|
||||
$display?: CSSProperties['display'];
|
||||
$effect?: 'show' | 'hide';
|
||||
@@ -37,28 +39,44 @@ export interface BoxProps {
|
||||
$shrink?: CSSProperties['flexShrink'];
|
||||
$transition?: CSSProperties['transition'];
|
||||
$width?: CSSProperties['width'];
|
||||
$wrap?: CSSProperties['flexWrap'];
|
||||
$zIndex?: CSSProperties['zIndex'];
|
||||
$wrap?: CSSProperties['flexWrap'];
|
||||
// Theming props
|
||||
$layer?: 'background' | 'content' | 'border';
|
||||
$theme?:
|
||||
| 'brand'
|
||||
| 'error'
|
||||
| 'gray'
|
||||
| 'info'
|
||||
| 'success'
|
||||
| 'warning'
|
||||
| 'neutral'
|
||||
| 'contextual'
|
||||
| 'disabled'
|
||||
| (string & {});
|
||||
$scope?: 'surface' | 'semantic' | 'palette' | (string & {});
|
||||
$variation?: 'primary' | 'secondary' | 'tertiary' | (string & {});
|
||||
$withThemeBG?: boolean;
|
||||
$withThemeBorder?: boolean;
|
||||
$withThemeInherited?: boolean;
|
||||
}
|
||||
|
||||
export type BoxType = ComponentPropsWithRef<typeof Box>;
|
||||
|
||||
export const Box = styled('div')<BoxProps>`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
${({ $align }) => $align && `align-items: ${$align};`}
|
||||
${({ $background }) => $background && `background: ${$background};`}
|
||||
${({ $color }) => $color && `color: ${$color};`}
|
||||
${({ $direction }) => $direction && `flex-direction: ${$direction};`}
|
||||
${({ $display }) => $display && `display: ${$display};`}
|
||||
${({ $cursor }) => $cursor && `cursor: ${$cursor};`}
|
||||
${({ $direction }) => `flex-direction: ${$direction || 'column'};`}
|
||||
${({ $display, as }) =>
|
||||
`display: ${$display || (as?.match('span|input') ? 'inline-flex' : 'flex')};`}
|
||||
${({ $flex }) => $flex && `flex: ${$flex};`}
|
||||
${({ $gap }) => $gap && `gap: ${$gap};`}
|
||||
${({ $height }) => $height && `height: ${$height};`}
|
||||
${({ $hasTransition }) =>
|
||||
$hasTransition && $hasTransition === 'slow'
|
||||
? `transition: all 0.5s ease-in-out;`
|
||||
? `transition: all 0.5s var(--c--globals--transitions--ease-out);`
|
||||
: $hasTransition
|
||||
? `transition: all 0.3s ease-in-out;`
|
||||
? `transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out);`
|
||||
: ''}
|
||||
${({ $justify }) => $justify && `justify-content: ${$justify};`}
|
||||
${({ $margin }) => $margin && stylesMargin($margin)}
|
||||
@@ -72,6 +90,86 @@ export const Box = styled('div')<BoxProps>`
|
||||
${({ $position }) => $position && `position: ${$position};`}
|
||||
${({ $radius }) => $radius && `border-radius: ${$radius};`}
|
||||
${({ $shrink }) => $shrink && `flex-shrink: ${$shrink};`}
|
||||
${({
|
||||
$layer = 'border',
|
||||
$theme = 'brand',
|
||||
$variation = 'primary',
|
||||
$scope = 'semantic',
|
||||
$border,
|
||||
$withThemeBorder,
|
||||
$withThemeInherited,
|
||||
}) => {
|
||||
if ($border) {
|
||||
return `border: ${$border};`;
|
||||
}
|
||||
|
||||
if (!$layer || !$scope || !$theme || !$withThemeBorder) {
|
||||
return '';
|
||||
}
|
||||
|
||||
if ($withThemeInherited) {
|
||||
return `border: inherit;`;
|
||||
}
|
||||
|
||||
return `border: 1px solid var(--c--contextuals--${$layer}--${$scope}${$theme ? `--${$theme}` : ''}${$variation ? `--${$variation}` : ''});`;
|
||||
}}
|
||||
${({
|
||||
$layer = 'background',
|
||||
$theme = 'brand',
|
||||
$variation = 'primary',
|
||||
$scope = 'semantic',
|
||||
$background,
|
||||
$withThemeBG,
|
||||
$withThemeInherited,
|
||||
}) => {
|
||||
if ($background) {
|
||||
return `background: ${$background};`;
|
||||
}
|
||||
|
||||
if (!$layer || !$scope || !$theme || !$withThemeBG) {
|
||||
return '';
|
||||
}
|
||||
|
||||
if ($withThemeInherited) {
|
||||
return `background: inherit;`;
|
||||
}
|
||||
|
||||
return `background: var(--c--contextuals--${$layer}--${$scope}${$theme ? `--${$theme}` : ''}${$variation ? `--${$variation}` : ''});`;
|
||||
}}
|
||||
${({
|
||||
$layer = 'content',
|
||||
$theme = 'neutral',
|
||||
$variation = 'primary',
|
||||
$scope = 'semantic',
|
||||
$color,
|
||||
$withThemeBG,
|
||||
$withThemeInherited,
|
||||
}) => {
|
||||
if ($color) {
|
||||
return `color: ${$color};`;
|
||||
}
|
||||
|
||||
if (!$layer || !$scope) {
|
||||
return '';
|
||||
}
|
||||
|
||||
// There is a special case when primary with background
|
||||
if (
|
||||
$withThemeBG &&
|
||||
$layer === 'content' &&
|
||||
$scope === 'semantic' &&
|
||||
$variation === 'primary' &&
|
||||
$theme
|
||||
) {
|
||||
$variation = `on-${$theme}`;
|
||||
}
|
||||
|
||||
if ($withThemeInherited) {
|
||||
return `color: inherit;`;
|
||||
}
|
||||
|
||||
return `color: var(--c--contextuals--${$layer}--${$scope}${$theme ? `--${$theme}` : ''}${$variation ? `--${$variation}` : ''});`;
|
||||
}}
|
||||
${({ $transition }) => $transition && `transition: ${$transition};`}
|
||||
${({ $width }) => $width && `width: ${$width};`}
|
||||
${({ $wrap }) => $wrap && `flex-wrap: ${$wrap};`}
|
||||
@@ -91,7 +189,7 @@ export const Box = styled('div')<BoxProps>`
|
||||
return (
|
||||
effect &&
|
||||
`
|
||||
transition: all 0.3s ease-in-out;
|
||||
transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out);
|
||||
${effect}
|
||||
`
|
||||
);
|
||||
|
||||
@@ -39,12 +39,12 @@ const BoxButton = forwardRef<HTMLDivElement, BoxButtonType>(
|
||||
font-family: inherit;
|
||||
|
||||
color: ${props.disabled
|
||||
? 'var(--c--theme--colors--greyscale-400) !important'
|
||||
? 'var(--c--theme--colors--gray-400) !important'
|
||||
: 'inherit'};
|
||||
${$css || ''}
|
||||
`}
|
||||
{...props}
|
||||
className={`--docs--box-button ${props.className || ''}`}
|
||||
className={`--conversations--box-button ${props.className || ''}`}
|
||||
onClick={(event: React.MouseEvent<HTMLDivElement>) => {
|
||||
if (props.disabled) {
|
||||
return;
|
||||
|
||||
@@ -1,26 +1,13 @@
|
||||
import { PropsWithChildren } from 'react';
|
||||
import { css } from 'styled-components';
|
||||
|
||||
import { useCunninghamTheme } from '@/cunningham';
|
||||
|
||||
import { Box, BoxType } from '.';
|
||||
|
||||
export const Card = ({
|
||||
children,
|
||||
$css,
|
||||
...props
|
||||
}: PropsWithChildren<BoxType>) => {
|
||||
const { colorsTokens } = useCunninghamTheme();
|
||||
|
||||
export const Card = ({ children, ...props }: PropsWithChildren<BoxType>) => {
|
||||
return (
|
||||
<Box
|
||||
className={`--docs--card ${props.className || ''}`}
|
||||
$background="white"
|
||||
$radius="4px"
|
||||
$css={css`
|
||||
border: 1px solid ${colorsTokens['greyscale-200']};
|
||||
${$css}
|
||||
`}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
|
||||
@@ -13,11 +13,13 @@ import { useCunninghamTheme } from '@/cunningham';
|
||||
import { BoxProps } from './Box';
|
||||
|
||||
const StyledPopover = styled(Popover)`
|
||||
background-color: white;
|
||||
border-radius: 4px;
|
||||
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid #dddddd;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
background-color: var(--c--contextuals--background--surface--primary);
|
||||
border-radius: var(--c--globals--spacings--st);
|
||||
box-shadow: 0 0 6px 0 rgba(0, 0, 145, 0.1);
|
||||
border: 1px solid var(--c--contextuals--border--surface--primary);
|
||||
transition: opacity var(--c--globals--transitions--duration)
|
||||
var(--c--globals--transitions--ease-out);
|
||||
color: var(--c--contextuals--content--semantic--brand--tertiary);
|
||||
`;
|
||||
|
||||
interface StyledButtonProps {
|
||||
@@ -28,16 +30,23 @@ const StyledButton = styled(Button)<StyledButtonProps>`
|
||||
border: none;
|
||||
background: none;
|
||||
outline: none;
|
||||
transition: background 0.2s ease-in-out;
|
||||
font-weight: 500;
|
||||
font-size: 0.938rem;
|
||||
padding: 0;
|
||||
|
||||
&:focus-visible {
|
||||
outline: 2px solid #3e5de7;
|
||||
outline-offset: 2px;
|
||||
font-weight: var(--c--components--button--font-weight);
|
||||
font-size: var(--c--components--button--medium-font-size);
|
||||
padding: var(--c--globals--spacings--0);
|
||||
border-radius: var(--c--globals--spacings--st);
|
||||
color: var(--c--contextuals--content--semantic--brand--tertiary);
|
||||
&:hover {
|
||||
background-color: var(
|
||||
--c--contextuals--background--semantic--contextual--primary
|
||||
);
|
||||
}
|
||||
&:focus-visible {
|
||||
box-shadow: 0 0 0 2px var(--c--globals--colors--brand-400);
|
||||
background-color: var(
|
||||
--c--contextuals--background--semantic--brand--tertiary-hover
|
||||
);
|
||||
border-radius: var(--c--globals--spacings--st);
|
||||
}
|
||||
|
||||
${({ $css }) => $css};
|
||||
`;
|
||||
|
||||
@@ -47,6 +56,7 @@ export interface DropButtonProps {
|
||||
isOpen?: boolean;
|
||||
onOpenChange?: (isOpen: boolean) => void;
|
||||
label?: string;
|
||||
testId?: string;
|
||||
}
|
||||
|
||||
export const DropButton = ({
|
||||
@@ -56,6 +66,7 @@ export const DropButton = ({
|
||||
onOpenChange,
|
||||
children,
|
||||
label,
|
||||
testId,
|
||||
}: PropsWithChildren<DropButtonProps>) => {
|
||||
const { themeTokens } = useCunninghamTheme();
|
||||
const font = themeTokens['font']?.['families']['base'];
|
||||
@@ -78,6 +89,7 @@ export const DropButton = ({
|
||||
ref={triggerRef}
|
||||
onPress={() => onOpenChangeHandler(true)}
|
||||
aria-label={label}
|
||||
data-testid={testId}
|
||||
$css={css`
|
||||
font-family: ${font};
|
||||
${buttonCss};
|
||||
|
||||
@@ -33,7 +33,7 @@ export const DropdownMenu = ({
|
||||
label,
|
||||
topMessage,
|
||||
}: PropsWithChildren<DropdownMenuProps>) => {
|
||||
const { spacingsTokens, colorsTokens } = useCunninghamTheme();
|
||||
const { spacingsTokens } = useCunninghamTheme();
|
||||
const [isOpen, setIsOpen] = useState(false);
|
||||
const [buttonWidth, setButtonWidth] = useState<number | undefined>(undefined);
|
||||
const blockButtonRef = useRef<HTMLDivElement>(null);
|
||||
@@ -64,14 +64,20 @@ export const DropdownMenu = ({
|
||||
<Box
|
||||
ref={blockButtonRef}
|
||||
$direction="row"
|
||||
$theme="brand"
|
||||
$scope="semantic"
|
||||
$variation="neutral"
|
||||
$align="center"
|
||||
$position="relative"
|
||||
aria-controls="menu"
|
||||
>
|
||||
<Box>{children}</Box>
|
||||
<Icon
|
||||
$variation="text"
|
||||
$theme="primary"
|
||||
$css={css`
|
||||
color: var(
|
||||
--c--contextuals--content--semantic--brand--tertiary
|
||||
);
|
||||
`}
|
||||
iconName={isOpen ? 'arrow_drop_up' : 'arrow_drop_down'}
|
||||
/>
|
||||
</Box>
|
||||
@@ -89,7 +95,8 @@ export const DropdownMenu = ({
|
||||
>
|
||||
{topMessage && (
|
||||
<Text
|
||||
$variation="700"
|
||||
$theme="brand"
|
||||
$variation="tertiary"
|
||||
$wrap="wrap"
|
||||
$size="xs"
|
||||
$weight="bold"
|
||||
@@ -120,8 +127,6 @@ export const DropdownMenu = ({
|
||||
key={option.label}
|
||||
$align="center"
|
||||
$justify="space-between"
|
||||
$background={colorsTokens['greyscale-000']}
|
||||
$color={colorsTokens['primary-600']}
|
||||
$padding={{ vertical: 'xs', horizontal: 'base' }}
|
||||
$width="100%"
|
||||
$gap={spacingsTokens['base']}
|
||||
@@ -134,23 +139,29 @@ export const DropdownMenu = ({
|
||||
`}
|
||||
${index === options.length - 1 &&
|
||||
css`
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom-left-radius: var(--c--globals--spacings--st);
|
||||
border-bottom-right-radius: var(--c--globals--spacings--st);
|
||||
`}
|
||||
font-size: var(--c--theme--font--sizes--sm);
|
||||
color: var(--c--theme--colors--greyscale-1000);
|
||||
font-weight: 500;
|
||||
font-size: var(--c--globals--font--sizes--sm);
|
||||
color: var(
|
||||
--c--contextuals--content--semantic--brand--tertiary
|
||||
);
|
||||
font-weight: var(--c--globals--font--weights--medium);
|
||||
cursor: ${isDisabled ? 'not-allowed' : 'pointer'};
|
||||
user-select: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: var(--c--theme--colors--greyscale-050);
|
||||
&:hover {
|
||||
background-color: var(
|
||||
--c--contextuals--background--semantic--contextual--primary
|
||||
);
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
outline: 2px solid #3e5de7;
|
||||
outline: 2px solid var(--c--globals--colors--brand-400);
|
||||
outline-offset: -2px;
|
||||
background-color: var(
|
||||
--c--contextuals--background--semantic--contextual--primary
|
||||
);
|
||||
}
|
||||
`}
|
||||
>
|
||||
@@ -162,9 +173,10 @@ export const DropdownMenu = ({
|
||||
{option.icon && (
|
||||
<Icon
|
||||
$size="20px"
|
||||
$theme="greyscale"
|
||||
$variation={isDisabled ? '400' : '1000'}
|
||||
$theme="neutral"
|
||||
$variation={isDisabled ? 'tertiary' : 'primary'}
|
||||
iconName={option.icon}
|
||||
aria-hidden="true"
|
||||
/>
|
||||
)}
|
||||
<Text $variation={isDisabled ? '400' : '1000'}>
|
||||
@@ -172,7 +184,7 @@ export const DropdownMenu = ({
|
||||
</Text>
|
||||
</Box>
|
||||
{option.isSelected && (
|
||||
<Icon iconName="check" $size="20px" $theme="greyscale" />
|
||||
<Icon iconName="check" $size="20px" aria-hidden="true" />
|
||||
)}
|
||||
</BoxButton>
|
||||
);
|
||||
|
||||
@@ -10,12 +10,14 @@ type IconProps = TextType & {
|
||||
export const Icon = ({
|
||||
iconName,
|
||||
variant = 'outlined',
|
||||
$theme = 'neutral',
|
||||
...textProps
|
||||
}: IconProps) => {
|
||||
return (
|
||||
<Text
|
||||
{...textProps}
|
||||
aria-hidden="true"
|
||||
$theme={$theme}
|
||||
className={clsx('--docs--icon-bg', textProps.className, {
|
||||
'material-symbols': variant === 'filled',
|
||||
'material-symbols-outlined': variant === 'outlined',
|
||||
|
||||
@@ -39,7 +39,7 @@ export const InfiniteScroll = ({
|
||||
{!isLoading && hasMore && (
|
||||
<Button
|
||||
onClick={() => void next()}
|
||||
color="primary-text"
|
||||
color="neutral"
|
||||
icon={<Icon iconName="arrow_downward" />}
|
||||
>
|
||||
{buttonLabel ?? t('Load more')}
|
||||
|
||||
@@ -5,7 +5,7 @@ import { tokens } from '@/cunningham';
|
||||
|
||||
import { Box, BoxProps } from './Box';
|
||||
|
||||
const { sizes } = tokens.themes.default.theme.font;
|
||||
const { sizes } = tokens.themes.default.globals.font;
|
||||
type TextSizes = keyof typeof sizes;
|
||||
|
||||
export interface TextProps extends BoxProps {
|
||||
@@ -13,65 +13,28 @@ export interface TextProps extends BoxProps {
|
||||
$ellipsis?: boolean;
|
||||
$weight?: CSSProperties['fontWeight'];
|
||||
$textAlign?: CSSProperties['textAlign'];
|
||||
$textTransform?: CSSProperties['textTransform'];
|
||||
$size?: TextSizes | (string & {});
|
||||
$theme?:
|
||||
| 'primary'
|
||||
| 'primary-text'
|
||||
| 'secondary'
|
||||
| 'secondary-text'
|
||||
| 'info'
|
||||
| 'success'
|
||||
| 'warning'
|
||||
| 'danger'
|
||||
| 'greyscale';
|
||||
$variation?:
|
||||
| 'text'
|
||||
| '000'
|
||||
| '050'
|
||||
| '100'
|
||||
| '200'
|
||||
| '300'
|
||||
| '400'
|
||||
| '500'
|
||||
| '550'
|
||||
| '600'
|
||||
| '650'
|
||||
| '700'
|
||||
| '750'
|
||||
| '800'
|
||||
| '850'
|
||||
| '900'
|
||||
| '1000';
|
||||
}
|
||||
|
||||
export type TextType = ComponentPropsWithRef<typeof Text>;
|
||||
|
||||
export const TextStyled = styled(Box)<TextProps>`
|
||||
${({ $textAlign }) => $textAlign && `text-align: ${$textAlign};`}
|
||||
${({ $textTransform }) =>
|
||||
$textTransform && `text-transform: ${$textTransform};`}
|
||||
${({ $weight }) => $weight && `font-weight: ${$weight};`}
|
||||
${({ $size }) =>
|
||||
$size &&
|
||||
`font-size: ${$size in sizes ? sizes[$size as TextSizes] : $size};`}
|
||||
${({ $theme, $variation }) =>
|
||||
`color: var(--c--theme--colors--${$theme}-${$variation});`}
|
||||
${({ $color }) => $color && `color: ${$color};`}
|
||||
${({ $ellipsis }) =>
|
||||
$ellipsis &&
|
||||
`white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`}
|
||||
`;
|
||||
|
||||
const Text = forwardRef<HTMLElement, ComponentPropsWithRef<typeof TextStyled>>(
|
||||
({ className, ...props }, ref) => {
|
||||
return (
|
||||
<TextStyled
|
||||
ref={ref}
|
||||
as="span"
|
||||
$theme="greyscale"
|
||||
$variation="text"
|
||||
className={className}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
(props, ref) => {
|
||||
return <TextStyled ref={ref} as="span" {...props} />;
|
||||
},
|
||||
);
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ import { Box, Text, TextType } from '@/components';
|
||||
|
||||
const AlertStyled = styled(Alert)`
|
||||
& .c__button--tertiary:hover {
|
||||
background-color: var(--c--theme--colors--greyscale-200);
|
||||
background-color: var(--c--theme--colors--gray-200);
|
||||
}
|
||||
`;
|
||||
|
||||
|
||||
@@ -0,0 +1,71 @@
|
||||
import { Box } from './Box';
|
||||
import { Icon } from './Icon';
|
||||
|
||||
interface ToggleSwitchProps {
|
||||
checked: boolean;
|
||||
onChange: () => void;
|
||||
disabled?: boolean;
|
||||
'aria-label'?: string;
|
||||
}
|
||||
|
||||
export const ToggleSwitch = ({
|
||||
checked,
|
||||
onChange,
|
||||
disabled = false,
|
||||
'aria-label': ariaLabel,
|
||||
}: ToggleSwitchProps) => {
|
||||
return (
|
||||
<Box $css="padding-top: 2px;">
|
||||
<Box
|
||||
$css={`
|
||||
position: relative;
|
||||
width: 44px;
|
||||
height: 24px;
|
||||
background-color: ${checked ? 'var(--c--contextuals--content--semantic--brand--tertiary)' : 'var(--c--contextuals--content--semantic--neutral--tertiary)'};
|
||||
border-radius: 12px;
|
||||
cursor: ${disabled ? 'not-allowed' : 'pointer'};
|
||||
transition: all 0.2s ease;
|
||||
opacity: ${disabled ? 0.6 : 1};
|
||||
`}
|
||||
onClick={disabled ? undefined : onChange}
|
||||
onKeyDown={(e) => {
|
||||
if (e.key === 'Enter' || e.key === ' ') {
|
||||
e.preventDefault();
|
||||
if (!disabled) {
|
||||
onChange();
|
||||
}
|
||||
}
|
||||
}}
|
||||
role="switch"
|
||||
aria-checked={checked}
|
||||
aria-label={ariaLabel}
|
||||
aria-disabled={disabled}
|
||||
tabIndex={disabled ? -1 : 0}
|
||||
>
|
||||
<Box
|
||||
$css={`
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: ${checked ? '22px' : '2px'};
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
transition: left 0.2s ease;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
`}
|
||||
>
|
||||
<Icon
|
||||
iconName={checked ? 'check' : ''}
|
||||
$size="12px"
|
||||
$theme="brand"
|
||||
$variation="tertiary"
|
||||
/>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
@@ -12,5 +12,6 @@ export * from './SideModal';
|
||||
export * from './separators';
|
||||
export * from './Text';
|
||||
export * from './TextErrors';
|
||||
export * from './ToggleSwitch';
|
||||
export * from './CustomToast';
|
||||
export * from './ToastProvider';
|
||||
|
||||
@@ -64,9 +64,8 @@ export const QuickSearch = ({
|
||||
bottom: -20px;
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
#F7F8FA 0%,
|
||||
rgba(247, 248, 250, 0.7) 40%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
rgba(var(--c--contextuals--background--surface--tertiary), 1),
|
||||
rgba(var(--c--contextuals--background--surface--tertiary), 0)
|
||||
);
|
||||
}
|
||||
${
|
||||
@@ -74,17 +73,16 @@ export const QuickSearch = ({
|
||||
? `
|
||||
&:before {
|
||||
content: "";
|
||||
background-color: #F7F8FA;
|
||||
background-color: var(--c--contextuals--background--surface--tertiary);
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
top: -8px;
|
||||
}
|
||||
background-color: #F7F8FA;
|
||||
`
|
||||
: 'background-color: #FFF;'
|
||||
: ''
|
||||
}
|
||||
}`}
|
||||
`}
|
||||
>
|
||||
<QuickSearchInput
|
||||
withSeparator={hasChildrens(children)}
|
||||
|
||||
@@ -77,23 +77,24 @@ export const QuickSearchInput = ({
|
||||
justify-content: space-between;
|
||||
border-radius: 4px;
|
||||
margin: 12px 12px 0 12px;
|
||||
border: 1px solid #CFD5DE;
|
||||
background-color: #eff1f5;
|
||||
border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary);
|
||||
background-color: var(--c--contextuals--background--semantic--neutral--tertiary);
|
||||
padding: 6px 8px;
|
||||
cursor: pointer !important;
|
||||
transition: border-color 0.2s ease;
|
||||
&:hover {
|
||||
border: 2px solid #CFD5DE;
|
||||
border: 2px solid var(--c--contextuals--border--semantic--neutral--tertiary);
|
||||
padding: 5px 7px;
|
||||
}
|
||||
&:focus-within {
|
||||
border: 2px solid #3E5DE7;
|
||||
border: 2px solid var(--c--contextuals--border--semantic--brand--primary);
|
||||
padding: 5px 7px;
|
||||
}
|
||||
& input {
|
||||
font-family: 'Marianne' !important;
|
||||
border: none;
|
||||
font-size: 0.9rem;
|
||||
color: var(--c--contextuals--content--semantic--neutral--primary);
|
||||
font-weight: 400;
|
||||
background-color: transparent;
|
||||
&:focus {
|
||||
@@ -104,7 +105,7 @@ export const QuickSearchInput = ({
|
||||
`}
|
||||
>
|
||||
<Box $direction="row" $gap="6px">
|
||||
<Icon iconName="search" $variation="600" />
|
||||
<Icon iconName="search" $theme="neutral" $variation="tertiary" />
|
||||
<Command.Input
|
||||
aria-label={t('Quick search input')}
|
||||
value={localValue}
|
||||
@@ -132,10 +133,10 @@ export const QuickSearchInput = ({
|
||||
padding: 7px;
|
||||
z-index: 1000;
|
||||
&:hover {
|
||||
background-color: #e4e6ea;
|
||||
background-color: var(--c--contextuals--background--semantic--neutral--secondary);
|
||||
}
|
||||
&:focus-visible {
|
||||
outline: 2px solid #3E5DE7;
|
||||
outline: 2px solid var(--c--contextuals--border--semantic--brand--primary);
|
||||
outline-offset: 2px;
|
||||
}`}
|
||||
>
|
||||
|
||||
@@ -15,10 +15,9 @@ export const QuickSearchStyle = createGlobalStyle`
|
||||
|
||||
[cmdk-input] {
|
||||
border: none;
|
||||
|
||||
&::placeholder {
|
||||
input::placeholder {
|
||||
font-size: 14px;
|
||||
color: #626A80;
|
||||
color: var(--c--contextuals--content--semantic--neutral--tertiary) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -41,14 +40,14 @@ export const QuickSearchStyle = createGlobalStyle`
|
||||
|
||||
&:hover,
|
||||
&[data-selected='true'] {
|
||||
background: var(--c--theme--colors--greyscale-100);
|
||||
background: var(--c--theme--colors--gray-100);
|
||||
.show-right-on-focus {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-disabled='true'] {
|
||||
color: var(--c--theme--colors--greyscale-500);
|
||||
color: var(--c--theme--colors--gray-500);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
@@ -79,7 +78,7 @@ export const QuickSearchStyle = createGlobalStyle`
|
||||
height: 20px;
|
||||
border-radius: 4px;
|
||||
color: white;
|
||||
background: var(--c--theme--colors--greyscale-500);
|
||||
background: var(--c--contextuals--content--semantic--neutral--tertiary);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -102,7 +101,7 @@ export const QuickSearchStyle = createGlobalStyle`
|
||||
padding: 0 var(--c--theme--spacings--xs);
|
||||
user-select: none;
|
||||
font-size: 12px;
|
||||
color: var(--c--theme--colors--greyscale-700);
|
||||
color: var(--c--theme--colors--gray-700);
|
||||
font-weight: 700;;
|
||||
margin-bottom: var(--c--theme--spacings--xs);
|
||||
}
|
||||
|
||||
@@ -26,7 +26,7 @@ export const HorizontalSeparator = ({
|
||||
$background={
|
||||
variant === SeparatorVariant.DARK
|
||||
? '#e5e5e533'
|
||||
: colorsTokens['greyscale-100']
|
||||
: colorsTokens['gray-100']
|
||||
}
|
||||
className="--docs--horizontal-separator"
|
||||
/>
|
||||
|
||||
@@ -13,7 +13,7 @@ export const SeparatedSection = ({
|
||||
showSeparator = true,
|
||||
children,
|
||||
}: PropsWithChildren<Props>) => {
|
||||
const { colorsTokens, spacingsTokens } = useCunninghamTheme();
|
||||
const { spacingsTokens } = useCunninghamTheme();
|
||||
return (
|
||||
<Box
|
||||
$css={css`
|
||||
@@ -21,7 +21,8 @@ export const SeparatedSection = ({
|
||||
padding: ${spacingsTokens['sm']} 0;
|
||||
${showSeparator &&
|
||||
css`
|
||||
border-bottom: 1px solid ${colorsTokens['greyscale-100']};
|
||||
border-bottom: 1px solid
|
||||
var(--c--contextuals--border--surface--primary);
|
||||
`}
|
||||
`}
|
||||
>
|
||||
|
||||
+11
-7
@@ -1,16 +1,20 @@
|
||||
import { useCunninghamTheme } from '../useCunninghamTheme';
|
||||
|
||||
describe('<useCunninghamTheme />', () => {
|
||||
it('has the logo correctly set', () => {
|
||||
expect(useCunninghamTheme.getState().themeTokens.logo?.src).toBe('');
|
||||
it('has the favicon correctly set', () => {
|
||||
const favicon1 = (
|
||||
useCunninghamTheme.getState().componentTokens as Record<string, unknown>
|
||||
).favicon as { 'png-light': string; 'png-dark': string } | undefined;
|
||||
expect(favicon1?.['png-light']).toBe('/assets/favicon-light.png');
|
||||
|
||||
// Change theme
|
||||
useCunninghamTheme.getState().setTheme('dsfr');
|
||||
|
||||
const { themeTokens } = useCunninghamTheme.getState();
|
||||
const logo = themeTokens.logo;
|
||||
expect(logo?.src).toBe('/assets/logo-gouv.svg');
|
||||
expect(logo?.widthHeader).toBe('110px');
|
||||
expect(logo?.widthFooter).toBe('220px');
|
||||
const { componentTokens } = useCunninghamTheme.getState();
|
||||
const favicon = (componentTokens as Record<string, unknown>).favicon as
|
||||
| { 'png-light': string; 'png-dark': string }
|
||||
| undefined;
|
||||
expect(favicon?.['png-light']).toBe('/assets/favicon-light.png');
|
||||
expect(favicon?.['png-dark']).toBe('/assets/favicon-dark.png');
|
||||
});
|
||||
});
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
* Select
|
||||
**/
|
||||
--c--components--forms-select--value-color--disabled: var(
|
||||
--c--theme--colors--greyscale-400
|
||||
--c--globals--colors--gray-400
|
||||
);
|
||||
|
||||
/**
|
||||
@@ -41,7 +41,7 @@
|
||||
* Tooltip
|
||||
*/
|
||||
.c__tooltip {
|
||||
padding: 4px 6px;
|
||||
padding: var(--c--globals--font--sizes--sm) var(--c--globals--spacings--xxs);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,61 +1,116 @@
|
||||
import merge from 'lodash/merge';
|
||||
import { create } from 'zustand';
|
||||
import { persist } from 'zustand/middleware';
|
||||
|
||||
import { tokens } from './cunningham-tokens';
|
||||
|
||||
type Tokens = typeof tokens.themes.default &
|
||||
Partial<(typeof tokens.themes)[keyof typeof tokens.themes]>;
|
||||
type ColorsTokens = Tokens['theme']['colors'];
|
||||
type FontSizesTokens = Tokens['theme']['font']['sizes'];
|
||||
type SpacingsTokens = Tokens['theme']['spacings'];
|
||||
type ComponentTokens = Tokens['components'] & {
|
||||
alpha?: boolean;
|
||||
beta?: boolean;
|
||||
};
|
||||
type ColorsTokens = Tokens['globals']['colors'];
|
||||
type FontSizesTokens = Tokens['globals']['font']['sizes'];
|
||||
type SpacingsTokens = Tokens['globals']['spacings'];
|
||||
type ComponentTokens = Partial<
|
||||
| (Tokens['components'] & Tokens['globals']['components'])
|
||||
| Record<string, unknown>
|
||||
> &
|
||||
Record<string, unknown>;
|
||||
type ContextualTokens = Tokens['contextuals'];
|
||||
export type Theme = keyof typeof tokens.themes;
|
||||
|
||||
interface ThemeStore {
|
||||
colorsTokens: Partial<ColorsTokens>;
|
||||
componentTokens: ComponentTokens;
|
||||
contextualTokens: ContextualTokens;
|
||||
currentTokens: Partial<Tokens>;
|
||||
fontSizesTokens: Partial<FontSizesTokens>;
|
||||
setTheme: (theme: Theme) => void;
|
||||
spacingsTokens: Partial<SpacingsTokens>;
|
||||
theme: Theme;
|
||||
themeTokens: Partial<Tokens['theme']>;
|
||||
themeTokens: Partial<Tokens['globals']>;
|
||||
isDarkMode: boolean;
|
||||
toggleDarkMode: () => void;
|
||||
}
|
||||
|
||||
const getMergedTokens = (theme: Theme) => {
|
||||
return merge({}, tokens.themes['default'], tokens.themes[theme]);
|
||||
};
|
||||
|
||||
const DEFAULT_THEME: Theme = 'generic';
|
||||
const getComponentTokens = (
|
||||
mergedTokens: ReturnType<typeof getMergedTokens>,
|
||||
) => {
|
||||
// Merge components from root level (favicon, etc.) and globals.components (logo, etc.)
|
||||
return merge(
|
||||
{},
|
||||
mergedTokens.components || {},
|
||||
mergedTokens.globals?.components || {},
|
||||
);
|
||||
};
|
||||
|
||||
const DEFAULT_THEME: Theme = 'default';
|
||||
const defaultTokens = getMergedTokens(DEFAULT_THEME);
|
||||
|
||||
const initialState: ThemeStore = {
|
||||
colorsTokens: defaultTokens.theme.colors,
|
||||
componentTokens: defaultTokens.components,
|
||||
colorsTokens: defaultTokens.globals.colors,
|
||||
componentTokens: getComponentTokens(defaultTokens),
|
||||
contextualTokens: defaultTokens.contextuals,
|
||||
currentTokens: tokens.themes[DEFAULT_THEME] as Partial<Tokens>,
|
||||
fontSizesTokens: defaultTokens.theme.font.sizes,
|
||||
fontSizesTokens: defaultTokens.globals.font.sizes,
|
||||
setTheme: () => {},
|
||||
spacingsTokens: defaultTokens.theme.spacings,
|
||||
spacingsTokens: defaultTokens.globals.spacings,
|
||||
theme: DEFAULT_THEME,
|
||||
themeTokens: defaultTokens.theme,
|
||||
themeTokens: defaultTokens.globals,
|
||||
isDarkMode: false,
|
||||
toggleDarkMode: () => {},
|
||||
};
|
||||
|
||||
export const useCunninghamTheme = create<ThemeStore>((set) => ({
|
||||
...initialState,
|
||||
setTheme: (theme: Theme) => {
|
||||
const newTokens = getMergedTokens(theme);
|
||||
export const useCunninghamTheme = create<ThemeStore>()(
|
||||
persist(
|
||||
(set) => ({
|
||||
...initialState,
|
||||
setTheme: (theme: Theme) => {
|
||||
const newTokens = getMergedTokens(theme);
|
||||
|
||||
set({
|
||||
colorsTokens: newTokens.theme.colors,
|
||||
componentTokens: newTokens.components,
|
||||
currentTokens: tokens.themes[theme] as Partial<Tokens>,
|
||||
fontSizesTokens: newTokens.theme.font.sizes,
|
||||
spacingsTokens: newTokens.theme.spacings,
|
||||
theme,
|
||||
themeTokens: newTokens.theme,
|
||||
});
|
||||
},
|
||||
}));
|
||||
set({
|
||||
colorsTokens: newTokens.globals.colors,
|
||||
componentTokens: getComponentTokens(newTokens),
|
||||
contextualTokens: newTokens.contextuals,
|
||||
currentTokens: tokens.themes[theme] as Partial<Tokens>,
|
||||
fontSizesTokens: newTokens.globals.font.sizes,
|
||||
spacingsTokens: newTokens.globals.spacings,
|
||||
theme,
|
||||
themeTokens: newTokens.globals,
|
||||
isDarkMode: theme === 'dark' || theme === 'dsfr-dark',
|
||||
});
|
||||
},
|
||||
toggleDarkMode: () => {
|
||||
set((state) => {
|
||||
const newTheme =
|
||||
state.theme === 'default'
|
||||
? 'dark'
|
||||
: state.theme === 'dark'
|
||||
? 'default'
|
||||
: state.theme === 'dsfr'
|
||||
? 'dsfr-dark'
|
||||
: 'dsfr';
|
||||
const newTokens = getMergedTokens(newTheme);
|
||||
|
||||
return {
|
||||
colorsTokens: newTokens.globals.colors,
|
||||
componentTokens: getComponentTokens(newTokens),
|
||||
contextualTokens: newTokens.contextuals,
|
||||
currentTokens: tokens.themes[newTheme] as Partial<Tokens>,
|
||||
fontSizesTokens: newTokens.globals.font.sizes,
|
||||
spacingsTokens: newTokens.globals.spacings,
|
||||
theme: newTheme,
|
||||
themeTokens: newTokens.globals,
|
||||
isDarkMode: newTheme === 'dark' || newTheme === 'dsfr-dark',
|
||||
};
|
||||
});
|
||||
},
|
||||
}),
|
||||
{
|
||||
name: 'cunningham-theme',
|
||||
partialize: (state) => ({ isDarkMode: state.isDarkMode }),
|
||||
},
|
||||
),
|
||||
);
|
||||
|
||||
@@ -232,13 +232,21 @@ export const ActivationPage = () => {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 6px 8px;
|
||||
border: 1px solid ${error ? 'var(--c--theme--colors--danger-600)' : 'var(--c--theme--colors--greyscale-150)'};
|
||||
border: 1px solid ${
|
||||
error
|
||||
? 'var(--c--contextuals--border--semantic--error--primary)'
|
||||
: 'var(--c--contextuals--border--semantic--neutral--tertiary)'
|
||||
};
|
||||
border-radius: 4px;
|
||||
fontSize: 14px;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
|
||||
|
||||
&:focus {
|
||||
border: 1px solid ${error ? 'var(--c--theme--colors--danger-600)' : 'var(--c--theme--colors--greyscale-150)'};
|
||||
border: 1px solid ${
|
||||
error
|
||||
? 'var(--c--contextuals--border--semantic--error--primary)'
|
||||
: 'var(--c--contextuals--border--semantic--neutral--tertiary)'
|
||||
};
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
@@ -258,8 +266,8 @@ export const ActivationPage = () => {
|
||||
{error && (
|
||||
<Text
|
||||
$size="xs"
|
||||
$theme="danger"
|
||||
$variation="600"
|
||||
$theme="error"
|
||||
$variation="tertiary"
|
||||
$margin={{ top: '4px' }}
|
||||
>
|
||||
{error}
|
||||
@@ -270,7 +278,7 @@ export const ActivationPage = () => {
|
||||
<Button
|
||||
type="submit"
|
||||
fullWidth={isDesktop ? false : true}
|
||||
color="primary"
|
||||
color="brand"
|
||||
icon={<IconKey />}
|
||||
disabled={isSubmitting || !code.trim()}
|
||||
style={{
|
||||
@@ -360,14 +368,15 @@ export const ActivationPage = () => {
|
||||
<Box $direction="column" $gap="1rem" $justify="flex-end">
|
||||
<Button
|
||||
fullWidth
|
||||
color="primary"
|
||||
color="brand"
|
||||
onClick={handleNotificationRegister}
|
||||
>
|
||||
{t('Notify me')}
|
||||
</Button>
|
||||
<Button
|
||||
fullWidth
|
||||
color="tertiary"
|
||||
color="neutral"
|
||||
variant="bordered"
|
||||
onClick={() => {
|
||||
setIsNotifyModalOpen(false);
|
||||
}}
|
||||
@@ -442,8 +451,8 @@ export const ActivationPage = () => {
|
||||
<Text
|
||||
$size="xs"
|
||||
$weight="700"
|
||||
$theme="primary"
|
||||
$variation="650"
|
||||
$theme="brand"
|
||||
$variation="primary"
|
||||
$align="center"
|
||||
>
|
||||
{app.name}
|
||||
|
||||
@@ -18,7 +18,8 @@ export const ButtonLogin = () => {
|
||||
return (
|
||||
<Button
|
||||
onClick={() => gotoLogin()}
|
||||
color="primary-text"
|
||||
color="brand"
|
||||
variant="tertiary"
|
||||
aria-label={t('Login')}
|
||||
className="--docs--button-login"
|
||||
>
|
||||
@@ -30,7 +31,8 @@ export const ButtonLogin = () => {
|
||||
return (
|
||||
<Button
|
||||
onClick={gotoLogout}
|
||||
color="primary-text"
|
||||
color="brand"
|
||||
variant="tertiary"
|
||||
icon={!isDesktop ? <Icon iconName="logout" $theme="primary" /> : ''}
|
||||
aria-label={t('Logout')}
|
||||
className="--docs--button-logout"
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { Button } from '@openfun/cunningham-react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { css } from 'styled-components';
|
||||
|
||||
import { Box, Icon, Text } from '@/components';
|
||||
|
||||
@@ -54,7 +54,7 @@ export const AttachmentList = ({
|
||||
$align={isReadOnly ? 'left' : 'center'}
|
||||
>
|
||||
<Box
|
||||
$background="var(--c--theme--colors--greyscale-050)"
|
||||
$background="var(--c--contextuals--background--semantic--neutral--tertiary)"
|
||||
$width="200px"
|
||||
$direction="row"
|
||||
$gap="8px"
|
||||
@@ -66,7 +66,7 @@ export const AttachmentList = ({
|
||||
>
|
||||
{/* Extension du fichier */}
|
||||
<Box
|
||||
$background="var(--c--theme--colors--greyscale-200)"
|
||||
$background="var(--c--contextuals--background--palette--gray--primary)"
|
||||
$width="22px"
|
||||
$height="22px"
|
||||
$direction="row"
|
||||
@@ -74,11 +74,11 @@ export const AttachmentList = ({
|
||||
$justify="center"
|
||||
$css={`
|
||||
flex-shrink: 0;
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
`}
|
||||
>
|
||||
<Text
|
||||
$color="var(--c--theme--colors--greyscale-700)"
|
||||
$color="var(--c--contextuals--content--semantic--overlay--primary)"
|
||||
$weight="500"
|
||||
$css={`
|
||||
font-size: 7px;
|
||||
@@ -90,7 +90,7 @@ export const AttachmentList = ({
|
||||
<Text
|
||||
$size="xs"
|
||||
$variation="500"
|
||||
$color="var(--c--theme--colors--greyscale-850)"
|
||||
$color="var(--c--contextuals--content--semantic--neutral--primary)"
|
||||
$css={`
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@@ -105,8 +105,11 @@ export const AttachmentList = ({
|
||||
{name}
|
||||
</Text>
|
||||
{!isReadOnly && onRemove && (
|
||||
<Box
|
||||
role="button"
|
||||
<Button
|
||||
color="neutral"
|
||||
variant="tertiary"
|
||||
size="small"
|
||||
className="c__button--without-padding"
|
||||
tabIndex={0}
|
||||
aria-label={t('Remove attachment')}
|
||||
onClick={removeAttachment}
|
||||
@@ -116,22 +119,9 @@ export const AttachmentList = ({
|
||||
removeAttachment();
|
||||
}
|
||||
}}
|
||||
$css={css`
|
||||
display: block;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background-color: #e1e3e7 !important;
|
||||
}
|
||||
&:focus-visible {
|
||||
outline: 2px solid #3e5de7;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
`}
|
||||
>
|
||||
<Icon iconName="close" $theme="greyscale" $size="18px" />
|
||||
</Box>
|
||||
<Icon iconName="close" $size="18px" />
|
||||
</Button>
|
||||
)}
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
@@ -620,6 +620,7 @@ export const Chat = ({
|
||||
flex-basis: auto;
|
||||
height: 100%;
|
||||
flex-grow: 1;
|
||||
z-index: 1;
|
||||
`}
|
||||
>
|
||||
<Box
|
||||
@@ -689,16 +690,12 @@ export const Chat = ({
|
||||
</Box>
|
||||
)}
|
||||
<Box
|
||||
$radius="8px"
|
||||
$width={`${message.role === 'user' ? 'auto' : '100%'}`}
|
||||
$maxWidth="100%"
|
||||
$padding={`${message.role === 'user' ? '12px' : '0'}`}
|
||||
$margin={{ vertical: 'base' }}
|
||||
$background={`${message.role === 'user' ? '#EEF1F4' : 'white'}`}
|
||||
$css={`
|
||||
display: inline-block;
|
||||
float: right;
|
||||
${shouldApplyStreamingHeight ? `min-height: ${streamingMessageHeight}px;` : ''}`}
|
||||
className={`chatMessage ${message.role === 'user' ? 'chatMessage--user' : 'chatMessage--assistant'}`}
|
||||
style={
|
||||
shouldApplyStreamingHeight
|
||||
? { minHeight: `${streamingMessageHeight}px` }
|
||||
: undefined
|
||||
}
|
||||
>
|
||||
{/* Message content */}
|
||||
{message.content && (
|
||||
@@ -832,19 +829,22 @@ export const Chat = ({
|
||||
status === 'streaming'
|
||||
) && (
|
||||
<Box
|
||||
$css="color: #222631; font-size: 12px;"
|
||||
$css="font-size: 12px;"
|
||||
$direction="row"
|
||||
$align="center"
|
||||
className="clr-content-semantic-neutral-secondary"
|
||||
$justify="space-between"
|
||||
$gap="6px"
|
||||
$margin={{ top: 'base' }}
|
||||
>
|
||||
<Box $direction="row" $gap="4px">
|
||||
<Box
|
||||
$theme="neutral"
|
||||
$variation="secondary"
|
||||
$direction="row"
|
||||
$align="center"
|
||||
$gap="4px"
|
||||
className="c__button--neutral action-chat-button"
|
||||
className="c__button c__button--brand c__button--brand--tertiary c__button--nano clr-content-semantic-neutral-secondary"
|
||||
onClick={() => copyToClipboard(message.content)}
|
||||
onKeyDown={(e) => {
|
||||
if (e.key === 'Enter' || e.key === ' ') {
|
||||
@@ -857,13 +857,11 @@ export const Chat = ({
|
||||
>
|
||||
<Icon
|
||||
iconName="content_copy"
|
||||
$theme="greyscale"
|
||||
$variation="550"
|
||||
$size="16px"
|
||||
className="action-chat-button-icon"
|
||||
/>
|
||||
{!isMobile && (
|
||||
<Text $theme="greyscale" $variation="550">
|
||||
<Text $theme="neutral" $variation="secondary">
|
||||
{t('Copy')}
|
||||
</Text>
|
||||
)}
|
||||
@@ -881,7 +879,7 @@ export const Chat = ({
|
||||
$direction="row"
|
||||
$align="center"
|
||||
$gap="4px"
|
||||
className={`c__button--neutral action-chat-button ${isSourceOpen === message.id ? 'action-chat-button--open' : ''}`}
|
||||
className={`c__button c__button--brand c__button--brand--tertiary c__button--nano ${isSourceOpen === message.id ? 'action-chat-button--open' : ''}`}
|
||||
onClick={() => openSources(message.id)}
|
||||
onKeyDown={(e) => {
|
||||
if (
|
||||
@@ -989,7 +987,7 @@ export const Chat = ({
|
||||
position: relative;
|
||||
bottom: ${isMobile ? '8px' : '20px'};
|
||||
margin: auto;
|
||||
background-color: white;
|
||||
background-color: var(--c--contextuals--background--surface--secondary);
|
||||
z-index: 1000;
|
||||
`}
|
||||
$gap="6px"
|
||||
|
||||
@@ -33,14 +33,10 @@ export const ChatError = ({ hasLastSubmission, onRetry }: ChatErrorProps) => {
|
||||
>
|
||||
{hasLastSubmission ? (
|
||||
<Button
|
||||
size="small"
|
||||
color="tertiary"
|
||||
size="nano"
|
||||
color="neutral"
|
||||
variant="bordered"
|
||||
onClick={onRetry}
|
||||
className="retry-button"
|
||||
style={{
|
||||
color: 'var(--c--theme--colors--greyscale-550)',
|
||||
borderColor: 'var(--c--theme--colors--greyscale-300)',
|
||||
}}
|
||||
icon={
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -60,12 +56,9 @@ export const ChatError = ({ hasLastSubmission, onRetry }: ChatErrorProps) => {
|
||||
</Button>
|
||||
) : (
|
||||
<Button
|
||||
size="small"
|
||||
color="tertiary"
|
||||
style={{
|
||||
color: 'var(--c--theme--colors--greyscale-550)',
|
||||
borderColor: 'var(--c--theme--colors--greyscale-300)',
|
||||
}}
|
||||
size="nano"
|
||||
color="brand"
|
||||
variant="bordered"
|
||||
onClick={() => {
|
||||
void router.push('/');
|
||||
}}
|
||||
|
||||
@@ -62,9 +62,9 @@ const CONTAINER_CSS = `
|
||||
const INPUT_BOX_CSS = `
|
||||
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--c--theme--colors--greyscale-200);
|
||||
border: 1px solid var(--c--contextuals--border--surface--primary);
|
||||
position: relative;
|
||||
background: white;
|
||||
background: var(--c--contextuals--background--surface--primary);
|
||||
transition: all 0.2s ease;
|
||||
`;
|
||||
|
||||
@@ -72,10 +72,10 @@ const FILE_DROP_CSS = `
|
||||
top: -1px; left: -1px;
|
||||
border-radius: 12px;
|
||||
z-index: 1001;
|
||||
background-color: #EDF0FF;
|
||||
background-color: var(--c--contextuals--background--semantic--brand--tertiary);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
outline: 2px solid #90A7FF;
|
||||
outline: 2px solid var(--c--contextuals--border--semantic--brand--secondary);
|
||||
box-shadow: 0 0 64px 0 rgba(62, 93, 231, 0.25);
|
||||
`;
|
||||
const DRAG_FADE_CSS = `
|
||||
@@ -421,10 +421,16 @@ export const InputChat = ({
|
||||
>
|
||||
<FilesIcon />
|
||||
<Box>
|
||||
<Text $weight="700" $color="#223E9E">
|
||||
<Text
|
||||
$weight="700"
|
||||
$color="var(--c--contextuals--border--semantic--brand--primary)"
|
||||
>
|
||||
{t('Add file')}
|
||||
</Text>
|
||||
<Text $weight="400" $color="#223E9E">
|
||||
<Text
|
||||
$weight="400"
|
||||
$color="var(--c--contextuals--border--semantic--brand--primary)"
|
||||
>
|
||||
{t('To add a file to the conversation, drop it here.')}
|
||||
</Text>
|
||||
</Box>
|
||||
|
||||
@@ -49,7 +49,8 @@ const MOBILE_WEB_BUTTON_CSS = `
|
||||
|
||||
const ACTIVE_WEB_BUTTON_CSS = `
|
||||
.research-web-button {
|
||||
background-color: var(--c--theme--colors--primary-100) !important;
|
||||
background-color: var(--c--contextuals--background--semantic--brand--secondary) !important;
|
||||
color: var(--c--contextuals--content--semantic--brand--secondary) !important;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -137,46 +138,30 @@ export const InputChatActions = memo(
|
||||
>
|
||||
{/* Attach file button */}
|
||||
<Button
|
||||
size="small"
|
||||
size="nano"
|
||||
type="button"
|
||||
color="neutral"
|
||||
className="c__button--neutral"
|
||||
variant="tertiary"
|
||||
disabled={!fileUploadEnabled || isUploadingFiles}
|
||||
onClick={onAttachClick}
|
||||
aria-label={t('Add attach file')}
|
||||
className="c__button--neutral attach-file-button"
|
||||
icon={
|
||||
<Icon
|
||||
iconName="attach_file"
|
||||
$theme="greyscale"
|
||||
$variation="550"
|
||||
$size={attachIconSize}
|
||||
/>
|
||||
}
|
||||
icon={<Icon iconName="attach_file" $size={attachIconSize} />}
|
||||
>
|
||||
{!isMobile && (
|
||||
<Text $theme="greyscale" $variation="550" $weight="500">
|
||||
{t('Attach file')}
|
||||
</Text>
|
||||
)}
|
||||
{!isMobile && <Text $weight="500">{t('Attach file')}</Text>}
|
||||
</Button>
|
||||
|
||||
{/* Web search toggle button */}
|
||||
{onWebSearchToggle && (
|
||||
<Box $margin={STYLES.webSearchMargin} $css={webSearchWrapperCss}>
|
||||
<Button
|
||||
size="small"
|
||||
size="nano"
|
||||
type="button"
|
||||
disabled={!webSearchEnabled || isUploadingFiles}
|
||||
onClick={onWebSearchToggle}
|
||||
aria-label={t('Research on the web')}
|
||||
className="c__button--neutral research-web-button"
|
||||
icon={
|
||||
<Icon
|
||||
iconName="language"
|
||||
$theme="greyscale"
|
||||
$variation="550"
|
||||
$css={webSearchIconCss}
|
||||
/>
|
||||
}
|
||||
icon={<Icon iconName="language" $css={webSearchIconCss} />}
|
||||
>
|
||||
{!isMobile && (
|
||||
<Text
|
||||
@@ -193,13 +178,18 @@ export const InputChatActions = memo(
|
||||
$gap="xs"
|
||||
$css={MOBILE_TEXT_WRAPPER_CSS}
|
||||
>
|
||||
<Text $theme="primary" $weight="500" $css={MOBILE_TEXT_CSS}>
|
||||
<Text
|
||||
$theme="brand"
|
||||
$variation="secondary"
|
||||
$weight="500"
|
||||
$css={MOBILE_TEXT_CSS}
|
||||
>
|
||||
{t('Web')}
|
||||
</Text>
|
||||
<Icon
|
||||
iconName="close"
|
||||
$variation="text"
|
||||
$theme="primary"
|
||||
$theme="brand"
|
||||
$variation="secondary"
|
||||
$size="md"
|
||||
$css={CLOSE_ICON_CSS}
|
||||
/>
|
||||
@@ -211,7 +201,12 @@ export const InputChatActions = memo(
|
||||
</Box>
|
||||
|
||||
{/* Right side: Model selector + Send */}
|
||||
<Box $direction="row" $padding={STYLES.horizontalPadding} $gap="xs">
|
||||
<Box
|
||||
$direction="row"
|
||||
$align="center"
|
||||
$padding={STYLES.horizontalPadding}
|
||||
$gap="xs"
|
||||
>
|
||||
{onModelSelect && (
|
||||
<Box $padding={STYLES.horizontalPaddingXs}>
|
||||
<ModelSelector
|
||||
|
||||
@@ -152,8 +152,8 @@ export const ModelSelector = ({
|
||||
bottom: 100%;
|
||||
right: -30px;
|
||||
width: 300px;
|
||||
background: white;
|
||||
border: 1px solid var(--c--theme--colors--greyscale-100);
|
||||
background: var(--c--contextuals--background--surface--tertiary);
|
||||
border: 1px solid var(--c--contextuals--background--surface--secondary);
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 0 6px 0 rgba(0, 0, 145, 0.10);
|
||||
z-index: 1000;
|
||||
@@ -162,7 +162,7 @@ export const ModelSelector = ({
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
justify-content: space-between;
|
||||
|
||||
|
||||
/* Custom scrollbar */
|
||||
&::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
@@ -171,11 +171,11 @@ export const ModelSelector = ({
|
||||
background: transparent;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: var(--c--theme--colors--greyscale-300);
|
||||
background: var(--c--contextuals--background--surface--secondary);
|
||||
border-radius: 3px;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--c--theme--colors--greyscale-400);
|
||||
background: var(--c--contextuals--background--surface--secondary);
|
||||
}
|
||||
`}
|
||||
>
|
||||
@@ -192,13 +192,13 @@ export const ModelSelector = ({
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
background-color: #f2f5f4;
|
||||
background-color: var(--c--contextuals--background--surface--secondary);
|
||||
}
|
||||
|
||||
${
|
||||
currentModel?.hrid === model.hrid
|
||||
? `
|
||||
background-color: #f2f5f4;
|
||||
background-color: var(--c--contextuals--background--surface--secondary);
|
||||
`
|
||||
: ''
|
||||
}
|
||||
@@ -227,8 +227,8 @@ export const ModelSelector = ({
|
||||
$css="display: flex; align-items: center; justify-content: space-between; gap: 16px;"
|
||||
>
|
||||
<Text
|
||||
$theme="greyscale"
|
||||
$variation="850"
|
||||
$theme="neutral"
|
||||
$variation="primary"
|
||||
$weight="500"
|
||||
$size="s"
|
||||
>
|
||||
@@ -237,8 +237,8 @@ export const ModelSelector = ({
|
||||
{model.is_default && (
|
||||
<Box>
|
||||
<Text
|
||||
$theme="greyscale"
|
||||
$variation="550"
|
||||
$theme="neutral"
|
||||
$variation="tertiary"
|
||||
$size="xs"
|
||||
$weight="400"
|
||||
>
|
||||
|
||||
@@ -46,12 +46,12 @@ export const ScrollDown: React.FC<ScrollDownProps> = ({
|
||||
`}
|
||||
>
|
||||
<Button
|
||||
className="c__button--bordered"
|
||||
className="c__button--background"
|
||||
aria-label="See more"
|
||||
color="brand"
|
||||
variant="bordered"
|
||||
onClick={onClick}
|
||||
icon={
|
||||
<Icon $variation="text" $theme="primary" iconName="arrow_downward" />
|
||||
}
|
||||
icon={<Icon $theme="inherit" iconName="arrow_downward" />}
|
||||
/>
|
||||
</Box>
|
||||
);
|
||||
|
||||
@@ -41,26 +41,20 @@ export const SendButton = ({
|
||||
type="submit"
|
||||
aria-label={t('Send')}
|
||||
disabled={disabled || status === 'error'}
|
||||
color="primary"
|
||||
icon={
|
||||
<Icon
|
||||
$variation="800"
|
||||
$theme="primary-text"
|
||||
iconName="arrow_upward"
|
||||
/>
|
||||
}
|
||||
variant="primary"
|
||||
icon={<Icon $theme="primary-text" iconName="arrow_upward" />}
|
||||
/>
|
||||
) : (
|
||||
<Button
|
||||
size="small"
|
||||
size="nano"
|
||||
type="button"
|
||||
aria-label={t('Stop')}
|
||||
disabled={false}
|
||||
onClick={onClick}
|
||||
className="c__button--stop"
|
||||
className="c__button--stop bg-semantic-neutral-primary"
|
||||
icon={<StopIcon />}
|
||||
>
|
||||
<Text $theme="greyscale" $variation="000">
|
||||
<Text $theme="neutral" $variation="on-neutral">
|
||||
{t('Stop')}
|
||||
</Text>
|
||||
</Button>
|
||||
|
||||
@@ -30,7 +30,7 @@ const SourceItemListComponent: React.FC<SourceItemListProps> = ({
|
||||
$padding={{ all: 'sm' }}
|
||||
$gap="4px"
|
||||
$css={`
|
||||
border: 1px solid var(--c--theme--colors--greyscale-100);
|
||||
border: 1px solid var(--c--contextuals--border--surface--primary);
|
||||
border-radius: 8px;
|
||||
margin-top: 0.5rem;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -45,6 +45,11 @@ export const ToolInvocationItem: React.FC<ToolInvocationItemProps> = ({
|
||||
$width="100%"
|
||||
$maxWidth="750px"
|
||||
$margin={{ all: 'auto', top: 'base', bottom: 'md' }}
|
||||
$background="var(--c--contextuals--background--surface--tertiary)"
|
||||
$color="var(--c--contextuals--content--semantic--neutral--secondary)"
|
||||
$padding={{ all: 'sm' }}
|
||||
$radius="8px"
|
||||
$css="font-size: 0.9em; width: 100%; white-space: pre-wrap; word-wrap: break-word;"
|
||||
>
|
||||
<Loader />
|
||||
<Text $variation="600" $size="md">
|
||||
|
||||
@@ -19,8 +19,9 @@ export const Feedback = (_props: { buttonProps?: Partial<ButtonProps> }) => {
|
||||
<Button
|
||||
icon={<InfoIcon />}
|
||||
fullWidth
|
||||
color="info"
|
||||
variant="secondary"
|
||||
onClick={() => modal.open()}
|
||||
className="c__button--info"
|
||||
>
|
||||
{t('Give feedback')}
|
||||
</Button>
|
||||
@@ -101,25 +102,25 @@ const FeedbackButton = ({
|
||||
align-items: center;
|
||||
transition: all 0.2s ease;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--c--theme--colors--greyscale-100);
|
||||
color: var(--c--theme--colors--greyscale-600) !important;
|
||||
border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary);
|
||||
color: var(--c--contextuals--content--semantic--neutral--secondary) !important;
|
||||
|
||||
&:hover {
|
||||
border-color: #b6d7fb;
|
||||
background-color: #e7f2fd;
|
||||
color: var(--c--theme--colors--info-600) !important;
|
||||
background-color: var(--c--contextuals--background--semantic--info--tertiary) !important;
|
||||
color: var(--c--contextuals--content--semantic--info--secondary) !important;
|
||||
span {
|
||||
color: var(--c--theme--colors--info-600) !important;
|
||||
color: var(--c--contextuals--content--semantic--info--secondary) !important;
|
||||
}
|
||||
}
|
||||
`}
|
||||
>
|
||||
<div style={{ flexShrink: 0 }}>{icon}</div>
|
||||
<Box $direction="column" $gap="xs">
|
||||
<Text $weight="700" $size="sm" $color="greyscale-900">
|
||||
<Text $weight="700" $size="sm">
|
||||
{title}
|
||||
</Text>
|
||||
<Text $size="sm" $color="greyscale-600" style={{ lineHeight: '1.4' }}>
|
||||
<Text $size="sm" style={{ lineHeight: '1.4' }}>
|
||||
{description}
|
||||
</Text>
|
||||
</Box>
|
||||
|
||||
@@ -5,6 +5,7 @@ import styled, { css } from 'styled-components';
|
||||
|
||||
import { Box, StyledLink, Text } from '@/components/';
|
||||
import { useConfig } from '@/core/config';
|
||||
import { useCunninghamTheme } from '@/cunningham';
|
||||
|
||||
import { Title } from '../header';
|
||||
|
||||
@@ -24,8 +25,13 @@ export const Footer = () => {
|
||||
const footerJson = config?.theme_customization?.footer;
|
||||
const { i18n, t } = useTranslation();
|
||||
const resolvedLanguage = i18n.resolvedLanguage;
|
||||
const { componentTokens } = useCunninghamTheme();
|
||||
const [content, setContent] = useState<ContentType>();
|
||||
|
||||
const themeLogo = (componentTokens as Record<string, unknown>).logo as
|
||||
| { src: string; alt: string; widthHeader: string; widthFooter: string }
|
||||
| undefined;
|
||||
|
||||
useEffect(() => {
|
||||
if (!footerJson) {
|
||||
return;
|
||||
@@ -34,7 +40,15 @@ export const Footer = () => {
|
||||
const langData = footerJson[resolvedLanguage as keyof typeof footerJson];
|
||||
const innerContent: ContentType = {};
|
||||
|
||||
innerContent.logo = langData?.logo || footerJson?.default?.logo;
|
||||
// Use theme logo if available (for DSFR theme), otherwise use config logo
|
||||
innerContent.logo = themeLogo?.src
|
||||
? {
|
||||
src: themeLogo.src,
|
||||
alt: themeLogo.alt,
|
||||
width: themeLogo.widthFooter,
|
||||
withTitle: false,
|
||||
}
|
||||
: langData?.logo || footerJson?.default?.logo;
|
||||
innerContent.legalLinks =
|
||||
langData?.legalLinks || footerJson?.default?.legalLinks;
|
||||
innerContent.externalLinks =
|
||||
@@ -47,7 +61,7 @@ export const Footer = () => {
|
||||
: footerJson?.default?.bottomInformation;
|
||||
|
||||
setContent(innerContent);
|
||||
}, [footerJson, resolvedLanguage]);
|
||||
}, [footerJson, resolvedLanguage, themeLogo]);
|
||||
|
||||
const { logo, legalLinks, externalLinks, bottomInformation } = content || {};
|
||||
|
||||
@@ -151,8 +165,9 @@ export const Footer = () => {
|
||||
`}
|
||||
>
|
||||
<Text
|
||||
$variation="600"
|
||||
$variation="secondary"
|
||||
$size="m"
|
||||
$theme="neutral"
|
||||
$transition="box-shadow 0.3s"
|
||||
$css={css`
|
||||
&:hover {
|
||||
@@ -171,7 +186,8 @@ export const Footer = () => {
|
||||
as="p"
|
||||
$size="m"
|
||||
$margin={{ top: 'big' }}
|
||||
$variation="600"
|
||||
$variation="secondary"
|
||||
$theme="neutral"
|
||||
$display="inline"
|
||||
className="--docs--footer-licence"
|
||||
>
|
||||
@@ -187,7 +203,9 @@ export const Footer = () => {
|
||||
gap: 0.2rem;
|
||||
`}
|
||||
>
|
||||
<Text $variation="600">{bottomInformation.link.label}</Text>
|
||||
<Text $variation="tertiary" $theme="neutral">
|
||||
{bottomInformation.link.label}
|
||||
</Text>
|
||||
<IconLink width={14} />
|
||||
</StyledLink>
|
||||
)}
|
||||
|
||||
+2
-1
@@ -15,7 +15,8 @@ export const ButtonToggleLeftPanel = () => {
|
||||
aria-label={
|
||||
isPanelOpen ? t('Close the left panel') : t('Open the left panel')
|
||||
}
|
||||
color="primary-text"
|
||||
color="brand"
|
||||
variant="tertiary"
|
||||
icon={<LeftPanelIcon />}
|
||||
className="--docs--button-toggle-panel"
|
||||
/>
|
||||
|
||||
+3
-2
@@ -13,8 +13,9 @@ export const ButtonTogglePanel = () => {
|
||||
size="medium"
|
||||
onClick={() => togglePanel()}
|
||||
aria-label={isPanelOpen ? t('Close the menu') : t('Open the menu')}
|
||||
color="primary-text"
|
||||
icon={<Icon $theme="primary" iconName={isPanelOpen ? 'close' : 'menu'} />}
|
||||
color="brand"
|
||||
variant="tertiary"
|
||||
icon={<Icon $theme="default" iconName={isPanelOpen ? 'close' : 'menu'} />}
|
||||
className="mobile-no-focus"
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -43,10 +43,10 @@ export const Header = () => {
|
||||
justify-content: space-between;
|
||||
height: ${isDesktop ? HEADER_HEIGHT : '52'}px;
|
||||
padding: 0 ${spacingsTokens['base']};
|
||||
background-color: ${colorsTokens['greyscale-000']};
|
||||
background-color: var(--c--contextuals--background--surface--secondary);
|
||||
border-bottom: ${isAtTop
|
||||
? `1px solid transparent`
|
||||
: `1px solid ${colorsTokens['greyscale-100']}`};
|
||||
: `1px solid var(--c--contextuals--border--surface--primary)`};
|
||||
transition: border-bottom 0.2s ease;
|
||||
`}
|
||||
className="--docs--header"
|
||||
@@ -64,7 +64,7 @@ export const Header = () => {
|
||||
<Logo
|
||||
aria-label={t('{{productName}} Logo', { productName })}
|
||||
width={139}
|
||||
color={colorsTokens['primary-text']}
|
||||
color={colorsTokens['logo-1-light']}
|
||||
/>
|
||||
</StyledLink>
|
||||
<Box className="c__button--feedback">{isDesktop && <Feedback />}</Box>
|
||||
@@ -79,7 +79,8 @@ export const Header = () => {
|
||||
}}
|
||||
className="mobile-no-focus"
|
||||
aria-label={t('New chat')}
|
||||
color="primary-text"
|
||||
color="brand"
|
||||
variant="tertiary"
|
||||
icon={<NewChatIcon />}
|
||||
/>
|
||||
</Box>
|
||||
|
||||
@@ -1,43 +1,113 @@
|
||||
import { Gaufre } from '@gouvfr-lasuite/integration';
|
||||
// import { Gaufre } from '@gouvfr-lasuite/integration';
|
||||
import '@gouvfr-lasuite/integration/dist/css/gaufre.css';
|
||||
import { Button } from '@openfun/cunningham-react';
|
||||
import Script from 'next/script';
|
||||
import React from 'react';
|
||||
import { createGlobalStyle } from 'styled-components';
|
||||
import { useEffect } from 'react';
|
||||
|
||||
import { useCunninghamTheme } from '@/cunningham';
|
||||
|
||||
const GaufreStyle = createGlobalStyle`
|
||||
.lasuite-gaufre-btn{
|
||||
box-shadow: inset 0 0 0 0 !important;
|
||||
border-radius: 4px !important;
|
||||
&:focus {
|
||||
box-shadow: box-shadow: inset 0 0 0 0 !important;
|
||||
}
|
||||
.lasuite-gaufre-btn.lasuite--gaufre-opened {
|
||||
box-shadow: box-shadow: inset 0 0 0 0 !important;
|
||||
}
|
||||
&:before {
|
||||
background-color: #304DDF !important;
|
||||
}
|
||||
declare global {
|
||||
interface Window {
|
||||
_lasuite_widget?: unknown[];
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
export const LaGaufre = () => {
|
||||
const { componentTokens } = useCunninghamTheme();
|
||||
useEffect(() => {
|
||||
const wrapper = document.querySelector('[data-gaufre-button-wrapper]');
|
||||
const button = wrapper?.querySelector('button') as HTMLButtonElement;
|
||||
if (button && !button.id) {
|
||||
button.id = 'gaufre_button';
|
||||
button.setAttribute('aria-expanded', 'false');
|
||||
}
|
||||
|
||||
if (!componentTokens['la-gaufre']) {
|
||||
return null;
|
||||
}
|
||||
const applyZIndex = () => {
|
||||
const shadowHost = document.querySelector(
|
||||
'#lasuite-widget-lagaufre-shadow',
|
||||
);
|
||||
const wrapper = shadowHost?.shadowRoot?.querySelector(
|
||||
'#wrapper',
|
||||
) as HTMLElement;
|
||||
if (wrapper) {
|
||||
wrapper.style.zIndex = '1000000000';
|
||||
}
|
||||
};
|
||||
|
||||
setTimeout(applyZIndex, 500);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<>
|
||||
<div data-gaufre-button-wrapper>
|
||||
<Button
|
||||
variant="tertiary"
|
||||
className="!w-10 !h-10 !p-0 !min-w-0"
|
||||
aria-label="Les services de LaSuite"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 18 18"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<defs>
|
||||
<path
|
||||
fill="var(--c--contextuals--content--semantic--brand--tertiary)"
|
||||
id="square"
|
||||
d="M2.7959 0.5C3.26483 0.5 3.49956 0.49985 3.68848 0.564453C4.03934 0.684581 4.31542 0.960658 4.43555 1.31152C4.50015 1.50044 4.5 1.73517 4.5 2.2041V2.7959C4.5 3.26483 4.50015 3.49956 4.43555 3.68848C4.31542 4.03934 4.03934 4.31542 3.68848 4.43555C3.49956 4.50015 3.26483 4.5 2.7959 4.5H2.2041C1.73517 4.5 1.50044 4.50015 1.31152 4.43555C0.960658 4.31542 0.684581 4.03934 0.564453 3.68848C0.49985 3.49956 0.5 3.26483 0.5 2.7959V2.2041C0.5 1.73517 0.49985 1.50044 0.564453 1.31152C0.684581 0.960658 0.960658 0.684581 1.31152 0.564453C1.50044 0.49985 1.73517 0.5 2.2041 0.5H2.7959Z"
|
||||
/>
|
||||
</defs>
|
||||
<use href="#square" transform="translate(0, 0)" />
|
||||
<use href="#square" transform="translate(6.5, 0)" />
|
||||
<use href="#square" transform="translate(13, 0)" />
|
||||
<use href="#square" transform="translate(0, 6.5)" />
|
||||
<use href="#square" transform="translate(6.5, 6.5)" />
|
||||
<use href="#square" transform="translate(13, 6.5)" />
|
||||
<use href="#square" transform="translate(0, 13)" />
|
||||
<use href="#square" transform="translate(6.5, 13)" />
|
||||
<use href="#square" transform="translate(13, 13)" />
|
||||
</svg>
|
||||
</Button>
|
||||
</div>
|
||||
<Script
|
||||
src="https://integration.lasuite.numerique.gouv.fr/api/v1/gaufre.js"
|
||||
src="https://static.suite.anct.gouv.fr/widgets/lagaufre.js"
|
||||
strategy="lazyOnload"
|
||||
id="lasuite-gaufre-script"
|
||||
onLoad={() => {
|
||||
const button = document.getElementById('gaufre_button');
|
||||
if (button) {
|
||||
window._lasuite_widget = window._lasuite_widget || [];
|
||||
window._lasuite_widget.push([
|
||||
'lagaufre',
|
||||
'init',
|
||||
{
|
||||
api: 'https://lasuite.numerique.gouv.fr/api/services',
|
||||
label: 'Services de la Suite numérique',
|
||||
closeLabel: 'Fermer le menu',
|
||||
headerLabel: 'À propos',
|
||||
backgroundColor: '#fff',
|
||||
background:
|
||||
'linear-gradient(#f1f2fd, rgba(255, 255, 255, 1) 20.54%, #FFF 0%',
|
||||
headerLogo: '/assets/lasuite.svg',
|
||||
headerUrl: 'https://lasuite.numerique.gouv.fr',
|
||||
loadingText: 'Chargement…',
|
||||
newWindowLabelSuffix: ' (nouvelle fenêtre)',
|
||||
fontFamily: 'Marianne',
|
||||
buttonElement: button,
|
||||
viewMoreLabel: 'Voir plus',
|
||||
viewLessLabel: 'Voir moins',
|
||||
position: () => {
|
||||
return {
|
||||
backgroundColor: '#fff',
|
||||
position: 'fixed',
|
||||
top: 65,
|
||||
right: 20,
|
||||
};
|
||||
},
|
||||
},
|
||||
]);
|
||||
}
|
||||
}}
|
||||
/>
|
||||
<GaufreStyle />
|
||||
<Gaufre variant="small" />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -15,7 +15,7 @@ export const Title = () => {
|
||||
<Text
|
||||
$margin="none"
|
||||
as="h2"
|
||||
$color={colorsTokens['primary-text']}
|
||||
$color={colorsTokens['logo-1-light']}
|
||||
$zIndex={1}
|
||||
$size="1.375rem"
|
||||
>
|
||||
|
||||
@@ -18,10 +18,12 @@ import { getHeaderHeight } from './HomeHeader';
|
||||
|
||||
export default function HomeBanner() {
|
||||
const { t } = useTranslation();
|
||||
const { componentTokens, spacingsTokens, colorsTokens } =
|
||||
const { spacingsTokens, colorsTokens, componentTokens } =
|
||||
useCunninghamTheme();
|
||||
const { isMobile, isSmallMobile } = useResponsiveStore();
|
||||
const withProConnect = componentTokens['home-proconnect'];
|
||||
const withProConnect = Boolean(
|
||||
(componentTokens as Record<string, unknown>)['home-proconnect'],
|
||||
);
|
||||
|
||||
return (
|
||||
<Box
|
||||
@@ -54,12 +56,13 @@ export default function HomeBanner() {
|
||||
<IconAssistant
|
||||
aria-label={t('{{productName}} Logo', { productName })}
|
||||
width={64}
|
||||
color={colorsTokens['primary-text']}
|
||||
color={colorsTokens['logo-1-light']}
|
||||
/>
|
||||
<Text
|
||||
as="h2"
|
||||
$size="xs-alt"
|
||||
$variation="800"
|
||||
$theme="neutral"
|
||||
$variation="primary"
|
||||
$weight="bold"
|
||||
$textAlign="left"
|
||||
$margin="none"
|
||||
@@ -69,17 +72,7 @@ export default function HomeBanner() {
|
||||
>
|
||||
{t('Your sovereign AI assistant')}
|
||||
</Text>
|
||||
{/* <Text
|
||||
// $padding={{ horizontal: 'base' }}
|
||||
$size="lg"
|
||||
$variation="700"
|
||||
$textAlign="left"
|
||||
>
|
||||
{t(
|
||||
'Ask questions, get help with writing, or find reliable information online — Assistant simplifies your work while keeping your data secure.',
|
||||
)}
|
||||
</Text>*/}
|
||||
<Text $variation="500">
|
||||
<Text $theme="neutral" $variation="tertiary">
|
||||
{t(
|
||||
'A privacy-first assistant built for French public teams. Natively synced with LaSuite apps to help you draft, search, and decide without leaving your workflow. Beta access is available with a referral code.',
|
||||
)}
|
||||
@@ -106,7 +99,8 @@ export default function HomeBanner() {
|
||||
<Button
|
||||
fullWidth={isMobile ? true : false}
|
||||
href="https://docs.numerique.gouv.fr/docs/7a6e6475-5b8f-4ffb-95ea-198da9ebd6d0/"
|
||||
color="tertiary"
|
||||
color="brand"
|
||||
variant="bordered"
|
||||
target="_blank"
|
||||
>
|
||||
{t('Know more')}
|
||||
@@ -115,22 +109,6 @@ export default function HomeBanner() {
|
||||
</Box>
|
||||
{!isMobile && <Banner />}
|
||||
</Box>
|
||||
{/* <Box $css="bottom: 3rem" $position="absolute">
|
||||
<Button
|
||||
color="secondary"
|
||||
icon={
|
||||
<Icon $theme="primary" $variation="800" iconName="expand_more" />
|
||||
}
|
||||
onClick={(e) => {
|
||||
e.preventDefault();
|
||||
document
|
||||
.querySelector('#docs-app-info')
|
||||
?.scrollIntoView({ behavior: 'smooth' });
|
||||
}}
|
||||
>
|
||||
{t('Show more')}
|
||||
</Button>
|
||||
</Box>*/}
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -10,7 +10,9 @@ import { useResponsiveStore } from '@/stores';
|
||||
|
||||
export function HomeBottom() {
|
||||
const { componentTokens } = useCunninghamTheme();
|
||||
const withProConnect = componentTokens['home-proconnect'];
|
||||
const withProConnect = Boolean(
|
||||
(componentTokens as Record<string, unknown>)['home-proconnect'],
|
||||
);
|
||||
|
||||
if (!withProConnect) {
|
||||
return null;
|
||||
@@ -21,7 +23,7 @@ export function HomeBottom() {
|
||||
|
||||
function HomeProConnect() {
|
||||
const { t } = useTranslation();
|
||||
const { spacingsTokens, colorsTokens } = useCunninghamTheme();
|
||||
const { spacingsTokens } = useCunninghamTheme();
|
||||
const { isMobile } = useResponsiveStore();
|
||||
const parentGap = '230px';
|
||||
|
||||
@@ -48,7 +50,6 @@ function HomeProConnect() {
|
||||
<IconAssistant
|
||||
aria-label={t('{{productName}} Logo', { productName })}
|
||||
width={34}
|
||||
color={colorsTokens['primary-text']}
|
||||
/>
|
||||
<Title />
|
||||
</Box>
|
||||
|
||||
@@ -10,7 +10,6 @@ import { useResponsiveStore } from '@/stores';
|
||||
|
||||
import HomeBanner from './HomeBanner';
|
||||
import { HomeHeader, getHeaderHeight } from './HomeHeader';
|
||||
// import { HomeSection } from './HomeSection';
|
||||
|
||||
export function HomeContent() {
|
||||
const { t: _t } = useTranslation();
|
||||
@@ -44,116 +43,6 @@ export function HomeContent() {
|
||||
$margin="auto"
|
||||
>
|
||||
<HomeBanner />
|
||||
{/* <Box
|
||||
id="docs-app-info"
|
||||
$maxWidth="100%"
|
||||
$gap={isMobile ? '115px' : '230px'}
|
||||
$padding={{ bottom: '3rem' }}
|
||||
>
|
||||
<Box $gap={isMobile ? '115px' : '30px'}>
|
||||
<HomeSection
|
||||
isColumn={false}
|
||||
isSmallDevice={isTablet}
|
||||
illustration={SC5}
|
||||
title={t('Govs ❤️ Open Source.')}
|
||||
tag={t('Open Source')}
|
||||
textWidth="60%"
|
||||
$css={`min-height: calc(100vh - ${getHeaderHeight(isSmallMobile)}px);`}
|
||||
description={
|
||||
<Box
|
||||
$css={css`
|
||||
& a {
|
||||
color: ${colorsTokens['primary-600']};
|
||||
}
|
||||
`}
|
||||
>
|
||||
<Text as="p" $display="inline">
|
||||
<Trans
|
||||
t={t}
|
||||
i18nKey="home-content-open-source-part1"
|
||||
productName={productName}
|
||||
>
|
||||
{{ productName }} is built on top of{' '}
|
||||
<a
|
||||
href="https://www.django-rest-framework.org/"
|
||||
target="_blank"
|
||||
>
|
||||
Django Rest Framework
|
||||
</a>{' '}
|
||||
and{' '}
|
||||
<a href="https://nextjs.org/" target="_blank">
|
||||
Next.js
|
||||
</a>
|
||||
. We also use{' '}
|
||||
<a href="https://ai-sdk.dev/" target="_blank">
|
||||
Vercel‘s AI SDK
|
||||
</a>{' '}
|
||||
and{' '}
|
||||
<a
|
||||
href="https://github.com/openai/openai-agents-python"
|
||||
target="_blank"
|
||||
>
|
||||
OpenAI Agents SDK
|
||||
</a>
|
||||
.
|
||||
</Trans>
|
||||
</Text>
|
||||
<Text as="p" $display="inline">
|
||||
<Trans
|
||||
t={t}
|
||||
i18nKey="home-content-open-source-part2"
|
||||
productName={productName}
|
||||
>
|
||||
You can easily self-host {{ productName }} (check our
|
||||
installation{' '}
|
||||
<a
|
||||
href="https://github.com/suitenumerique/conversations/tree/main/docs"
|
||||
target="_blank"
|
||||
>
|
||||
documentation
|
||||
</a>
|
||||
).
|
||||
<br />
|
||||
{{ productName }} uses an innovation and business
|
||||
friendly{' '}
|
||||
<a
|
||||
href="https://github.com/suitenumerique/conversations/blob/main/LICENSE"
|
||||
target="_blank"
|
||||
>
|
||||
licence
|
||||
</a>{' '}
|
||||
(MIT).
|
||||
<br />
|
||||
Contributions are welcome (see our roadmap{' '}
|
||||
<a
|
||||
href="https://github.com/orgs/numerique-gouv/projects/13/views/11"
|
||||
target="_blank"
|
||||
>
|
||||
here
|
||||
</a>
|
||||
).
|
||||
</Trans>
|
||||
</Text>
|
||||
<Box
|
||||
$direction="row"
|
||||
$gap="1rem"
|
||||
$margin={{ top: 'small' }}
|
||||
>
|
||||
<Button
|
||||
color="secondary"
|
||||
icon={<GithubIcon />}
|
||||
href="https://github.com/suitenumerique/conversations"
|
||||
target="_blank"
|
||||
>
|
||||
Github
|
||||
</Button>
|
||||
</Box>
|
||||
</Box>
|
||||
}
|
||||
/>
|
||||
</Box>*/}
|
||||
{/* <HomeBottom />
|
||||
</Box>*/}
|
||||
</Box>
|
||||
<Footer />
|
||||
</Box>
|
||||
|
||||
@@ -20,9 +20,12 @@ export const getHeaderHeight = (isSmallMobile: boolean) =>
|
||||
|
||||
export const HomeHeader = () => {
|
||||
const { t } = useTranslation();
|
||||
const { themeTokens, spacingsTokens, colorsTokens } = useCunninghamTheme();
|
||||
const logo = themeTokens.logo;
|
||||
const { spacingsTokens, colorsTokens, componentTokens } =
|
||||
useCunninghamTheme();
|
||||
const { isSmallMobile, isDesktop } = useResponsiveStore();
|
||||
const logo = (componentTokens as Record<string, unknown>).logo as
|
||||
| { src: string; alt: string; widthHeader: string; widthFooter: string }
|
||||
| undefined;
|
||||
|
||||
return (
|
||||
<Box
|
||||
@@ -67,7 +70,7 @@ export const HomeHeader = () => {
|
||||
<Logo
|
||||
aria-label={t('{{productName}} Logo', { productName })}
|
||||
width={139}
|
||||
color={colorsTokens['primary-text']}
|
||||
color={colorsTokens['logo-1-light']}
|
||||
/>
|
||||
</Box>
|
||||
{isDesktop && <Feedback />}
|
||||
|
||||
@@ -1,226 +0,0 @@
|
||||
import Image, { ImageProps } from 'next/image';
|
||||
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { css } from 'styled-components';
|
||||
|
||||
import { Box, BoxType, Text } from '@/components';
|
||||
import { useCunninghamTheme } from '@/cunningham';
|
||||
import { useResponsiveStore } from '@/stores';
|
||||
|
||||
export type HomeSectionProps = {
|
||||
description: React.ReactNode;
|
||||
tag: string;
|
||||
title: string;
|
||||
availableSoon?: boolean;
|
||||
illustration?: ImageProps['src'];
|
||||
isColumn?: boolean;
|
||||
isSmallDevice?: boolean;
|
||||
reverse?: boolean;
|
||||
textWidth?: string;
|
||||
video?: string;
|
||||
$css?: BoxType['$css'];
|
||||
};
|
||||
|
||||
export const HomeSection = ({
|
||||
availableSoon = false,
|
||||
$css,
|
||||
description,
|
||||
illustration,
|
||||
isSmallDevice,
|
||||
isColumn = true,
|
||||
reverse = false,
|
||||
tag,
|
||||
textWidth = '50%',
|
||||
title,
|
||||
video,
|
||||
}: HomeSectionProps) => {
|
||||
const { t } = useTranslation();
|
||||
const { spacingsTokens } = useCunninghamTheme();
|
||||
|
||||
const { isSmallMobile } = useResponsiveStore();
|
||||
|
||||
const direction = useMemo(() => {
|
||||
if (isSmallDevice) {
|
||||
return 'column';
|
||||
} else if (isColumn) {
|
||||
return reverse ? 'column-reverse' : 'column';
|
||||
}
|
||||
|
||||
return reverse ? 'row-reverse' : 'row';
|
||||
}, [isColumn, isSmallDevice, reverse]);
|
||||
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
const sectionRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
/**
|
||||
* Intersection Observer to trigger animation when the section is in the viewport
|
||||
*/
|
||||
useEffect(() => {
|
||||
const currentSection = sectionRef.current;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
setIsVisible(true);
|
||||
observer.disconnect();
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 },
|
||||
);
|
||||
|
||||
if (currentSection) {
|
||||
observer.observe(currentSection);
|
||||
}
|
||||
|
||||
return () => {
|
||||
if (currentSection) {
|
||||
observer.unobserve(currentSection);
|
||||
}
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<Box
|
||||
ref={sectionRef}
|
||||
$align="center"
|
||||
$justify="center"
|
||||
$width="100%"
|
||||
$hasTransition="slow"
|
||||
$css={css`
|
||||
opacity: ${isVisible ? 1 : 0};
|
||||
${$css}
|
||||
`}
|
||||
className="--docs--home-section"
|
||||
>
|
||||
<Box
|
||||
$direction={direction}
|
||||
$gap={!isSmallDevice ? spacingsTokens['lg'] : spacingsTokens['sm']}
|
||||
$maxHeight="100%"
|
||||
$height="auto"
|
||||
$width="100%"
|
||||
>
|
||||
<Box
|
||||
$gap={spacingsTokens['sm']}
|
||||
$maxWidth="850px"
|
||||
$css={direction === 'column' ? '100%' : `flex-basis: ${textWidth};`}
|
||||
>
|
||||
<Box $direction="row" $gap={spacingsTokens['sm']} $wrap="wrap">
|
||||
<SectionTag tag={tag} />
|
||||
{availableSoon && (
|
||||
<SectionTag tag={t('Available soon')} availableSoon />
|
||||
)}
|
||||
</Box>
|
||||
<Text
|
||||
as="h2"
|
||||
$css={css`
|
||||
line-height: ${!isSmallDevice ? '50px' : 'normal'};
|
||||
`}
|
||||
$variation="1000"
|
||||
$weight="bold"
|
||||
$size={!isSmallDevice ? 'xs-alt' : isSmallMobile ? 'h6' : 'h4'}
|
||||
$textAlign="left"
|
||||
$margin="none"
|
||||
>
|
||||
{title}
|
||||
</Text>
|
||||
<Text
|
||||
$variation="700"
|
||||
$weight="400"
|
||||
$size={isSmallMobile ? 'ml' : 'md'}
|
||||
>
|
||||
{description}
|
||||
</Text>
|
||||
</Box>
|
||||
|
||||
{video && !isSmallDevice && (
|
||||
<Box<'video'>
|
||||
as="video"
|
||||
preload="none"
|
||||
loop
|
||||
muted
|
||||
autoPlay
|
||||
src={video}
|
||||
$css={css`
|
||||
width: 100%;
|
||||
max-width: ${isSmallDevice ? 'calc(100dvw - 50px)' : '1200px'};
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: auto;
|
||||
`}
|
||||
onPlay={(e) => {
|
||||
const videoElement = e.currentTarget;
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (!entry.isIntersecting) {
|
||||
videoElement.pause();
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
void videoElement.play();
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 },
|
||||
);
|
||||
observer.observe(videoElement);
|
||||
}}
|
||||
>
|
||||
<source src={video} type="video/webm" />
|
||||
</Box>
|
||||
)}
|
||||
|
||||
{illustration && (isSmallDevice || !video) && (
|
||||
<Image
|
||||
className="c__image-system-filter"
|
||||
src={illustration}
|
||||
alt={t('Illustration')}
|
||||
style={{
|
||||
width: 'fit-content',
|
||||
maxWidth: '100%',
|
||||
height: 'fit-content',
|
||||
margin: 'auto',
|
||||
overflow: 'auto',
|
||||
flexBasis: direction === 'column' ? 'fit-content' : '50%',
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
|
||||
const SectionTag = ({
|
||||
tag,
|
||||
availableSoon,
|
||||
}: {
|
||||
tag: string;
|
||||
availableSoon?: boolean;
|
||||
}) => {
|
||||
const { colorsTokens, spacingsTokens } = useCunninghamTheme();
|
||||
return (
|
||||
<Box
|
||||
$background={
|
||||
!availableSoon
|
||||
? colorsTokens['primary-100']
|
||||
: colorsTokens['warning-100']
|
||||
}
|
||||
$padding={{ horizontal: spacingsTokens['sm'], vertical: '6px' }}
|
||||
$css={css`
|
||||
align-self: flex-start;
|
||||
border-radius: 4px;
|
||||
`}
|
||||
>
|
||||
<Text
|
||||
$size="md"
|
||||
$variation={availableSoon ? '600' : '800'}
|
||||
$weight="bold"
|
||||
$theme={availableSoon ? 'warning' : 'primary'}
|
||||
>
|
||||
{tag}
|
||||
</Text>
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
+17
-18
@@ -2,21 +2,19 @@ import { useMemo } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { css } from 'styled-components';
|
||||
|
||||
import { DropdownMenu, Icon, Text } from '@/components/';
|
||||
import { Box, DropdownMenu, Icon } from '@/components/';
|
||||
import { useConfig } from '@/core';
|
||||
import { useAuthQuery } from '@/features/auth';
|
||||
import {
|
||||
getMatchingLocales,
|
||||
useSynchronizedLanguage,
|
||||
} from '@/features/language';
|
||||
import { useResponsiveStore } from '@/stores';
|
||||
|
||||
export const LanguagePicker = () => {
|
||||
const { t, i18n } = useTranslation();
|
||||
const { data: conf } = useConfig();
|
||||
const { data: user } = useAuthQuery();
|
||||
const { changeLanguageSynchronized } = useSynchronizedLanguage();
|
||||
const { isDesktop } = useResponsiveStore();
|
||||
const language = i18n.language;
|
||||
|
||||
// Compute options for dropdown
|
||||
@@ -40,35 +38,36 @@ export const LanguagePicker = () => {
|
||||
return (
|
||||
<DropdownMenu
|
||||
options={optionsPicker}
|
||||
showArrow={isDesktop}
|
||||
label={t('Language')}
|
||||
showArrow
|
||||
label={t('Select language')}
|
||||
buttonCss={css`
|
||||
&:hover {
|
||||
background-color: var(
|
||||
--c--components--button--primary-text--background--color-hover
|
||||
);
|
||||
}
|
||||
border-radius: 4px;
|
||||
transition: all var(--c--globals--transitions--duration)
|
||||
var(--c--globals--transitions--ease-out) !important;
|
||||
border-radius: var(--c--globals--spacings--st);
|
||||
padding: 0.5rem 0.6rem;
|
||||
font-weight: 500;
|
||||
& > div {
|
||||
gap: 0.2rem;
|
||||
display: flex;
|
||||
}
|
||||
& .material-icons {
|
||||
color: var(--c--components--button--primary-text--color) !important;
|
||||
color: var(
|
||||
--c--contextuals--content--palette--brand--primary
|
||||
) !important;
|
||||
}
|
||||
`}
|
||||
>
|
||||
<Text
|
||||
$theme="primary"
|
||||
$size="md"
|
||||
<Box
|
||||
className="--docs--language-picker-text"
|
||||
$direction="row"
|
||||
$gap="0.5rem"
|
||||
className="--docs--language-picker-text"
|
||||
$align="center"
|
||||
$theme="brand"
|
||||
$variation="tertiary"
|
||||
>
|
||||
<Icon iconName="translate" $color="inherit" $size="xl" />
|
||||
{isDesktop ? currentLanguageLabel : ''}
|
||||
</Text>
|
||||
{currentLanguageLabel}
|
||||
</Box>
|
||||
</DropdownMenu>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.17334 8.58659C8.27636 8.58665 8.36372 8.62392 8.43506 8.69922C8.51036 8.77056 8.54763 8.85792 8.54769 8.96094C8.54769 9.06395 8.51026 9.1513 8.43506 9.22266C8.36372 9.294 8.27637 9.33002 8.17334 9.33008H4.97477C4.87164 9.33008 4.78445 9.29405 4.71305 9.22266C4.64171 9.15127 4.60563 9.06403 4.60563 8.96094C4.60569 8.85792 4.63982 8.77056 4.70719 8.69922C4.77856 8.624 4.86778 8.58659 4.97477 8.58659H8.17334Z" fill="#4A6AEF"/>
|
||||
<path d="M10.9598 6.68815C11.0669 6.68815 11.1566 6.72607 11.228 6.80143C11.2994 6.87677 11.3348 6.96213 11.3348 7.05729C11.3348 7.1643 11.2993 7.2535 11.228 7.32487C11.1566 7.39627 11.0669 7.43229 10.9598 7.43229H4.97477C4.87165 7.43229 4.78445 7.39626 4.71305 7.32487C4.64166 7.25348 4.60564 7.16438 4.60563 7.05729C4.60563 6.9621 4.63976 6.8768 4.70719 6.80143C4.77857 6.72616 4.86774 6.68815 4.97477 6.68815H10.9598Z" fill="#4A6AEF"/>
|
||||
<path d="M10.9598 4.80208C11.0669 4.80208 11.1566 4.83811 11.228 4.90951C11.2993 4.98087 11.3348 5.06626 11.3348 5.16536C11.3348 5.26839 11.2993 5.35763 11.228 5.43294C11.1566 5.50434 11.0669 5.54036 10.9598 5.54036H4.97477C4.87167 5.54036 4.78444 5.5043 4.71305 5.43294C4.64168 5.3576 4.60566 5.26845 4.60563 5.16536C4.60563 5.0662 4.63976 4.9809 4.70719 4.90951C4.77858 4.83817 4.86772 4.80208 4.97477 4.80208H10.9598Z" fill="#4A6AEF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8706 2C12.4694 2.00002 12.977 2.11126 13.3934 2.33333C13.8059 2.55543 14.1212 2.87461 14.3394 3.29102C14.5575 3.7035 14.6668 4.20528 14.6668 4.79622V9.41341C14.6668 10.0044 14.5575 10.508 14.3394 10.9245C14.1172 11.337 13.8019 11.6542 13.3934 11.8763C12.9809 12.0984 12.4873 12.2096 11.9123 12.2096H11.5907V13.6732C11.5907 13.9389 11.5255 14.1494 11.3947 14.304C11.2599 14.4587 11.0733 14.5358 10.8354 14.5358C10.6689 14.5358 10.5121 14.4922 10.3654 14.4049C10.2186 14.3217 10.0436 14.1909 9.84131 14.0124L7.8068 12.2096H4.12972C3.53481 12.2096 3.02924 12.0984 2.61279 11.8763C2.19632 11.6542 1.87912 11.337 1.66097 10.9245C1.44282 10.508 1.3335 10.0044 1.3335 9.41341V4.79622C1.33351 4.20528 1.44283 3.7035 1.66097 3.29102C1.87912 2.87461 2.19637 2.55543 2.61279 2.33333C3.02924 2.11124 3.53482 2.00002 4.12972 2H11.8706ZM4.16553 3.17188C3.60237 3.17188 3.1859 3.31285 2.91618 3.5944C2.6425 3.87205 2.50538 4.28468 2.50537 4.83203V9.37175C2.50538 9.92307 2.6425 10.3395 2.91618 10.6211C3.18589 10.8987 3.6023 11.0378 4.16553 11.0378H7.86605C8.04851 11.0378 8.19574 11.0592 8.3068 11.1029C8.41386 11.1425 8.53084 11.226 8.65772 11.3529L10.5438 13.2214V11.5254C10.5438 11.347 10.5836 11.2218 10.6629 11.1504C10.7383 11.0752 10.8592 11.0378 11.0256 11.0378H11.8407C12.3999 11.0378 12.8163 10.8987 13.09 10.6211C13.3597 10.3395 13.4949 9.92307 13.495 9.37175V4.83203C13.4949 4.28468 13.3597 3.87205 13.09 3.5944C12.8163 3.31287 12.3998 3.17188 11.8407 3.17188H4.16553Z" fill="#4A6AEF"/>
|
||||
<path d="M8.17334 8.58659C8.27636 8.58665 8.36372 8.62392 8.43506 8.69922C8.51036 8.77056 8.54763 8.85792 8.54769 8.96094C8.54769 9.06395 8.51026 9.1513 8.43506 9.22266C8.36372 9.294 8.27637 9.33002 8.17334 9.33008H4.97477C4.87164 9.33008 4.78445 9.29405 4.71305 9.22266C4.64171 9.15127 4.60563 9.06403 4.60563 8.96094C4.60569 8.85792 4.63982 8.77056 4.70719 8.69922C4.77856 8.624 4.86778 8.58659 4.97477 8.58659H8.17334Z" fill="var(--c--contextuals--content--semantic--brand--tertiary)"/>
|
||||
<path d="M10.9598 6.68815C11.0669 6.68815 11.1566 6.72607 11.228 6.80143C11.2994 6.87677 11.3348 6.96213 11.3348 7.05729C11.3348 7.1643 11.2993 7.2535 11.228 7.32487C11.1566 7.39627 11.0669 7.43229 10.9598 7.43229H4.97477C4.87165 7.43229 4.78445 7.39626 4.71305 7.32487C4.64166 7.25348 4.60564 7.16438 4.60563 7.05729C4.60563 6.9621 4.63976 6.8768 4.70719 6.80143C4.77857 6.72616 4.86774 6.68815 4.97477 6.68815H10.9598Z" fill="var(--c--contextuals--content--semantic--brand--tertiary)"/>
|
||||
<path d="M10.9598 4.80208C11.0669 4.80208 11.1566 4.83811 11.228 4.90951C11.2993 4.98087 11.3348 5.06626 11.3348 5.16536C11.3348 5.26839 11.2993 5.35763 11.228 5.43294C11.1566 5.50434 11.0669 5.54036 10.9598 5.54036H4.97477C4.87167 5.54036 4.78444 5.5043 4.71305 5.43294C4.64168 5.3576 4.60566 5.26845 4.60563 5.16536C4.60563 5.0662 4.63976 4.9809 4.70719 4.90951C4.77858 4.83817 4.86772 4.80208 4.97477 4.80208H10.9598Z" fill="var(--c--contextuals--content--semantic--brand--tertiary)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8706 2C12.4694 2.00002 12.977 2.11126 13.3934 2.33333C13.8059 2.55543 14.1212 2.87461 14.3394 3.29102C14.5575 3.7035 14.6668 4.20528 14.6668 4.79622V9.41341C14.6668 10.0044 14.5575 10.508 14.3394 10.9245C14.1172 11.337 13.8019 11.6542 13.3934 11.8763C12.9809 12.0984 12.4873 12.2096 11.9123 12.2096H11.5907V13.6732C11.5907 13.9389 11.5255 14.1494 11.3947 14.304C11.2599 14.4587 11.0733 14.5358 10.8354 14.5358C10.6689 14.5358 10.5121 14.4922 10.3654 14.4049C10.2186 14.3217 10.0436 14.1909 9.84131 14.0124L7.8068 12.2096H4.12972C3.53481 12.2096 3.02924 12.0984 2.61279 11.8763C2.19632 11.6542 1.87912 11.337 1.66097 10.9245C1.44282 10.508 1.3335 10.0044 1.3335 9.41341V4.79622C1.33351 4.20528 1.44283 3.7035 1.66097 3.29102C1.87912 2.87461 2.19637 2.55543 2.61279 2.33333C3.02924 2.11124 3.53482 2.00002 4.12972 2H11.8706ZM4.16553 3.17188C3.60237 3.17188 3.1859 3.31285 2.91618 3.5944C2.6425 3.87205 2.50538 4.28468 2.50537 4.83203V9.37175C2.50538 9.92307 2.6425 10.3395 2.91618 10.6211C3.18589 10.8987 3.6023 11.0378 4.16553 11.0378H7.86605C8.04851 11.0378 8.19574 11.0592 8.3068 11.1029C8.41386 11.1425 8.53084 11.226 8.65772 11.3529L10.5438 13.2214V11.5254C10.5438 11.347 10.5836 11.2218 10.6629 11.1504C10.7383 11.0752 10.8592 11.0378 11.0256 11.0378H11.8407C12.3999 11.0378 12.8163 10.8987 13.09 10.6211C13.3597 10.3395 13.4949 9.92307 13.495 9.37175V4.83203C13.4949 4.28468 13.3597 3.87205 13.09 3.5944C12.8163 3.31287 12.3998 3.17188 11.8407 3.17188H4.16553Z" fill="var(--c--contextuals--content--semantic--brand--tertiary)"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 3.1 KiB |
+21
-27
@@ -13,29 +13,6 @@ interface ConversationItemActionsProps {
|
||||
conversation: ChatConversation;
|
||||
}
|
||||
|
||||
const dropdownStyles = css`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
&:hover {
|
||||
background-color: #e1e3e7 !important;
|
||||
}
|
||||
&:focus-visible {
|
||||
outline: 2px solid #3e5de7;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
`;
|
||||
|
||||
const iconStyles = css`
|
||||
font-size: 1rem;
|
||||
color: var(--c--theme--colors--primary-text-text);
|
||||
pointer-events: none;
|
||||
`;
|
||||
|
||||
export const ConversationItemActions = ({
|
||||
conversation,
|
||||
}: ConversationItemActionsProps) => {
|
||||
@@ -73,14 +50,31 @@ export const ConversationItemActions = ({
|
||||
<DropdownMenu
|
||||
options={options}
|
||||
label={dropdownLabel}
|
||||
buttonCss={dropdownStyles}
|
||||
buttonCss={css`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
&:hover {
|
||||
background-color: var(
|
||||
--c--contextuals--background--semantic--overlay--primary
|
||||
) !important;
|
||||
}
|
||||
&:focus-visible {
|
||||
outline: 2px solid
|
||||
var(--c--contextuals--content--semantic--brand--tertiary);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
`}
|
||||
>
|
||||
<Icon
|
||||
data-testid={`conversation-item-actions-button-${conversation.id}`}
|
||||
iconName="more_horiz"
|
||||
$theme="primary"
|
||||
$variation="600"
|
||||
$css={iconStyles}
|
||||
$theme="brand"
|
||||
$variation="tertiary"
|
||||
/>
|
||||
</DropdownMenu>
|
||||
|
||||
|
||||
@@ -21,7 +21,7 @@ const MobileLeftPanelStyle = createGlobalStyle`
|
||||
export const LeftPanel = () => {
|
||||
const { isDesktop } = useResponsiveStore();
|
||||
|
||||
const { colorsTokens, spacingsTokens } = useCunninghamTheme();
|
||||
const { spacingsTokens } = useCunninghamTheme();
|
||||
const { setPanelOpen, isPanelOpen } = useChatPreferencesStore();
|
||||
|
||||
useEffect(() => {
|
||||
@@ -39,8 +39,8 @@ export const LeftPanel = () => {
|
||||
width: 300px;
|
||||
min-width: 300px;
|
||||
overflow: hidden;
|
||||
border-right: 1px solid ${colorsTokens['greyscale-100']};
|
||||
background-color: #F7F8FA;
|
||||
border-right: 1px solid var(--c--contextuals--border--surface--primary);
|
||||
background-color: var(--c--contextuals--background--surface--tertiary);
|
||||
`}
|
||||
className="--docs--left-panel-desktop"
|
||||
>
|
||||
@@ -61,15 +61,18 @@ export const LeftPanel = () => {
|
||||
<Box
|
||||
$hasTransition
|
||||
$css={css`
|
||||
z-index: 999;
|
||||
z-index: 1000;
|
||||
overflow: hidden;
|
||||
width: ${isPanelOpen ? '100%' : '200px'};
|
||||
height: calc(100dvh - 52px);
|
||||
border-right: 1px solid var(--c--theme--colors--greyscale-200);
|
||||
border-right: 1px solid
|
||||
var(--c--contextuals--border--surface-primary);
|
||||
position: fixed;
|
||||
top: 52px;
|
||||
left: ${isPanelOpen ? '0' : '-300px'};
|
||||
background-color: #fff;
|
||||
background-color: var(
|
||||
--c--contextuals--background--surface--secondary
|
||||
);
|
||||
`}
|
||||
className="--docs--left-panel-mobile"
|
||||
>
|
||||
@@ -92,7 +95,8 @@ export const LeftPanel = () => {
|
||||
height: 52px;
|
||||
width: 100%;
|
||||
gap: ${spacingsTokens['base']};
|
||||
border-top: 1px solid #dfe2ea;
|
||||
border-top: 1px solid
|
||||
var(--c--contextuals--border--surface--primary);
|
||||
`}
|
||||
$justify="space-between"
|
||||
$align="center"
|
||||
|
||||
+17
-20
@@ -19,17 +19,30 @@ const linkStyles = css`
|
||||
color: var(--c--theme--colors--greyscale-900);
|
||||
`;
|
||||
|
||||
const baseBoxStyles = css`
|
||||
const getBoxStyles = (
|
||||
isCurrentConversation: boolean,
|
||||
isDesktop: boolean,
|
||||
) => css`
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
margin-bottom: 1px;
|
||||
|
||||
background-color: ${isCurrentConversation
|
||||
? 'var(--c--contextuals--background--semantic--overlay--primary)'
|
||||
: ''};
|
||||
font-weight: ${isCurrentConversation ? '700' : '500'};
|
||||
transition: background-color 0.2s cubic-bezier(1, 0, 0, 1);
|
||||
|
||||
.pinned-actions {
|
||||
padding: 2px 0;
|
||||
opacity: ${isDesktop ? 0 : 1};
|
||||
background-color: transparent;
|
||||
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
|
||||
}
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:focus-within {
|
||||
background-color: #ebedf1;
|
||||
background-color: var(
|
||||
--c--contextuals--background--semantic--overlay--primary
|
||||
);
|
||||
.pinned-actions {
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -39,22 +52,6 @@ const baseBoxStyles = css`
|
||||
}
|
||||
`;
|
||||
|
||||
const getBoxStyles = (
|
||||
isCurrentConversation: boolean,
|
||||
isDesktop: boolean,
|
||||
) => css`
|
||||
${baseBoxStyles}
|
||||
background-color: ${isCurrentConversation ? '#ebedf1' : 'transparent'};
|
||||
font-weight: ${isCurrentConversation ? '700' : '500'};
|
||||
|
||||
.pinned-actions {
|
||||
padding: 2px 0;
|
||||
opacity: ${isDesktop ? 0 : 1};
|
||||
background-color: transparent;
|
||||
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
|
||||
}
|
||||
`;
|
||||
|
||||
const containerPadding = { horizontal: 'xs', vertical: '4px' };
|
||||
|
||||
export const LeftPanelConversationItem = memo(
|
||||
|
||||
+2
-1
@@ -39,7 +39,8 @@ export const LeftPanelHeader = ({ children }: PropsWithChildren) => {
|
||||
<Box $direction="row" $gap="2px">
|
||||
<Button
|
||||
aria-label={t('New chat')}
|
||||
color="primary"
|
||||
color="brand"
|
||||
variant="primary"
|
||||
icon={<NewChatIcon />}
|
||||
onClick={goToHome}
|
||||
>
|
||||
|
||||
+4
-2
@@ -46,7 +46,8 @@ export const ModalRemoveConversation = ({
|
||||
<>
|
||||
<Button
|
||||
aria-label={t('Close the modal')}
|
||||
color="tertiary"
|
||||
color="brand"
|
||||
variant="bordered"
|
||||
fullWidth
|
||||
onClick={() => onClose()}
|
||||
>
|
||||
@@ -54,7 +55,8 @@ export const ModalRemoveConversation = ({
|
||||
</Button>
|
||||
<Button
|
||||
aria-label={t('Confirm deletion')}
|
||||
color="danger"
|
||||
color="error"
|
||||
variant="primary"
|
||||
fullWidth
|
||||
onClick={() =>
|
||||
removeDoc({
|
||||
|
||||
+4
-2
@@ -57,14 +57,16 @@ export const ModalRenameConversation = ({
|
||||
<>
|
||||
<Button
|
||||
aria-label={t('Close the modal')}
|
||||
color="tertiary"
|
||||
color="brand"
|
||||
variant="bordered"
|
||||
onClick={() => onClose()}
|
||||
>
|
||||
{t('Cancel')}
|
||||
</Button>
|
||||
<Button
|
||||
aria-label={t('Rename chat')}
|
||||
color="primary"
|
||||
color="brand"
|
||||
variant="primary"
|
||||
type="submit"
|
||||
form="rename-chat-form"
|
||||
>
|
||||
|
||||
+2
-5
@@ -31,7 +31,7 @@ export const SimpleConversationItem = memo(function SimpleConversationItem({
|
||||
showAccesses: _showAccesses = false,
|
||||
}: SimpleConversationItemProps) {
|
||||
const { t } = useTranslation();
|
||||
const { spacingsTokens, colorsTokens } = useCunninghamTheme();
|
||||
const { spacingsTokens } = useCunninghamTheme();
|
||||
const title = conversation.title || t('Untitled conversation');
|
||||
|
||||
return (
|
||||
@@ -47,10 +47,7 @@ export const SimpleConversationItem = memo(function SimpleConversationItem({
|
||||
$css={bubbleContainerStyles}
|
||||
$padding={`${spacingsTokens['3xs']} 0`}
|
||||
>
|
||||
<BubbleIcon
|
||||
aria-label={t('Simple chat icon')}
|
||||
color={colorsTokens['primary-500']}
|
||||
/>
|
||||
<BubbleIcon aria-label={t('Simple chat icon')} color="brand" />
|
||||
</Box>
|
||||
<Box $justify="center" $overflow="auto">
|
||||
<Text
|
||||
|
||||
@@ -14,7 +14,8 @@ export const SettingsButton = () => {
|
||||
<>
|
||||
<Button
|
||||
size="medium"
|
||||
color="primary-text"
|
||||
color="brand"
|
||||
variant="tertiary"
|
||||
onClick={() => setIsSettingsOpen(true)}
|
||||
aria-label={t('Settings')}
|
||||
icon={<Icon iconName="settings" $theme="primary" $size="24px" />}
|
||||
|
||||
+51
-64
@@ -1,8 +1,10 @@
|
||||
import { Modal, ModalSize } from '@openfun/cunningham-react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
import { Box, Icon, StyledLink, Text, useToast } from '@/components';
|
||||
import { Box, StyledLink, Text, ToggleSwitch, useToast } from '@/components';
|
||||
import { HorizontalSeparator } from '@/components/separators/HorizontalSeparator';
|
||||
import { useUserUpdate } from '@/core/api/useUserUpdate';
|
||||
import { useCunninghamTheme } from '@/cunningham';
|
||||
import { useAuthQuery } from '@/features/auth/api';
|
||||
|
||||
interface SettingsModalProps {
|
||||
@@ -15,6 +17,7 @@ export const SettingsModal = ({ onClose, isOpen }: SettingsModalProps) => {
|
||||
const { data: user } = useAuthQuery();
|
||||
const { mutateAsync: updateUser, isPending } = useUserUpdate();
|
||||
const { showToast } = useToast();
|
||||
const { isDarkMode, toggleDarkMode } = useCunninghamTheme();
|
||||
|
||||
const handleToggleChange = async () => {
|
||||
if (!user) {
|
||||
@@ -50,18 +53,7 @@ export const SettingsModal = ({ onClose, isOpen }: SettingsModalProps) => {
|
||||
closeOnClickOutside
|
||||
onClose={onClose}
|
||||
size={ModalSize.MEDIUM}
|
||||
title={
|
||||
<Text
|
||||
$size="h6"
|
||||
as="h6"
|
||||
$margin={{ all: '0' }}
|
||||
$align="flex-start"
|
||||
$theme="greyscale"
|
||||
$variation="850"
|
||||
>
|
||||
{t('Assistant settings')}
|
||||
</Text>
|
||||
}
|
||||
title={t('Assistant settings')}
|
||||
>
|
||||
<Box aria-label={t('Assistant settings')}>
|
||||
<Box $align="center" $justify="space-between">
|
||||
@@ -77,6 +69,46 @@ export const SettingsModal = ({ onClose, isOpen }: SettingsModalProps) => {
|
||||
'The Assistant is a sovereign conversational AI designed for public servants. It helps you save time on daily tasks like rephrasing, summarising, translating, or searching information. Your data never leaves France and is stored on secure, state-compliant infrastructures. It is never used for commercial purposes.',
|
||||
)}
|
||||
</Text>
|
||||
|
||||
<Box $gap="2xs" $padding={{ top: 'md' }}>
|
||||
<Text
|
||||
$size="md"
|
||||
$weight="500"
|
||||
$theme="greyscale"
|
||||
$variation="850"
|
||||
>
|
||||
{t('Dark mode')}
|
||||
</Text>
|
||||
<Box
|
||||
$direction="row"
|
||||
$justify="space-between"
|
||||
$align="flex-start"
|
||||
>
|
||||
<Box $css="max-width: 70%;">
|
||||
<Text
|
||||
$css={`
|
||||
display: inline-block;
|
||||
`}
|
||||
$size="xs"
|
||||
$theme="greyscale"
|
||||
$variation="600"
|
||||
$weight="400"
|
||||
>
|
||||
{t(
|
||||
'Enable dark mode to reduce eye strain in low-light environments.',
|
||||
)}
|
||||
</Text>
|
||||
</Box>
|
||||
<ToggleSwitch
|
||||
checked={isDarkMode}
|
||||
onChange={() => toggleDarkMode()}
|
||||
aria-label={t('Dark mode')}
|
||||
/>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
<HorizontalSeparator />
|
||||
|
||||
<Text
|
||||
$size="md"
|
||||
$weight="500"
|
||||
@@ -122,57 +154,12 @@ export const SettingsModal = ({ onClose, isOpen }: SettingsModalProps) => {
|
||||
</StyledLink>
|
||||
</Text>
|
||||
</Box>
|
||||
<Box $css="padding-top: 2px;">
|
||||
<Box
|
||||
$css={`
|
||||
position: relative;
|
||||
width: 44px;
|
||||
height: 24px;
|
||||
background-color: ${user?.allow_conversation_analytics ? 'var(--c--theme--colors--primary-500)' : 'var(--c--theme--colors--greyscale-300)'};
|
||||
border-radius: 12px;
|
||||
cursor: ${isPending ? 'not-allowed' : 'pointer'};
|
||||
transition: all 0.2s ease;
|
||||
opacity: ${isPending ? 0.6 : 1};
|
||||
`}
|
||||
onClick={
|
||||
isPending ? undefined : () => void handleToggleChange()
|
||||
}
|
||||
onKeyDown={(e) => {
|
||||
if (e.key === 'Enter' || e.key === ' ') {
|
||||
e.preventDefault();
|
||||
if (!isPending) {
|
||||
void handleToggleChange();
|
||||
}
|
||||
}
|
||||
}}
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
>
|
||||
<Box
|
||||
$css={`
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: ${user?.allow_conversation_analytics ? '22px' : '2px'};
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
transition: left 0.2s ease;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
`}
|
||||
>
|
||||
<Icon
|
||||
iconName={user?.allow_conversation_analytics ? 'check' : ''}
|
||||
$size="12px"
|
||||
$theme="primary"
|
||||
$variation="600"
|
||||
/>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
<ToggleSwitch
|
||||
checked={user?.allow_conversation_analytics ?? false}
|
||||
onChange={() => void handleToggleChange()}
|
||||
disabled={isPending}
|
||||
aria-label={t('Allow conversation analysis')}
|
||||
/>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
@@ -2,7 +2,6 @@ import { PropsWithChildren } from 'react';
|
||||
import { css } from 'styled-components';
|
||||
|
||||
import { Box } from '@/components';
|
||||
import { useCunninghamTheme } from '@/cunningham';
|
||||
import { useChatPreferencesStore } from '@/features/chat/stores/useChatPreferencesStore';
|
||||
import { Header } from '@/features/header';
|
||||
import { LeftPanel } from '@/features/left-panel';
|
||||
@@ -18,7 +17,6 @@ export function MainLayout({
|
||||
backgroundColor: _backgroundColor = 'white',
|
||||
}: PropsWithChildren<MainLayoutProps>) {
|
||||
const { isDesktop } = useResponsiveStore();
|
||||
const { colorsTokens } = useCunninghamTheme();
|
||||
const { isPanelOpen } = useChatPreferencesStore();
|
||||
|
||||
const HEADER_HEIGHT = `${isDesktop ? '65' : '52'}`;
|
||||
@@ -55,7 +53,6 @@ export function MainLayout({
|
||||
$padding={{
|
||||
all: isDesktop ? '0' : '0',
|
||||
}}
|
||||
$background={colorsTokens['greyscale-000']}
|
||||
$css={css`
|
||||
overflow-y: auto;
|
||||
overflow-x: clip;
|
||||
|
||||
@@ -17,7 +17,9 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
|
||||
const getLayout = Component.getLayout ?? ((page) => page);
|
||||
const { t } = useTranslation();
|
||||
const { componentTokens } = useCunninghamTheme();
|
||||
const favicon = componentTokens['favicon'];
|
||||
const favicon = (componentTokens as Record<string, unknown>).favicon as
|
||||
| { 'png-light': string; 'png-dark': string }
|
||||
| undefined;
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -30,20 +32,28 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
|
||||
`${productName}: ${t('Your new companion to use AI efficiently, intuitively, and securely.')}`,
|
||||
)}
|
||||
/>
|
||||
<link rel="icon" href={favicon['ico']} sizes="any" />
|
||||
<link rel="icon" href={favicon['png-light']} type="image/png" />
|
||||
<link
|
||||
rel="icon"
|
||||
href={favicon['png-light']}
|
||||
type="image/png"
|
||||
media="(prefers-color-scheme: light)"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href={favicon['png-dark']}
|
||||
type="image/png"
|
||||
media="(prefers-color-scheme: dark)"
|
||||
/>
|
||||
{favicon && (
|
||||
<>
|
||||
<link
|
||||
rel="icon"
|
||||
href={favicon['png-light']}
|
||||
type="image/png"
|
||||
sizes="any"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href={favicon['png-light']}
|
||||
type="image/png"
|
||||
media="(prefers-color-scheme: light)"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href={favicon['png-dark']}
|
||||
type="image/png"
|
||||
media="(prefers-color-scheme: dark)"
|
||||
/>
|
||||
</>
|
||||
)}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</Head>
|
||||
<AppProvider>{getLayout(<Component {...pageProps} />)}</AppProvider>
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: var(--c--contextuals--background--surface--secondary);
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -13,7 +14,7 @@ body {
|
||||
button:focus-visible,
|
||||
a:focus-visible,
|
||||
[role='button']:focus-visible {
|
||||
outline: 2px solid #3e5de7;
|
||||
outline: 2px solid var(--c--contextuals--semantic--brand--primary);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
@@ -62,6 +63,12 @@ nextjs-portal {
|
||||
box-shadow: 0 6px 18px 0 rgb(0 0 0 / 16%);
|
||||
}
|
||||
|
||||
.c__modal__close .c__button,
|
||||
.c__modal__close .c__button__icon {
|
||||
font-family:
|
||||
'Material Icons', 'Material Symbols Outlined', sans-serif !important;
|
||||
}
|
||||
|
||||
.c__button {
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -70,13 +77,6 @@ nextjs-portal {
|
||||
border: 1px solid var(--c--theme--colors--greyscale-150) !important;
|
||||
}
|
||||
|
||||
.c__button--bordered,
|
||||
.c__button--bordered:hover,
|
||||
.c__button--bordered:focus {
|
||||
border: 1px solid var(--c--theme--colors--greyscale-200) !important;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.c__button--bordered:focus {
|
||||
border: 1px solid rgb(0 0 0 / 16%) !important;
|
||||
}
|
||||
@@ -108,7 +108,7 @@ nextjs-portal {
|
||||
}
|
||||
|
||||
.c__button--neutral.research-web-button,
|
||||
.c__button--neutral.attach-file-button {
|
||||
.research-web-button.attach-file-button {
|
||||
padding: 9px !important;
|
||||
}
|
||||
|
||||
@@ -127,23 +127,49 @@ nextjs-portal {
|
||||
}
|
||||
}
|
||||
|
||||
.c__button--neutral:hover,
|
||||
/* .c__button--neutral:hover,
|
||||
.c__button--neutral:active,
|
||||
.action-chat-button--open {
|
||||
background-color: #f2f5f4 !important;
|
||||
border: none !important;
|
||||
}
|
||||
} */
|
||||
|
||||
.c__button--neutral:active {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
.feedbackButton {
|
||||
display: flex;
|
||||
text-decoration: none;
|
||||
align-items: center;
|
||||
transition: all 0.2s ease;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--c--contextuals--border--semantic--info--tertiary);
|
||||
color: var(--c--contextuals--content--semantic--info--secondary) !important;
|
||||
}
|
||||
|
||||
.feedbackButton span {
|
||||
color: var(
|
||||
--c--contextuals--content--semantic--neutral--secondary
|
||||
) !important;
|
||||
}
|
||||
|
||||
.feedbackButton:hover {
|
||||
border-color: #b6d7fb;
|
||||
background-color: #e7f2fd;
|
||||
color: var(--c--contextuals--semantic--info-600) !important;
|
||||
}
|
||||
|
||||
.feedbackButton:hover span {
|
||||
color: var(--c--contextuals--content--semantic--info--secondary) !important;
|
||||
}
|
||||
|
||||
ul a {
|
||||
color: var(--c--theme--colors--greyscale-700) !important;
|
||||
color: var(--c--contextuals--semantic--greyscale-700) !important;
|
||||
}
|
||||
|
||||
ul a:hover {
|
||||
color: var(--c--theme--colors--primary-800) !important;
|
||||
color: var(--c--contextuals--semantic--primary-800) !important;
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
@@ -156,6 +182,27 @@ ul a:hover {
|
||||
}
|
||||
}
|
||||
|
||||
.chatMessage {
|
||||
border-radius: 8px;
|
||||
max-width: 100%;
|
||||
color: var(--c--contextuals--content--semantic--neutral--primary);
|
||||
margin: var(--c--globals--spacings-b) 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.chatMessage--user {
|
||||
width: auto;
|
||||
padding: 12px;
|
||||
background: var(--c--contextuals--background--semantic--neutral--tertiary);
|
||||
float: right;
|
||||
}
|
||||
|
||||
.chatMessage--assistant {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.mainContent-chat code {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
@@ -168,12 +215,14 @@ ul a:hover {
|
||||
color: inherit !important;
|
||||
text-decoration: none !important;
|
||||
transition: box-shadow 0.2s !important;
|
||||
box-shadow: inset 0 -2px 0 0 #dae2ff !important;
|
||||
box-shadow: inset 0 -2px 0 0
|
||||
var(--c--contextuals--border--semantic--brand--tertiary) !important;
|
||||
}
|
||||
|
||||
.mainContent-chat a:hover {
|
||||
color: inherit !important;
|
||||
box-shadow: inset 0 -22px 0 0 #dae2ff !important;
|
||||
box-shadow: inset 0 -22px 0 0
|
||||
var(--c--contextuals--border--semantic--brand--tertiary) !important;
|
||||
}
|
||||
|
||||
.lasuite-gaufre-btn.lasuite--gaufre-opened {
|
||||
@@ -199,16 +248,13 @@ ul a:hover {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.c__button:disabled {
|
||||
background-color: var(--c--theme--colors--greyscale-100) !important;
|
||||
color: var(--c--theme--colors--greyscale-300) !important;
|
||||
}
|
||||
|
||||
.c__button--stop {
|
||||
font-size: 0.8rem;
|
||||
padding-right: 9px;
|
||||
background-color: var(--c--theme--colors--greyscale-550) !important;
|
||||
color: var(--c--theme--colors--greyscale-050) !important;
|
||||
padding: 12px 9px !important;
|
||||
}
|
||||
|
||||
.c__button--without-padding {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
@media (width <= 768px) {
|
||||
@@ -217,6 +263,10 @@ ul a:hover {
|
||||
}
|
||||
}
|
||||
|
||||
.c__button--small {
|
||||
padding: 0.2rem !important;
|
||||
}
|
||||
|
||||
.c__button--feedback {
|
||||
margin-left: 16px;
|
||||
|
||||
@@ -225,12 +275,21 @@ ul a:hover {
|
||||
}
|
||||
}
|
||||
|
||||
.c__button--background,
|
||||
.c__button--background:hover {
|
||||
background-color: var(--c--contextuals--background--surface--primary);
|
||||
}
|
||||
|
||||
@media screen and (width <= 420px) {
|
||||
.c__modal__scroller {
|
||||
padding: 1.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.c__modal__backdrop {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
/* Styles for code blocks generated by rehype-pretty-code */
|
||||
figure[data-rehype-pretty-code-figure] {
|
||||
margin-left: 0;
|
||||
|
||||
@@ -10,16 +10,16 @@ const {
|
||||
bx,
|
||||
l,
|
||||
...spacingsLight
|
||||
} = tokens.themes.default.theme.spacings;
|
||||
} = tokens.themes.default.globals.spacings;
|
||||
/* eslint-enable @typescript-eslint/no-unused-vars */
|
||||
|
||||
const spacings = {
|
||||
xtiny: tokens.themes.default.theme.spacings['st'],
|
||||
tiny: tokens.themes.default.theme.spacings['t'],
|
||||
small: tokens.themes.default.theme.spacings['s'],
|
||||
big: tokens.themes.default.theme.spacings['b'],
|
||||
xbig: tokens.themes.default.theme.spacings['bx'],
|
||||
large: tokens.themes.default.theme.spacings['l'],
|
||||
xtiny: tokens.themes.default.globals.spacings['st'],
|
||||
tiny: tokens.themes.default.globals.spacings['t'],
|
||||
small: tokens.themes.default.globals.spacings['s'],
|
||||
big: tokens.themes.default.globals.spacings['b'],
|
||||
xbig: tokens.themes.default.globals.spacings['bx'],
|
||||
large: tokens.themes.default.globals.spacings['l'],
|
||||
...spacingsLight,
|
||||
};
|
||||
|
||||
|
||||
@@ -4,6 +4,7 @@ module.exports = {
|
||||
'custom-property-pattern': null,
|
||||
'selector-class-pattern': null,
|
||||
'no-descending-specificity': null,
|
||||
'keyframe-block-no-duplicate-selectors': null,
|
||||
},
|
||||
ignoreFiles: ['out/**/*'],
|
||||
};
|
||||
|
||||
@@ -43,7 +43,7 @@ test.describe('Header', () => {
|
||||
|
||||
await expect(
|
||||
header.getByRole('button', {
|
||||
name: 'Les services de La Suite numérique',
|
||||
name: 'Les services de LaSuite',
|
||||
}),
|
||||
).toBeVisible();
|
||||
});
|
||||
@@ -60,7 +60,7 @@ test.describe('Header', () => {
|
||||
|
||||
await expect(
|
||||
header.getByRole('button', {
|
||||
name: 'Les services de La Suite numérique',
|
||||
name: 'Les services de LaSuite',
|
||||
}),
|
||||
).toBeVisible();
|
||||
|
||||
@@ -73,15 +73,11 @@ test.describe('Header', () => {
|
||||
|
||||
await header
|
||||
.getByRole('button', {
|
||||
name: 'Les services de La Suite numérique',
|
||||
name: 'Les services de LaSuite',
|
||||
})
|
||||
.click();
|
||||
|
||||
await expect(
|
||||
page.getByRole('link', { name: 'France Transfert' }),
|
||||
).toBeVisible();
|
||||
|
||||
await expect(page.getByRole('link', { name: 'Grist' })).toBeVisible();
|
||||
await expect(page.getByText('Grist')).toBeVisible();
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@@ -16,7 +16,7 @@ test.describe('Home page', () => {
|
||||
const footer = page.locator('footer').first();
|
||||
await expect(header).toBeVisible();
|
||||
await expect(
|
||||
header.getByRole('button', { name: /Language/ }),
|
||||
header.getByRole('button', { name: 'Select language' }),
|
||||
).toBeVisible();
|
||||
await expect(
|
||||
header.getByRole('img', { name: 'Assistant logo' }),
|
||||
@@ -55,10 +55,10 @@ test.describe('Home page', () => {
|
||||
const footer = page.locator('footer').first();
|
||||
await expect(header).toBeVisible();
|
||||
await expect(
|
||||
header.getByRole('button', { name: /Language/ }),
|
||||
header.getByRole('button', { name: 'Select language' }),
|
||||
).toBeVisible();
|
||||
await expect(
|
||||
header.getByRole('button', { name: 'Les services de La Suite numé' }),
|
||||
header.getByRole('button', { name: 'Les services de LaSuite' }),
|
||||
).toBeVisible();
|
||||
await expect(
|
||||
header.getByRole('img', { name: 'Gouvernement Logo' }),
|
||||
|
||||
+3793
-4257
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user