chore: simplify color warnings and other fixes for themebuilder (#2333)

resolves #2323 Also some other fixes: * Add footer * Fix the header and text inside the color modal. * Styling fixes on the component preview * Hide contrast and border radius selects until these are functional in both code and figma --------- Co-authored-by: Tobias Barsnes <[email protected]>
digdir · Oct 18, 2024 · 9bbbe98 · 9bbbe98
1 parent cee5ae5
commit 9bbbe98
Show file tree

Hide file tree

Showing 33 changed files with 715 additions and 260 deletions.
diff --git a/apps/_components/src/ColorModal/ColorModal.tsx b/apps/_components/src/ColorModal/ColorModal.tsx
@@ -1,4 +1,4 @@
-import { Modal, Paragraph } from '@digdir/designsystemet-react';
+import { Heading, Modal, Paragraph } from '@digdir/designsystemet-react';
 import type { ColorNumber } from '@digdir/designsystemet/color';
 import {
   getColorNameFromNumber,
@@ -58,9 +58,12 @@ export const ColorModal = ({
         style={{
           maxWidth: '1050px',
         }}
+        backdropClose
       >
         <Modal.Block>
-          {`${capitalizeFirstLetter(namespace)} ${capitalizeFirstLetter(getColorNameFromNumber(weight))}`}
+          <Heading size='xs'>
+            {`${capitalizeFirstLetter(namespace)} ${capitalizeFirstLetter(getColorNameFromNumber(weight))}`}
+          </Heading>
         </Modal.Block>
         <Modal.Block className={classes.modalContent}>
           <div className={classes.description}>
@@ -88,13 +91,13 @@ export const ColorModal = ({
                 value={getCssVariable(namespace, weight)}
                 copyBtn
               />
-              {!namespace.includes('Base') && (
+
+              {weight !== 9 && weight !== 10 && weight !== 11 && (
                 <Field
                   label='Brukes mot:'
                   value={getColorCombinations(weight)}
                 />
               )}
-              <Field label='' value='Mer informasjon om fargen kommer.' />
             </div>
             <div
               className={classes.right}

diff --git a/apps/_components/src/ColorModal/colorModalUtils.ts b/apps/_components/src/ColorModal/colorModalUtils.ts
@@ -22,24 +22,28 @@ export const getColorDescription = ({
     description += ' er en bakgrunnsfarge som har et hint av farge i seg.';
   } else if (weight === 3) {
     description +=
-      ' brukes på flater som ligger oppå bakgrunnsfargene i en nøytral state. Fargen brukes i Card komponenten.';
+      ' brukes på flater som ligger oppå bakgrunnsfargene. Fargen brukes for eksempel i Card komponenten til Designsystemet.';
   } else if (weight === 4) {
     description +=
-      ' brukes på interaktive elementer som ligger oppå bakgrunnsfargene i en hover state.';
+      ' brukes på interaktive flater som ligger oppå bakgrunnsfargene i en hover state.';
   } else if (weight === 5) {
     description +=
-      ' brukes på interaktive elementer som ligger oppå bakgrunnsfargene i en active state.';
+      ' brukes på interaktive flater som ligger oppå bakgrunnsfargene i en active state.';
   } else if (weight === 6) {
     description +=
-      ' er den lyseste border-fargen og brukes for å skille elementer fra hverandre. Fargen brukessom border-farge i Divider komponenten og i Tabeller.';
+      ' er den lyseste border-fargen og brukes for å skille elementer fra hverandre.';
   } else if (weight === 7) {
     description +=
-      ' er en border-farge som brukes når man ønsker god kontrast mot bakgrunnsfargene. Fargen brukes som border-farge i TextField komponenten.';
+      ' er en border-farge som brukes når man ønsker god kontrast mot bakgrunnsfargene.';
   } else if (weight === 8) {
     description +=
-      ' er den mørkeste border-fargen som brukes når man ønsker god kontrast.';
+      ' er den mørkeste border-fargen og brukes når man ønsker en veldig tydelig og sterk border.';
   } else if (weight === 9) {
-    description += ` er den lyseste tekstfargen og brukes på tekst som skal være litt mindre synlig eller for å skape variasjon i typografien.`;
+    description += ` fargen får den samme hex koden som fargen som er valgt i verktøyet. Brukes ofte som farge på viktige elementer og på flater som skal fange brukerens oppmerksomhet.`;
+  } else if (weight === 10) {
+    description += `  kan brukes som hover farge på elementer som bruker Base Default fargen. `;
+  } else if (weight === 11) {
+    description += ` kan brukes som active farge på elementer som bruker Base Default fargen`;
   } else if (weight === 12) {
     description +=
       ' er den lyseste tekstfargen og brukes på tekst som skal være litt mindre synlig eller for å skape variasjon i typografien.';

diff --git a/...front/components/Footer/Footer.module.css → .../_components/src/Footer/Footer.module.css b/...front/components/Footer/Footer.module.css → .../_components/src/Footer/Footer.module.css
@@ -64,7 +64,7 @@
   }
 }
 
-.footer .logos img {
+.footer .logos svg {
   height: 26px;
   width: auto;
   margin-right: var(--ds-spacing-2);

diff --git a/apps/_components/src/Footer/Footer.tsx b/apps/_components/src/Footer/Footer.tsx
@@ -0,0 +1,98 @@
+import { Button, Heading, Link, Paragraph } from '@digdir/designsystemet-react';
+import cl from 'clsx/lite';
+import Image from 'next/image';
+import NextLink from 'next/link';
+import { type ReactNode, forwardRef } from 'react';
+import { Container } from '../';
+
+import { Bronnoysund } from '../logos/Bronnoysund';
+import { Digdir } from '../logos/Digdir';
+import { Mattilsynet } from '../logos/Mattilsynet';
+import { Udir } from '../logos/Udir';
+import classes from './Footer.module.css';
+
+type LinkListItemProps = {
+  text: string;
+  url: string;
+  prefix?: ReactNode;
+};
+
+const getCurrentYear = () => {
+  const date = new Date();
+  return date.getFullYear();
+};
+
+const LinkList = (links: LinkListItemProps[]) => {
+  return (
+    <ul className={classes.links}>
+      {links.map((item, index) => (
+        <li key={index}>
+          <Link href={item.url} color='neutral' className={classes.link}>
+            {item.prefix}
+            {item.text}
+          </Link>
+        </li>
+      ))}
+    </ul>
+  );
+};
+
+type FooterProps = {
+  centerLinks: LinkListItemProps[];
+  rightLinks: LinkListItemProps[];
+} & React.HTMLAttributes<HTMLElement>;
+
+export const Footer = forwardRef<HTMLElement, FooterProps>(function Footer(
+  { centerLinks, rightLinks, className, ...rest },
+  ref,
+) {
+  return (
+    <footer
+      ref={ref}
+      className={cl(classes.footer, className)}
+      data-ds-color-mode='dark'
+      {...rest}
+    >
+      <div className={classes.top}>
+        <Container className={classes.container}>
+          <div>
+            <Heading size='xs' level={2} className={classes.title}>
+              Lages på tvers av offentlige etater:
+            </Heading>
+            <div className={classes.logos}>
+              <Digdir />
+              <Bronnoysund />
+              <Mattilsynet />
+              <Udir className={classes.udir} />
+            </div>
+            <Button asChild variant='secondary' color='neutral' size='sm'>
+              <NextLink
+                href='mailto:[email protected]'
+                className={classes.button}
+              >
+                Din etat? Ta kontakt!
+              </NextLink>
+            </Button>
+          </div>
+          <div>
+            <Heading size='xs' level={2} className={classes.title}>
+              Om nettstedet
+            </Heading>
+            {LinkList(centerLinks)}
+          </div>
+          <div>
+            <Heading size='xs' level={2} className={classes.title}>
+              Kom i kontakt med oss
+            </Heading>
+            {LinkList(rightLinks)}
+          </div>
+        </Container>
+      </div>
+      <div className={classes.bottom}>
+        <Container>
+          <Paragraph size='sm'>© {getCurrentYear()} Designsystemet</Paragraph>
+        </Container>
+      </div>
+    </footer>
+  );
+});
diff --git a/apps/storefront/components/Footer/index.ts → apps/_components/src/Footer/index.ts b/apps/storefront/components/Footer/index.ts → apps/_components/src/Footer/index.ts
diff --git a/apps/_components/src/index.ts b/apps/_components/src/index.ts
@@ -6,3 +6,4 @@ export { Header } from './Header/Header';
 export { Figma } from './logos/Figma';
 export { Github } from './logos/Github';
 export { Slack } from './logos/Slack';
+export { Footer } from './Footer/Footer';
diff --git a/apps/_components/src/logos/Bronnoysund.tsx b/apps/_components/src/logos/Bronnoysund.tsx
diff --git a/apps/_components/src/logos/Digdir.tsx b/apps/_components/src/logos/Digdir.tsx
@@ -0,0 +1,44 @@
+type DigdirProps = React.HTMLAttributes<SVGElement>;
+
+export function Digdir(rest: DigdirProps) {
+  return (
+    <svg
+      width='102'
+      height='28'
+      viewBox='0 0 102 28'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...rest}
+    >
+      <title>Digitaliseringsdirektoratet logo</title>
+      <path
+        d='M35.4793 4.46372C35.4793 4.38493 35.4793 4.34554 35.6073 4.34554H41.9104C42.9809 4.28612 44.0507 4.47473 45.0364 4.89668C46.0221 5.31862 46.897 5.9625 47.5929 6.77812C48.9816 8.6216 49.6788 10.8942 49.5626 13.1993C49.6969 15.4521 48.9955 17.6753 47.5929 19.4433C46.8711 20.2177 45.9855 20.8212 45.0006 21.2097C44.0158 21.5981 42.9567 21.7618 41.9005 21.6887H35.5975C35.5803 21.6902 35.563 21.6879 35.5468 21.682C35.5305 21.6761 35.5158 21.6668 35.5036 21.6546C35.4914 21.6424 35.482 21.6276 35.4761 21.6114C35.4702 21.5952 35.4679 21.5779 35.4694 21.5607L35.4793 4.46372ZM41.9596 6.43342H37.9513C37.8626 6.43342 37.8232 6.43342 37.8232 6.56145V19.4531C37.8232 19.5319 37.8232 19.5713 37.9513 19.5713H41.9596C42.6877 19.6129 43.4157 19.4862 44.0869 19.2009C44.7581 18.9157 45.3546 18.4797 45.8301 17.9266C46.8324 16.5551 47.3205 14.8747 47.2088 13.1796C47.2963 11.4292 46.8048 9.69861 45.8104 8.25539C45.3636 7.66305 44.7798 7.18786 44.1092 6.87054C43.4385 6.55322 42.7009 6.40323 41.9596 6.43342Z'
+        fill='white'
+      />
+      <path
+        d='M55.2354 4.46365V7.0538C55.2369 7.07099 55.2346 7.0883 55.2287 7.10452C55.2228 7.12074 55.2134 7.13546 55.2012 7.14766C55.189 7.15987 55.1743 7.16925 55.1581 7.17515C55.1419 7.18105 55.1246 7.18333 55.1074 7.18183H52.5172C52.4384 7.18183 52.3991 7.18183 52.3991 7.0538V4.46365C52.3975 4.44775 52.3995 4.43171 52.4049 4.41668C52.4103 4.40165 52.419 4.388 52.4303 4.3767C52.4416 4.36541 52.4552 4.35675 52.4703 4.35135C52.4853 4.34595 52.5013 4.34394 52.5172 4.34547H55.1074C55.1862 4.34547 55.2354 4.34547 55.2354 4.46365ZM54.9793 9.38789V21.6C54.9809 21.6159 54.9789 21.6319 54.9735 21.647C54.9681 21.662 54.9594 21.6757 54.9481 21.687C54.9368 21.6982 54.9232 21.7069 54.9081 21.7123C54.8931 21.7177 54.8771 21.7197 54.8612 21.7182H52.7634C52.6748 21.7182 52.6354 21.7182 52.6354 21.6V9.3485C52.6354 9.26971 52.6354 9.23031 52.7634 9.23031H54.8415C54.8574 9.22879 54.8734 9.2308 54.8884 9.2362C54.9035 9.2416 54.9171 9.25026 54.9284 9.26155C54.9397 9.27284 54.9484 9.28649 54.9538 9.30153C54.9592 9.31656 54.9612 9.3326 54.9597 9.3485'
+        fill='white'
+      />
+      <path
+        d='M63.8134 24.7122C64.3007 24.7581 64.792 24.6933 65.2507 24.5228C65.7094 24.3523 66.1237 24.0804 66.4627 23.7273C67.0367 23.0302 67.3377 22.1481 67.3096 21.2455V20.5857C67.3096 20.5364 67.3096 20.5069 67.221 20.4773C67.1919 20.4684 67.1606 20.4693 67.1321 20.48C67.1036 20.4907 67.0795 20.5105 67.0634 20.5364C66.6899 20.9367 66.2326 21.2495 65.724 21.4523C65.0481 21.7897 64.3029 21.965 63.5475 21.9644C62.7594 21.9856 61.9761 21.8354 61.2518 21.5242C60.5274 21.2131 59.8793 20.7483 59.3521 20.1622C58.2109 18.8703 57.6143 17.1866 57.6877 15.4644C57.6089 13.7671 58.1753 12.1029 59.2733 10.8061C59.8098 10.2137 60.4697 9.74623 61.2065 9.43654C61.9433 9.12685 62.739 8.98251 63.5377 9.01368C64.2158 9.02303 64.8853 9.16698 65.5074 9.43717C66.0989 9.65104 66.6391 9.98654 67.093 10.422C67.2111 10.5303 67.2899 10.5205 67.3392 10.422L67.5854 9.43717C67.5854 9.35838 67.6642 9.31898 67.7036 9.31898H69.5551C69.6437 9.31898 69.6831 9.31898 69.6831 9.43717V21.2553C69.7105 22.0038 69.581 22.7498 69.3028 23.4452C69.0246 24.1406 68.604 24.7701 68.068 25.2932C67.5348 25.8054 66.9048 26.206 66.2148 26.4715C65.5248 26.737 64.7887 26.8621 64.0498 26.8394C62.6384 26.8997 61.2427 26.525 60.0513 25.766C59.5883 25.492 59.1935 25.1165 58.8967 24.6679C58.5999 24.2192 58.4087 23.7091 58.3377 23.1758C58.3361 23.1599 58.3381 23.1439 58.3435 23.1288C58.3489 23.1138 58.3576 23.1002 58.3689 23.0889C58.3802 23.0776 58.3938 23.0689 58.4089 23.0635C58.4239 23.0581 58.4399 23.0561 58.4558 23.0576H60.6028C60.6553 23.0576 60.6947 23.097 60.721 23.1758C60.9182 23.6348 61.2655 24.0133 61.7058 24.2493C62.3562 24.6158 63.0974 24.79 63.843 24.7516L63.8134 24.7122ZM60.0611 15.494C60.0029 16.6314 60.3521 17.7523 61.046 18.6553C61.3732 19.0373 61.782 19.341 62.2422 19.5438C62.7025 19.7467 63.2024 19.8436 63.7051 19.8273C64.2076 19.8522 64.7087 19.7561 65.1663 19.547C65.6239 19.3379 66.0246 19.022 66.3346 18.6258C67.0115 17.7102 67.3587 16.5925 67.3195 15.4546C67.3601 14.3134 67.013 13.1921 66.3346 12.2735C66.0246 11.8773 65.6239 11.5614 65.1663 11.3523C64.7087 11.1432 64.2076 11.0471 63.7051 11.072C63.1917 11.0511 62.6804 11.1486 62.2108 11.3569C61.7412 11.5653 61.3258 11.8789 60.9968 12.2735C60.3045 13.185 59.9558 14.3114 60.0119 15.4546'
+        fill='white'
+      />
+      <path
+        d='M83.54 21.6789H81.6885C81.6392 21.6789 81.5999 21.6788 81.5605 21.5607L81.3142 20.5758C81.3142 20.4379 81.1862 20.4182 81.068 20.5266C80.0837 21.37 78.8468 21.862 77.5521 21.9251C76.7524 21.961 75.9546 21.8198 75.2157 21.5117C74.4768 21.2035 73.8151 20.736 73.2779 20.1425C72.1781 18.8352 71.6118 17.1611 71.6923 15.4546C71.6109 13.748 72.1772 12.0735 73.2779 10.7667C73.8159 10.1736 74.4775 9.70568 75.216 9.39599C75.9545 9.08629 76.7519 8.94235 77.5521 8.9743C78.297 8.97308 79.032 9.14503 79.6991 9.47658C80.2058 9.69014 80.6696 9.99378 81.068 10.3728C81.137 10.4417 81.1862 10.4614 81.2355 10.4319C81.258 10.4239 81.2776 10.4093 81.2917 10.39C81.3057 10.3706 81.3136 10.3475 81.3142 10.3235V4.41445C81.3142 4.33567 81.3142 4.29627 81.4423 4.29627H83.54C83.5559 4.29475 83.5719 4.29676 83.587 4.30216C83.602 4.30756 83.6157 4.31621 83.627 4.32751C83.6382 4.3388 83.6469 4.35245 83.6523 4.36748C83.6577 4.38251 83.6597 4.39855 83.6582 4.41445V21.5607C83.6597 21.5766 83.6577 21.5926 83.6523 21.6076C83.6469 21.6227 83.6382 21.6363 83.627 21.6476C83.6157 21.6589 83.602 21.6676 83.587 21.673C83.5719 21.6784 83.5559 21.6804 83.54 21.6789ZM74.0362 15.4546C73.9779 16.592 74.3271 17.7129 75.0211 18.616C75.3496 19.0118 75.7646 19.3269 76.2342 19.5369C76.7038 19.747 77.2153 19.8463 77.7294 19.8273C78.2333 19.8522 78.7358 19.7561 79.195 19.5471C79.6542 19.3381 80.0566 19.0222 80.3688 18.6258C81.0254 17.703 81.3516 16.5857 81.2946 15.4546C81.3477 14.3209 81.022 13.2017 80.3688 12.2735C80.0604 11.8755 79.66 11.5582 79.202 11.3489C78.744 11.1396 78.2421 11.0446 77.7392 11.072C77.2245 11.0511 76.7117 11.1485 76.2405 11.3568C75.7692 11.5651 75.3521 11.8787 75.0211 12.2735C74.3288 13.185 73.9801 14.3114 74.0362 15.4546Z'
+        fill='white'
+      />
+      <path
+        d='M89.9514 4.46364V7.05379C89.9529 7.07098 89.9506 7.0883 89.9447 7.10451C89.9388 7.12073 89.9294 7.13546 89.9172 7.14766C89.905 7.15986 89.8903 7.16924 89.8741 7.17515C89.8578 7.18105 89.8405 7.18333 89.8233 7.18182H87.243C87.1544 7.18182 87.115 7.18182 87.115 7.05379V4.46364C87.115 4.38485 87.115 4.34546 87.243 4.34546H89.8233C89.912 4.34546 89.9514 4.34546 89.9514 4.46364ZM89.7052 9.38788V21.6C89.7052 21.6788 89.7052 21.7182 89.5771 21.7182H87.4794C87.4635 21.7197 87.4475 21.7177 87.4324 21.7123C87.4174 21.7069 87.4037 21.6982 87.3924 21.687C87.3811 21.6757 87.3725 21.662 87.3671 21.647C87.3617 21.6319 87.3597 21.6159 87.3612 21.6V9.34849C87.3597 9.33259 87.3617 9.31655 87.3671 9.30152C87.3725 9.28649 87.3811 9.27284 87.3924 9.26154C87.4037 9.25025 87.4174 9.24159 87.4324 9.23619C87.4475 9.23079 87.4635 9.22878 87.4794 9.23031H89.5771C89.6658 9.23031 89.7052 9.23031 89.7052 9.34849'
+        fill='white'
+      />
+      <path
+        d='M100.007 11.072H98.7558C98.3028 11.06 97.8532 11.1524 97.4416 11.3419C97.0301 11.5315 96.6676 11.8132 96.3823 12.1652C95.7813 12.9066 95.4698 13.841 95.5058 14.7947V21.5607C95.5073 21.5778 95.505 21.5952 95.4991 21.6114C95.4932 21.6276 95.4839 21.6423 95.4717 21.6545C95.4594 21.6667 95.4447 21.6761 95.4285 21.682C95.4123 21.6879 95.395 21.6902 95.3778 21.6887H93.2505C93.1717 21.6887 93.1323 21.6394 93.1323 21.5607V9.34853C93.1308 9.33264 93.1328 9.3166 93.1382 9.30157C93.1436 9.28653 93.1523 9.27288 93.1636 9.26159C93.1749 9.25029 93.1885 9.24164 93.2035 9.23624C93.2186 9.23084 93.2346 9.22883 93.2505 9.23035H95.102C95.102 9.23035 95.1907 9.23035 95.2301 9.34853L95.4763 10.4516C95.5288 10.6026 95.6174 10.6026 95.7422 10.4516C96.1112 10.0183 96.5622 9.66216 97.0692 9.40358C97.5762 9.14501 98.1293 8.98908 98.6967 8.94475H99.9475C99.9638 8.94338 99.9802 8.94543 99.9957 8.95075C100.011 8.95608 100.025 8.96456 100.037 8.97568C100.05 8.98679 100.059 9.00029 100.066 9.01531C100.072 9.03033 100.076 9.04654 100.076 9.06293V10.9144C100.076 11.0031 100.076 11.0425 99.9475 11.0425'
+        fill='white'
+      />
+      <path
+        d='M13.2119 0.800049H1.22631C1.0965 0.80257 0.972711 0.85526 0.880904 0.947067C0.789098 1.03887 0.736408 1.16266 0.733887 1.29247V24.6728C0.736408 24.8026 0.789098 24.9264 0.880904 25.0182C0.972711 25.11 1.0965 25.1627 1.22631 25.1652H13.2119C16.4429 25.1652 19.5416 23.8817 21.8263 21.597C24.111 19.3123 25.3945 16.2136 25.3945 12.9826C25.3945 9.75161 24.111 6.65292 21.8263 4.36824C19.5416 2.08357 16.4429 0.800049 13.2119 0.800049ZM14.3839 21.4819C12.5704 21.794 10.7047 21.5208 9.0569 20.7018C7.40908 19.8829 6.06468 18.5607 5.21836 16.9268C4.37205 15.2929 4.06776 13.432 4.34955 11.6136C4.63134 9.79517 5.48458 8.11365 6.78573 6.8125C8.08688 5.51135 9.7684 4.65811 11.5868 4.37632C13.4052 4.09453 15.2661 4.39882 16.9 5.24513C18.534 6.09145 19.8561 7.43585 20.675 9.08367C21.494 10.7315 21.7672 12.5972 21.4551 14.4107C21.1514 16.1754 20.3085 17.8028 19.0422 19.069C17.776 20.3352 16.1487 21.1782 14.3839 21.4819Z'
+        fill='white'
+      />
+    </svg>
+  );
+}
diff --git a/apps/_components/src/logos/Mattilsynet.tsx b/apps/_components/src/logos/Mattilsynet.tsx
@@ -0,0 +1,13 @@
+type MattilsynetProps = React.HTMLAttributes<SVGElement>;
+
+export function Mattilsynet(rest: MattilsynetProps) {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 762 133' {...rest}>
+      <title>Mattilsynet logo</title>
+      <path
+        fill='#fff'
+        d='m373.45 96.93.34-.07v11.8l-.17.07c-1.15.5-3.79 1.32-8.49 1.32-10.8 0-17.51-6.63-17.51-17.29V63.17H337V51.93h3.24c5.43 0 8.56-3.14 8.56-8.62v-9.1h12.96v17.46h11.91v11.5h-11.91v27.35c0 4.81 2.1 6.86 7.03 6.86 1.93 0 4.17-.36 4.66-.46v.01Zm44.02 0v-.01c-.5.1-2.74.46-4.67.46-4.93 0-7.02-2.05-7.02-6.86V63.17h11.91v-11.5h-11.91V34.2h-12.96v9.1c0 5.48-3.13 8.62-8.57 8.62h-3.23v11.24h10.62v29.6c0 10.65 6.7 17.28 17.51 17.28 4.7 0 7.34-.83 8.49-1.32l.18-.07v-11.8l-.35.07Zm-87.76 11.9.07.36H316.5l-.07-.2c-.12-.36-.53-2.42-.6-6.41-2.13 3.02-7.33 8.37-17.38 8.37-5.76 0-10.74-1.83-14.4-5.3a16.7 16.7 0 0 1-5.3-12.22c0-9.38 6.56-15.93 17.54-17.5l14.71-2.24c3.58-.5 3.99-2.41 3.99-3.81 0-5.25-4.2-8.39-10.55-8.39-6.33 0-10.68 3.74-11.43 9.75l-13.04-2.93c1.15-9 9.19-18.53 24.36-18.53C326.6 49.78 329 64.9 329 71.4v28.35c0 5.53.67 8.94.7 9.09h.02Zm-14.7-25.86h-.02l-14.61 2.18c-2.77.46-7.4 2.04-7.4 7.45 0 3.42 2.52 7.1 8.06 7.1 6.37 0 13.96-2.51 13.96-14.48v-2.25Zm115.44 26.4h14.22V51.58h-14.22v57.77ZM66.33 39.6c12.01 0 25.21 8.46 26.99 24.67a73.76 73.76 0 0 1 38.67-7.11A66.33 66.33 0 0 0 1.77 51.49a73.8 73.8 0 0 1 37.96 10.18 27.04 27.04 0 0 1 26.6-22.06Zm-66 20.7c-3.38 33.38 19.64 64.03 51.23 70.98v-.37a73.65 73.65 0 0 1 8.8-35.03C49.3 73.79 25.08 59.3.33 60.3Zm219.36 28.33L192.76 25.8l-.07-.17h-19.4v83.73h14.4V49.5l25.25 59.48h13.01l25.49-59.72v60.1h14.63V25.63h-19.74l-26.64 63ZM60.45 132.69c38.52 3.6 72.42-27.34 72.22-66.06v-.56c-38.9-4.54-73.63 27.49-72.22 66.62ZM720.44 79.7c0 3.65-.36 4.63-.36 4.63h-42.01c.48 8.18 7.05 14.3 15.4 14.3 6.15 0 10.51-2.42 13-7.17v.01h13.56a32.96 32.96 0 0 1-2.84 6.8c-4.05 6.8-11.75 12.66-23.73 12.66-7.97 0-15.34-2.88-20.74-8.12-5.85-5.66-8.94-13.53-8.94-22.75 0-8.54 3.06-16.34 8.63-21.97a27.82 27.82 0 0 1 19.64-8.32c17.51 0 28.39 11.45 28.39 29.94Zm-14.4-5.92c-.48-8.9-7.75-12.08-13.87-12.08-6.12 0-12.96 4.24-13.74 12.08h27.6ZM632.94 50c-7.04 0-13.2 3.18-16.72 8.54v-6.9h-13.91v57.72h14.26V76.1c0-8.02 4.57-13.2 11.64-13.2 10.03 0 11.52 7.76 11.52 12.38v34.08h14.27V72.93c0-14.14-8.07-22.93-21.06-22.93Zm-67.44 37.23-16.28-35.48-.08-.17h-16.14l24.74 50.52-13.6 29.37v.01h15.29l36.55-79.9h-15.17l-15.3 35.65Zm196.15 9.7v-.01c-.5.1-2.74.46-4.66.46-4.93 0-7.04-2.05-7.04-6.86V63.17h11.93v-11.5h-11.93V34.2H737v9.1c0 5.48-3.13 8.62-8.56 8.62h-3.24v11.24h10.62v29.6c0 10.65 6.71 17.28 17.51 17.28 4.88 0 7.57-.92 8.5-1.32l.17-.07v-11.8l-.34.07ZM438.3 22.7a9.17 9.17 0 0 0-9.2 9.2 9.02 9.02 0 0 0 9.2 9.08c5.22 0 9.3-3.99 9.3-9.08 0-5.1-4.17-9.2-9.3-9.2Zm22.52 86.66h14.22V23.82h-14.22v85.54Zm54.04-34.62h-.01.01Zm-.02 0h.01L506.13 73c-3.48-.69-5.56-2.82-5.56-5.7 0-3.51 3.5-6.27 7.98-6.27 8.7 0 10.13 6.92 10.34 8.3l.05.33 12.13-3.44-.04-.26a18.84 18.84 0 0 0-5.51-10.23c-4.12-3.94-9.83-5.94-16.97-5.94-11.82 0-21.43 8.38-21.43 18.69 0 8.43 5.86 14.77 15.69 16.91l8.5 1.88c4.26.87 6.5 2.96 6.5 6.04 0 3.1-2.57 6.28-8.33 6.28-7.78 0-11-5.1-11.4-9.46l-.04-.35-12.5 3.44.03.24c.43 3.95 2.66 8.13 5.97 11.22 4.42 4.1 10.66 6.28 18.05 6.28 14.45 0 22-9.34 22-18.58 0-9.23-6.1-15.33-16.75-17.62Z'
+      />
+    </svg>
+  );
+}