@butternutbox/pawprint-native 0.0.1 → 0.2.0

package/src/components/atoms/Logo/assets/PsiBufetTabbedBottom.tsx

@@ -0,0 +1,218 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+import { Ref, forwardRef } from "react"
+const SvgPsiBufetTabbedBottom = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={208}
+    height={109}
+    viewBox="0 0 208 109"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <g clipPath="url(#clip0_33_8326)">
+      <path d="M0 145.333H208V4.57764e-05H0V145.333Z" fill="#522A10" />
+      <mask
+        id="mask0_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask0_33_8326)">
+        <path
+          d="M8.60046 5.04994H199.406C201.041 5.04994 202.366 6.36928 202.366 7.99698V137.336C202.366 138.964 201.041 140.283 199.406 140.283H8.60046C6.96536 140.283 5.64001 138.964 5.64001 137.336V7.99698C5.64001 6.36928 6.96536 5.04994 8.60046 5.04994Z"
+          fill="#FFD54D"
+        />
+      </g>
+      <mask
+        id="mask1_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask1_33_8326)">
+        <path
+          d="M178.215 47.9094C175.171 47.9094 172.93 47.2565 171.494 45.9512C170.073 44.6301 169.363 42.5163 169.363 39.61V30.0513H165.733V23.5238H168.005C168.801 23.5238 169.433 23.3683 169.901 23.0577C170.37 22.7312 170.729 22.2104 170.979 21.4955C171.385 20.2368 171.689 18.8067 171.892 17.2061H177.349V23.5238H182.103V30.0513H177.349V38.6076C177.349 39.6489 177.567 40.3949 178.005 40.8457C178.457 41.2965 179.175 41.5216 180.159 41.5216C180.846 41.5216 181.564 41.4362 182.314 41.2653V47.3497C181.814 47.521 181.182 47.6531 180.417 47.7462C179.667 47.8552 178.933 47.9094 178.215 47.9094Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask2_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask2_33_8326)">
+        <path
+          d="M154.222 28.8627C153.113 28.8627 152.239 29.2357 151.599 29.9817C150.974 30.7278 150.638 31.8079 150.592 33.2222H157.477C157.493 31.7614 157.212 30.6731 156.634 29.9582C156.072 29.228 155.268 28.8627 154.222 28.8627ZM150.592 37.6984V38.0714C150.592 39.4233 150.888 40.4415 151.481 41.1251C152.09 41.7938 152.949 42.128 154.058 42.128C154.995 42.128 155.713 41.9177 156.212 41.4981C156.727 41.0632 157.048 40.4103 157.172 39.5399H164.784C164.378 42.2754 163.246 44.4203 161.388 45.9743C159.546 47.5129 157.094 48.2825 154.034 48.2825C151.708 48.2825 149.671 47.7851 147.922 46.7904C146.189 45.7803 144.846 44.3272 143.894 42.4309C142.957 40.5193 142.489 38.2346 142.489 35.577C142.489 32.9347 142.965 30.6577 143.917 28.7461C144.87 26.8344 146.212 25.3736 147.945 24.363C149.678 23.3376 151.708 22.8244 154.034 22.8244C156.283 22.8244 158.242 23.2906 159.913 24.2233C161.599 25.1556 162.894 26.5157 163.8 28.303C164.721 30.0749 165.182 32.204 165.182 34.6908C165.182 36.1209 165.104 37.1233 164.948 37.6984H150.592Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask3_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask3_33_8326)">
+        <path
+          d="M129.736 47.583V30.0514H126.13V23.5239H129.736V21.8455C129.736 18.9858 130.463 16.8485 131.914 15.4342C133.366 14.0041 135.575 13.2893 138.542 13.2893C139.291 13.2893 140.049 13.3517 140.814 13.476C141.594 13.5845 142.227 13.7401 142.711 13.9422V20.027C142.086 19.8091 141.376 19.7006 140.579 19.7006C139.611 19.7006 138.893 19.9104 138.425 20.33C137.956 20.7495 137.722 21.3947 137.722 22.2651V23.5239H142.523V30.0514H137.722V47.583H129.736Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask4_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask4_33_8326)">
+        <path
+          d="M109.677 48.2825C107.148 48.2825 105.212 47.5211 103.869 45.9978C102.526 44.4592 101.855 42.2912 101.855 39.4934V23.5239H110.005V37.7449C110.005 38.8486 110.216 39.6801 110.637 40.2394C111.075 40.7991 111.746 41.0786 112.651 41.0786C113.682 41.0786 114.478 40.7291 115.04 40.0296C115.555 39.3767 115.813 38.3743 115.813 37.022V23.5239H123.963V47.583H117.944C117.913 46.8836 117.811 46.3243 117.64 45.9047C117.453 45.4073 117.164 45.1587 116.773 45.1587C116.601 45.1587 116.453 45.1975 116.328 45.2749C116.204 45.3526 116.04 45.5005 115.837 45.7179C115.024 46.5883 114.127 47.2335 113.143 47.6531C112.175 48.0727 111.02 48.2825 109.677 48.2825Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask5_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask5_33_8326)">
+        <path
+          d="M87.8387 40.8457C88.8847 40.8457 89.665 40.5581 90.1805 39.983C90.7115 39.3925 90.9767 38.5222 90.9767 37.3719C90.9767 35.0249 89.923 33.8516 87.815 33.8516H83.4357V40.8457H87.8387ZM83.4357 21.8686V28.4196H86.9484C87.9945 28.4196 88.7675 28.1556 89.2671 27.627C89.7822 27.0985 90.0397 26.267 90.0397 25.1326C90.0397 22.9564 89.0173 21.8686 86.9721 21.8686H83.4357ZM94.3491 30.3082C96.1132 30.8828 97.4404 31.8387 98.3301 33.1756C99.2358 34.5122 99.6886 36.1286 99.6886 38.0248C99.6886 41.0862 98.7988 43.4487 97.0189 45.1116C95.2389 46.7592 92.6627 47.583 89.2903 47.583H74.677V15.1313H88.5881C90.7115 15.1313 92.5146 15.4885 93.9976 16.2033C95.481 16.9028 96.5974 17.8898 97.3468 19.1643C98.0962 20.4389 98.4709 21.931 98.4709 23.6405C98.4709 25.1638 98.1194 26.5003 97.4172 27.6501C96.73 28.7849 95.7071 29.6707 94.3491 30.3082Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask6_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask6_33_8326)">
+        <path
+          d="M71.0111 47.583H62.8615V23.5239H71.0111V47.583ZM66.9361 21.2392C66.0618 21.2392 65.2733 21.0525 64.5711 20.6795C63.8839 20.3064 63.3452 19.7937 62.9551 19.1408C62.5645 18.4884 62.3696 17.7577 62.3696 16.9493C62.3696 16.1413 62.5645 15.4107 62.9551 14.7583C63.3452 14.1054 63.8839 13.5922 64.5711 13.2192C65.2733 12.8462 66.0618 12.6599 66.9361 12.6599C67.8104 12.6599 68.5912 12.8462 69.2784 13.2192C69.9806 13.5922 70.5274 14.1054 70.9176 14.7583C71.3077 15.4107 71.503 16.1413 71.503 16.9493C71.503 17.7577 71.3077 18.4884 70.9176 19.1408C70.5274 19.7937 69.9806 20.3064 69.2784 20.6795C68.5912 21.0525 67.8104 21.2392 66.9361 21.2392Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask7_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask7_33_8326)">
+        <path
+          d="M193.487 47.583H185.263V39.3962H193.487V47.583Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask8_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask8_33_8326)">
+        <path
+          d="M50.7759 48.2825C48.7152 48.2825 46.9116 47.956 45.3659 47.3031C43.8203 46.6349 42.5872 45.6791 41.6661 44.4357C40.7604 43.1923 40.2217 41.7161 40.05 40.0061H47.8717C47.9344 40.8923 48.2078 41.5682 48.6916 42.0344C49.1757 42.4852 49.8625 42.7108 50.7527 42.7108C51.4862 42.7108 52.0485 42.5552 52.4387 42.2442C52.8288 41.9177 53.0241 41.4674 53.0241 40.8923C53.0241 40.3018 52.7902 39.8275 52.3215 39.4699C51.8687 39.0968 51.0416 38.7862 49.8393 38.5375C47.591 38.1026 45.7874 37.5428 44.4294 36.8592C43.0868 36.1751 42.103 35.3201 41.4785 34.2947C40.8694 33.2534 40.5651 31.9865 40.5651 30.4945C40.5651 28.9558 40.9712 27.6116 41.7828 26.4614C42.5949 25.2958 43.7504 24.4019 45.2492 23.7802C46.7476 23.1432 48.4963 22.8244 50.4947 22.8244C53.5237 22.8244 55.8815 23.5085 57.5674 24.8762C59.2693 26.2439 60.2531 28.2333 60.5184 30.8444H53.0241C52.9619 29.9894 52.743 29.3677 52.3683 28.9794C51.9936 28.5751 51.424 28.373 50.6587 28.373C50.0033 28.373 49.4723 28.5286 49.0663 28.8392C48.6761 29.1344 48.4808 29.554 48.4808 30.0984C48.4808 30.518 48.5903 30.8675 48.8087 31.1474C49.0431 31.4272 49.4255 31.6759 49.9565 31.8934C50.5029 32.1109 51.2678 32.313 52.2515 32.4992C55.296 33.0744 57.5052 33.9994 58.8792 35.2736C60.2531 36.5328 60.9398 38.2346 60.9398 40.3791C60.9398 41.9648 60.5183 43.3555 59.6754 44.5523C58.8478 45.7333 57.661 46.6507 56.1154 47.3031C54.5857 47.956 52.8057 48.2825 50.7759 48.2825Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask9_33_8326"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask9_33_8326)">
+        <path
+          d="M26.7122 30.7974C27.9771 30.7974 28.9214 30.4402 29.5459 29.7254C30.1863 29.0101 30.5061 27.9069 30.5061 26.4148C30.5061 24.9228 30.1863 23.8268 29.5459 23.1273C28.9214 22.4125 27.9771 22.0553 26.7122 22.0553H23.5274V30.7974H26.7122ZM14.5343 47.583V15.1313H27.696C30.1627 15.1313 32.2706 15.5821 34.0193 16.4832C35.7679 17.3847 37.0946 18.6824 38.0003 20.3765C38.906 22.0553 39.3588 24.0601 39.3588 26.3913C39.3588 28.7072 38.906 30.7043 38.0003 32.383C37.0946 34.0614 35.7679 35.3513 34.0193 36.2529C32.2706 37.1386 30.155 37.5817 27.6723 37.5817H23.5274V47.583H14.5343Z"
+          fill="#522A10"
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="clip0_33_8326">
+        <rect width={208} height={109} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+const ForwardRef = forwardRef(SvgPsiBufetTabbedBottom)
+export default ForwardRef

package/src/components/atoms/Logo/assets/PsiBufetTabbedTop.tsx

@@ -0,0 +1,218 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+import { Ref, forwardRef } from "react"
+const SvgPsiBufetTabbedTop = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={208}
+    height={109}
+    viewBox="0 0 208 109"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <g clipPath="url(#clip0_33_8369)">
+      <path d="M0 109H208V-36.3333H0V109Z" fill="#522A10" />
+      <mask
+        id="mask0_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask0_33_8369)">
+        <path
+          d="M8.60046 -31.2834H199.406C201.041 -31.2834 202.366 -29.9641 202.366 -28.3364V101.003C202.366 102.63 201.041 103.95 199.406 103.95H8.60046C6.96536 103.95 5.64001 102.63 5.64001 101.003V-28.3364C5.64001 -29.9641 6.96536 -31.2834 8.60046 -31.2834Z"
+          fill="#FFD54D"
+        />
+      </g>
+      <mask
+        id="mask1_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask1_33_8369)">
+        <path
+          d="M178.215 94.6072C175.171 94.6072 172.93 93.9543 171.494 92.649C170.073 91.3278 169.363 89.2141 169.363 86.3077V76.7491H165.733V70.2216H168.005C168.801 70.2216 169.433 70.066 169.901 69.7554C170.37 69.429 170.729 68.9081 170.979 68.1933C171.385 66.9345 171.689 65.5044 171.892 63.9039H177.349V70.2216H182.103V76.7491H177.349V85.3053C177.349 86.3466 177.567 87.0926 178.005 87.5434C178.457 87.9942 179.175 88.2194 180.159 88.2194C180.846 88.2194 181.564 88.1339 182.314 87.963V94.0474C181.814 94.2188 181.182 94.3508 180.417 94.444C179.667 94.5529 178.933 94.6072 178.215 94.6072Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask2_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask2_33_8369)">
+        <path
+          d="M154.222 75.5605C153.113 75.5605 152.239 75.9335 151.599 76.6795C150.974 77.4255 150.638 78.5057 150.592 79.92H157.477C157.493 78.4591 157.212 77.3708 156.634 76.656C156.072 75.9258 155.268 75.5605 154.222 75.5605ZM150.592 84.3961V84.7691C150.592 86.121 150.888 87.1393 151.481 87.8229C152.09 88.4916 152.949 88.8257 154.058 88.8257C154.995 88.8257 155.713 88.6155 156.212 88.1959C156.727 87.7609 157.048 87.1081 157.172 86.2377H164.784C164.378 88.9731 163.246 91.1181 161.388 92.6721C159.546 94.2107 157.094 94.9802 154.034 94.9802C151.708 94.9802 149.671 94.4829 147.922 93.4882C146.189 92.4781 144.846 91.0249 143.894 89.1287C142.957 87.217 142.489 84.9324 142.489 82.2747C142.489 79.6324 142.965 77.3554 143.917 75.4438C144.87 73.5322 146.212 72.0713 147.945 71.0608C149.678 70.0353 151.708 69.5222 154.034 69.5222C156.283 69.5222 158.242 69.9883 159.913 70.9211C161.599 71.8534 162.894 73.2134 163.8 75.0007C164.721 76.7726 165.182 78.9018 165.182 81.3885C165.182 82.8186 165.104 83.821 164.948 84.3961H150.592Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask3_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask3_33_8369)">
+        <path
+          d="M129.736 94.2808V76.7491H126.13V70.2216H129.736V68.5433C129.736 65.6835 130.463 63.5463 131.914 62.132C133.366 60.7019 135.575 59.987 138.542 59.987C139.291 59.987 140.049 60.0494 140.814 60.1738C141.594 60.2823 142.227 60.4378 142.711 60.6399V66.7248C142.086 66.5069 141.376 66.3983 140.579 66.3983C139.611 66.3983 138.893 66.6081 138.425 67.0277C137.956 67.4473 137.722 68.0925 137.722 68.9629V70.2216H142.523V76.7491H137.722V94.2808H129.736Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask4_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask4_33_8369)">
+        <path
+          d="M109.677 94.9802C107.148 94.9802 105.212 94.2188 103.869 92.6956C102.526 91.1569 101.855 88.9889 101.855 86.1911V70.2216H110.005V84.4427C110.005 85.5464 110.216 86.3779 110.637 86.9371C111.075 87.4969 111.746 87.7763 112.651 87.7763C113.682 87.7763 114.478 87.4268 115.04 86.7274C115.555 86.0745 115.813 85.0721 115.813 83.7197V70.2216H123.963V94.2808H117.944C117.913 93.5813 117.811 93.022 117.64 92.6024C117.453 92.1051 117.164 91.8564 116.773 91.8564C116.601 91.8564 116.453 91.8953 116.328 91.9726C116.204 92.0504 116.04 92.1982 115.837 92.4157C115.024 93.2861 114.127 93.9313 113.143 94.3508C112.175 94.7704 111.02 94.9802 109.677 94.9802Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask5_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask5_33_8369)">
+        <path
+          d="M87.8387 87.5435C88.8847 87.5435 89.665 87.2559 90.1805 86.6808C90.7115 86.0903 90.9767 85.2199 90.9767 84.0697C90.9767 81.7226 89.923 80.5493 87.815 80.5493H83.4357V87.5435H87.8387ZM83.4357 68.5663V75.1174H86.9484C87.9945 75.1174 88.7675 74.8533 89.2671 74.3248C89.7822 73.7962 90.0397 72.9647 90.0397 71.8303C90.0397 69.6542 89.0173 68.5663 86.9721 68.5663H83.4357ZM94.3491 77.0059C96.1132 77.5806 97.4404 78.5364 98.3301 79.8734C99.2358 81.2099 99.6886 82.8263 99.6886 84.7226C99.6886 87.784 98.7988 90.1464 97.0189 91.8094C95.2389 93.457 92.6627 94.2808 89.2903 94.2808H74.677V61.829H88.5881C90.7115 61.829 92.5146 62.1862 93.9976 62.901C95.481 63.6005 96.5974 64.5875 97.3468 65.8621C98.0962 67.1367 98.4709 68.6287 98.4709 70.3383C98.4709 71.8615 98.1194 73.198 97.4172 74.3478C96.73 75.4827 95.7071 76.3684 94.3491 77.0059Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask6_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask6_33_8369)">
+        <path
+          d="M71.0111 94.2806H62.8615V70.2215H71.0111V94.2806ZM66.9361 67.9368C66.0618 67.9368 65.2733 67.7501 64.5711 67.3771C63.8839 67.0041 63.3452 66.4914 62.9551 65.8385C62.5645 65.186 62.3696 64.4554 62.3696 63.647C62.3696 62.839 62.5645 62.1083 62.9551 61.4559C63.3452 60.803 63.8839 60.2898 64.5711 59.9168C65.2733 59.5438 66.0618 59.3575 66.9361 59.3575C67.8104 59.3575 68.5912 59.5438 69.2784 59.9168C69.9806 60.2898 70.5274 60.803 70.9176 61.4559C71.3077 62.1083 71.503 62.839 71.503 63.647C71.503 64.4554 71.3077 65.186 70.9176 65.8385C70.5274 66.4914 69.9806 67.0041 69.2784 67.3771C68.5912 67.7501 67.8104 67.9368 66.9361 67.9368Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask7_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask7_33_8369)">
+        <path
+          d="M193.487 94.2806H185.263V86.0938H193.487V94.2806Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask8_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask8_33_8369)">
+        <path
+          d="M50.7759 94.9802C48.7152 94.9802 46.9116 94.6538 45.3659 94.0009C43.8203 93.3326 42.5872 92.3768 41.6661 91.1334C40.7604 89.8901 40.2217 88.4138 40.05 86.7038H47.8717C47.9344 87.59 48.2078 88.266 48.6916 88.7321C49.1757 89.1829 49.8625 89.4085 50.7527 89.4085C51.4862 89.4085 52.0485 89.253 52.4387 88.9419C52.8288 88.6155 53.0241 88.1652 53.0241 87.59C53.0241 86.9995 52.7902 86.5253 52.3215 86.1676C51.8687 85.7946 51.0416 85.484 49.8393 85.2353C47.591 84.8003 45.7874 84.2406 44.4294 83.557C43.0868 82.8729 42.103 82.0179 41.4785 80.9924C40.8694 79.9512 40.5651 78.6843 40.5651 77.1922C40.5651 75.6536 40.9712 74.3094 41.7828 73.1592C42.5949 71.9935 43.7504 71.0997 45.2492 70.478C46.7476 69.8409 48.4963 69.5222 50.4947 69.5222C53.5237 69.5222 55.8815 70.2062 57.5674 71.574C59.2693 72.9417 60.2531 74.9311 60.5184 77.5422H53.0241C52.9619 76.6872 52.743 76.0655 52.3683 75.6771C51.9936 75.2729 51.424 75.0708 50.6587 75.0708C50.0033 75.0708 49.4723 75.2263 49.0663 75.5369C48.6761 75.8322 48.4808 76.2518 48.4808 76.7962C48.4808 77.2157 48.5903 77.5652 48.8087 77.8451C49.0431 78.125 49.4255 78.3737 49.9565 78.5911C50.5029 78.8086 51.2678 79.0107 52.2515 79.197C55.296 79.7721 57.5052 80.6972 58.8792 81.9713C60.2531 83.2305 60.9398 84.9324 60.9398 87.0769C60.9398 88.6625 60.5183 90.0533 59.6754 91.2501C58.8478 92.4311 57.661 93.3485 56.1154 94.0009C54.5857 94.6538 52.8057 94.9802 50.7759 94.9802Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask9_33_8369"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask9_33_8369)">
+        <path
+          d="M26.7122 77.4951C27.9771 77.4951 28.9214 77.138 29.5459 76.4231C30.1863 75.7078 30.5061 74.6046 30.5061 73.1126C30.5061 71.6205 30.1863 70.5245 29.5459 69.8251C28.9214 69.1103 27.9771 68.7531 26.7122 68.7531H23.5274V77.4951H26.7122ZM14.5343 94.2808V61.829H27.696C30.1627 61.829 32.2706 62.2798 34.0193 63.1809C35.7679 64.0825 37.0946 65.3801 38.0003 67.0743C38.906 68.7531 39.3588 70.7578 39.3588 73.0891C39.3588 75.4049 38.906 77.402 38.0003 79.0808C37.0946 80.7591 35.7679 82.0491 34.0193 82.9506C32.2706 83.8364 30.155 84.2795 27.6723 84.2795H23.5274V94.2808H14.5343Z"
+          fill="#522A10"
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="clip0_33_8369">
+        <rect width={208} height={109} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+const ForwardRef = forwardRef(SvgPsiBufetTabbedTop)
+export default ForwardRef

package/src/components/atoms/Logo/assets/PsiBufetWordmark.tsx

@@ -0,0 +1,195 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+import { Ref, forwardRef } from "react"
+const SvgPsiBufetWordmark = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={208}
+    height={42}
+    viewBox="0 0 208 42"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <g clipPath="url(#clip0_33_8068)">
+      <mask
+        id="mask0_33_8068"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={42}
+      >
+        <path d="M0 -3.8147e-06H208V42H0V-3.8147e-06Z" fill="white" />
+      </mask>
+      <g mask="url(#mask0_33_8068)">
+        <path
+          d="M190.248 41.56C186.709 41.56 184.109 40.7904 182.438 39.2511C180.787 37.6938 179.958 35.2016 179.958 31.7749V20.5051H175.741V12.8087H178.379C179.309 12.8087 180.04 12.6259 180.584 12.2593C181.128 11.8742 181.547 11.2606 181.836 10.4176C182.308 8.93325 182.664 7.24715 182.9 5.35976H189.241V12.8087H194.769V20.5051H189.241V30.593C189.241 31.8206 189.497 32.7002 190.002 33.2316C190.532 33.763 191.365 34.0289 192.511 34.0289C193.305 34.0289 194.143 33.9278 195.014 33.7265V40.9002C194.432 41.102 193.695 41.2576 192.809 41.3675C191.938 41.4958 191.086 41.56 190.248 41.56Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask1_33_8068"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={42}
+      >
+        <path d="M0 -3.8147e-06H208V42H0V-3.8147e-06Z" fill="white" />
+      </mask>
+      <g mask="url(#mask1_33_8068)">
+        <path
+          d="M162.36 19.1034C161.075 19.1034 160.059 19.5434 159.313 20.4229C158.586 21.3024 158.196 22.5757 158.143 24.2434H166.145C166.164 22.5208 165.837 21.2382 165.167 20.3952C164.513 19.5341 163.579 19.1034 162.36 19.1034ZM158.143 29.521V29.9605C158.143 31.5547 158.489 32.7551 159.178 33.5612C159.886 34.3493 160.882 34.7431 162.173 34.7431C163.261 34.7431 164.094 34.4961 164.676 34.0012C165.273 33.4883 165.644 32.7186 165.793 31.6923H174.638C174.166 34.9177 172.852 37.4463 170.69 39.2788C168.547 41.0928 165.702 42 162.144 42C159.438 42 157.074 41.4137 155.037 40.2405C153.024 39.0498 151.464 37.3365 150.357 35.1005C149.269 32.847 148.725 30.153 148.725 27.0195C148.725 23.9045 149.279 21.2198 150.386 18.9658C151.493 16.7118 153.053 14.9897 155.066 13.7986C157.079 12.5889 159.438 11.9841 162.144 11.9841C164.758 11.9841 167.036 12.534 168.976 13.6332C170.936 14.733 172.443 16.3365 173.492 18.4436C174.566 20.5328 175.1 23.043 175.1 25.9752C175.1 27.6608 175.009 28.8427 174.831 29.521H158.143Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask2_33_8068"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={42}
+      >
+        <path d="M0 -3.8147e-06H208V42H0V-3.8147e-06Z" fill="white" />
+      </mask>
+      <g mask="url(#mask2_33_8068)">
+        <path
+          d="M133.9 41.1754V20.5051H129.711V12.8087H133.9V10.8299C133.9 7.45815 134.747 4.93871 136.433 3.27108C138.123 1.58498 140.689 0.74192 144.136 0.74192C145.008 0.74192 145.889 0.815334 146.775 0.962166C147.685 1.09052 148.422 1.27381 148.98 1.51156V8.68578C148.258 8.42907 147.43 8.3012 146.505 8.3012C145.379 8.3012 144.546 8.54819 144.002 9.04313C143.457 9.53807 143.183 10.2985 143.183 11.3248V12.8087H148.763V20.5051H143.183V41.1754H133.9Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask3_33_8068"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={42}
+      >
+        <path d="M0 -3.8147e-06H208V42H0V-3.8147e-06Z" fill="white" />
+      </mask>
+      <g mask="url(#mask3_33_8068)">
+        <path
+          d="M110.587 42C107.645 42 105.396 41.102 103.836 39.306C102.276 37.492 101.496 34.9357 101.496 31.6373V12.8092H110.967V29.5759C110.967 30.8769 111.213 31.8571 111.704 32.5169C112.209 33.1766 112.989 33.5063 114.044 33.5063C115.243 33.5063 116.167 33.094 116.822 32.2694C117.419 31.4998 117.717 30.3178 117.717 28.7236V12.8092H127.193V41.1754H120.197C120.159 40.3508 120.043 39.6911 119.841 39.1961C119.624 38.6098 119.287 38.3166 118.834 38.3166C118.637 38.3166 118.464 38.3623 118.319 38.4542C118.17 38.5456 117.982 38.7197 117.746 38.9764C116.803 40.0027 115.758 40.7631 114.617 41.2576C113.49 41.7525 112.147 42 110.587 42Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask4_33_8068"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={42}
+      >
+        <path d="M0 -3.8147e-06H208V42H0V-3.8147e-06Z" fill="white" />
+      </mask>
+      <g mask="url(#mask4_33_8068)">
+        <path
+          d="M85.203 33.2316C86.4163 33.2316 87.3263 32.8927 87.9234 32.2144C88.5397 31.5182 88.8526 30.4919 88.8526 29.1359C88.8526 26.369 87.6249 24.9853 85.1741 24.9853H80.0854V33.2316H85.203ZM80.0854 10.8571V18.5812H84.1678C85.386 18.5812 86.2815 18.2696 86.8641 17.6467C87.4612 17.0234 87.7597 16.0433 87.7597 14.7053C87.7597 12.1402 86.5752 10.8571 84.1967 10.8571H80.0854ZM92.7719 20.8075C94.823 21.4857 96.3638 22.6127 97.3989 24.1884C98.4486 25.7642 98.9782 27.67 98.9782 29.9055C98.9782 33.5155 97.943 36.3009 95.8726 38.2617C93.8023 40.204 90.8123 41.1754 86.8882 41.1754H69.9049V2.91373H86.0745C88.5397 2.91373 90.6389 3.33526 92.3626 4.17783C94.0863 5.0024 95.3815 6.16634 96.253 7.66867C97.1245 9.17148 97.5626 10.9305 97.5626 12.9463C97.5626 14.7422 97.1534 16.318 96.3349 17.674C95.5356 19.0115 94.3512 20.0563 92.7719 20.8075Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask5_33_8068"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={42}
+      >
+        <path d="M0 -3.8147e-06H208V42H0V-3.8147e-06Z" fill="white" />
+      </mask>
+      <g mask="url(#mask5_33_8068)">
+        <path
+          d="M65.6443 41.1754H56.1716V12.8087H65.6443V41.1754ZM60.908 10.1152C59.8915 10.1152 58.9753 9.89541 58.1587 9.45541C57.3604 9.0159 56.734 8.41108 56.2804 7.64144C55.8269 6.8718 55.6001 6.01027 55.6001 5.05734C55.6001 4.1049 55.8269 3.24337 56.2804 2.47373C56.734 1.70409 57.3604 1.09927 58.1587 0.659756C58.9753 0.219753 59.8915 -7.62939e-06 60.908 -7.62939e-06C61.9244 -7.62939e-06 62.8315 0.219753 63.6302 0.659756C64.4468 1.09927 65.0819 1.70409 65.5355 2.47373C65.989 3.24337 66.2158 4.1049 66.2158 5.05734C66.2158 6.01027 65.989 6.8718 65.5355 7.64144C65.0819 8.41108 64.4468 9.0159 63.6302 9.45541C62.8315 9.89541 61.9244 10.1152 60.908 10.1152Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask6_33_8068"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={42}
+      >
+        <path d="M0 -3.8147e-06H208V42H0V-3.8147e-06Z" fill="white" />
+      </mask>
+      <g mask="url(#mask6_33_8068)">
+        <path d="M208 41.1754H198.443V31.5226H208V41.1754Z" fill="#522A10" />
+      </g>
+      <mask
+        id="mask7_33_8068"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={42}
+      >
+        <path d="M0 -3.8147e-06H208V42H0V-3.8147e-06Z" fill="white" />
+      </mask>
+      <g mask="url(#mask7_33_8068)">
+        <path
+          d="M42.1243 42C39.729 42 37.6331 41.6149 35.8362 40.8453C34.0398 40.0577 32.6064 38.9307 31.5356 37.4643C30.4831 35.9985 29.8572 34.2579 29.6573 32.2422H38.7492C38.8214 33.2865 39.1392 34.0839 39.7015 34.6333C40.2644 35.1647 41.0627 35.4306 42.0974 35.4306C42.9501 35.4306 43.6035 35.2473 44.057 34.8807C44.5106 34.4961 44.7373 33.9647 44.7373 33.2865C44.7373 32.5903 44.4653 32.0312 43.9208 31.6096C43.3945 31.1701 42.433 30.8035 41.0357 30.5104C38.4222 29.9974 36.3263 29.3377 34.7476 28.5316C33.1871 27.725 32.0436 26.7171 31.318 25.508C30.6102 24.2798 30.2563 22.7867 30.2563 21.0272C30.2563 19.2133 30.7282 17.6283 31.6719 16.2723C32.6151 14.8978 33.9584 13.8443 35.7004 13.1111C37.4424 12.3599 39.4748 11.9841 41.7979 11.9841C45.3185 11.9841 48.0586 12.7907 50.0182 14.4029C51.9962 16.0156 53.1397 18.3614 53.4483 21.4395H44.7373C44.6651 20.4316 44.4109 19.699 43.9752 19.241C43.5399 18.7645 42.8774 18.5263 41.9881 18.5263C41.2259 18.5263 40.6091 18.7096 40.1373 19.0757C39.6837 19.4243 39.4569 19.9187 39.4569 20.56C39.4569 21.0549 39.5836 21.4672 39.8378 21.7969C40.1098 22.127 40.5547 22.4202 41.1715 22.6769C41.8066 22.9331 42.6959 23.1713 43.8394 23.3911C47.3778 24.0693 49.9455 25.1598 51.5426 26.6622C53.1397 28.1465 53.938 30.153 53.938 32.6817C53.938 34.5511 53.4483 36.191 52.468 37.6019C51.5065 38.9949 50.1271 40.0757 48.3306 40.8453C46.5521 41.6149 44.4836 42 42.1243 42Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask8_33_8068"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={42}
+      >
+        <path d="M0 -3.8147e-06H208V42H0V-3.8147e-06Z" fill="white" />
+      </mask>
+      <g mask="url(#mask8_33_8068)">
+        <path
+          d="M14.1546 21.3846C15.6246 21.3846 16.7223 20.963 17.4484 20.1205C18.1923 19.2774 18.5645 17.9764 18.5645 16.2173C18.5645 14.4583 18.1923 13.166 17.4484 12.3414C16.7223 11.4989 15.6246 11.0773 14.1546 11.0773H10.453V21.3846H14.1546ZM0 41.1754V2.91373H15.2981C18.1653 2.91373 20.6151 3.44514 22.6474 4.50795C24.6803 5.57076 26.2224 7.1008 27.275 9.09806C28.3275 11.0773 28.8537 13.4412 28.8537 16.1896C28.8537 18.9201 28.3275 21.2747 27.275 23.254C26.2224 25.2328 24.6803 26.7541 22.6474 27.8169C20.6151 28.8612 18.1562 29.3834 15.2707 29.3834H10.453V41.1754H0Z"
+          fill="#522A10"
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="clip0_33_8068">
+        <rect width={208} height={42} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+const ForwardRef = forwardRef(SvgPsiBufetWordmark)
+export default ForwardRef

package/src/components/atoms/Logo/assets/index.ts

@@ -0,0 +1,11 @@
+export { default as BCorp } from "./BCorp"
+export { default as ButternutFavicon } from "./ButternutFavicon"
+export { default as ButternutPrimary } from "./ButternutPrimary"
+export { default as ButternutTabbedBottom } from "./ButternutTabbedBottom"
+export { default as ButternutTabbedTop } from "./ButternutTabbedTop"
+export { default as ButternutWordmark } from "./ButternutWordmark"
+export { default as PsiBufetFavicon } from "./PsiBufetFavicon"
+export { default as PsiBufetPrimary } from "./PsiBufetPrimary"
+export { default as PsiBufetTabbedBottom } from "./PsiBufetTabbedBottom"
+export { default as PsiBufetTabbedTop } from "./PsiBufetTabbedTop"
+export { default as PsiBufetWordmark } from "./PsiBufetWordmark"