odaptos_design_system 2.0.5 → 2.0.7

package/src/DesignTokens/Icons/Logos/LogoNormal.tsx

@@ -1,38 +1,38 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-
-export default function LogoNormal({
-  stroke,
-  strokeWidth,
-  fill,
-  ...rest
-}: SvgIconProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      {...rest}
-    >
-      <svg
-        width="759"
-        height="184"
-        viewBox="0 0 759 184"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M211.158 32.8421C211.158 19.1222 222.28 8 236 8V82.5714C236 113.46 210.975 138.5 180.105 138.5C149.235 138.5 124.211 113.46 124.211 82.5714C124.211 51.6829 149.235 26.6429 180.105 26.6429C191.596 26.6429 202.276 30.1121 211.158 36.0609V32.8421ZM180.105 51.5C197.255 51.5 211.158 65.4112 211.158 82.5714C211.158 99.7317 197.255 113.643 180.105 113.643C162.955 113.643 149.053 99.7317 149.053 82.5714C149.053 65.4112 162.955 51.5 180.105 51.5ZM55.8947 26.6429C86.7645 26.6429 111.789 51.6829 111.789 82.5714C111.789 113.46 86.7645 138.5 55.8947 138.5C25.0249 138.5 0 113.46 0 82.5714C0 51.6829 25.0249 26.6429 55.8947 26.6429ZM55.8947 51.5C38.7448 51.5 24.8421 65.4112 24.8421 82.5714C24.8421 99.7317 38.7448 113.643 55.8947 113.643C73.0446 113.643 86.9474 99.7317 86.9474 82.5714C86.9474 65.4112 73.0446 51.5 55.8947 51.5ZM91.9299 151.348L82.6418 153.569L74.4296 155.399C74.4296 155.399 72.0267 155.838 71.1487 156.953C70.2708 158.067 72.4717 160.545 72.4717 160.545C72.4717 160.545 87.5945 182 117.224 182C148.573 182 160.379 163.199 162.403 159.975C162.525 159.781 162.611 159.644 162.665 159.57C163.6 158.273 163.606 157.667 163.303 156.953C162.999 156.238 161.729 155.756 161.729 155.756L146.986 152.419C146.986 152.419 142.113 151.348 141.179 151.166C140.48 151.03 139.813 151.694 139.117 152.388C138.883 152.621 138.646 152.857 138.403 153.068C138.342 153.121 138.257 153.2 138.148 153.301C136.528 154.801 129.601 161.215 117.224 160.868C104.955 160.523 100.44 156.889 98.0212 154.942C97.8353 154.792 97.6618 154.652 97.4981 154.525C96.3579 153.637 95.6444 152.909 95.1167 152.37C94.5829 151.825 94.2392 151.474 93.8364 151.348C93.0353 151.1 91.9299 151.348 91.9299 151.348Z"
-          fill="#0077FF"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M542.626 24.9231H530.186C530.186 11.1831 519.048 0 505.308 0V25.9139V49.1858V96.0789C505.308 138.672 542.626 137.077 542.626 137.077V108.914C542.626 108.914 530.186 107.723 530.186 88.4272V49.8462H542.626V24.9231ZM363.953 81C363.953 50.0296 338.891 24.9231 307.976 24.9231C277.061 24.9231 252 50.0296 252 81C252 111.97 277.061 137.077 307.976 137.077C320.266 137.077 331.631 133.109 340.864 126.382C344.544 135.524 353.495 141.977 363.953 141.977V81ZM339.074 81C339.074 63.7942 325.151 49.8462 307.976 49.8462C290.801 49.8462 276.878 63.7942 276.878 81C276.878 98.2058 290.801 112.154 307.976 112.154C325.151 112.154 339.074 98.2058 339.074 81ZM436.892 24.9231C467.807 24.9231 492.869 50.0296 492.869 81C492.869 111.97 467.807 137.077 436.892 137.077C425.385 137.077 414.689 133.598 405.794 127.634V137.122C405.794 150.862 394.656 162 380.916 162V81C380.916 50.0296 405.978 24.9231 436.892 24.9231ZM436.892 112.154C419.717 112.154 405.794 98.2058 405.794 81C405.794 63.7942 419.717 49.8462 436.892 49.8462C454.067 49.8462 467.99 63.7942 467.99 81C467.99 98.2058 454.067 112.154 436.892 112.154ZM662.596 81C662.596 50.0296 637.535 24.9231 606.62 24.9231C575.705 24.9231 550.644 50.0296 550.644 81C550.644 111.97 575.705 137.077 606.62 137.077C637.535 137.077 662.596 111.97 662.596 81ZM575.522 81C575.522 63.7942 589.445 49.8462 606.62 49.8462C623.795 49.8462 637.718 63.7942 637.718 81C637.718 98.2058 623.795 112.154 606.62 112.154C589.445 112.154 575.522 98.2058 575.522 81ZM732.955 134.597C727.542 136.433 721.531 137.351 714.923 137.351C708.174 137.351 702.164 136.504 696.892 134.809C691.619 133.114 687.05 130.889 683.184 128.135C679.317 125.38 676.048 122.202 673.377 118.601C670.706 114.999 668.667 111.362 667.261 107.689L677.757 103.183C685.874 99.698 694.132 104.241 701.531 109.066C705.538 111.679 710.002 112.986 714.923 112.986C719.985 112.986 723.992 112.068 726.944 110.232C729.897 108.396 731.373 106.206 731.373 103.664C731.373 100.839 730.143 98.5435 727.682 96.778C725.222 95.0124 720.969 93.4234 714.923 92.0109L700.371 88.8328C697.138 88.1266 693.799 86.9966 690.354 85.4429C686.909 83.8892 683.781 81.9118 680.969 79.5106C678.157 77.1094 675.837 74.2138 674.01 70.8239C672.182 67.434 671.268 63.4791 671.268 58.9592C671.268 53.8743 672.358 49.3544 674.537 45.3995C676.716 41.4446 679.704 38.09 683.5 35.3357C687.296 32.5813 691.76 30.4626 696.892 28.9796C702.023 27.4965 707.542 26.7549 713.447 26.7549C723.289 26.7549 732.076 28.6971 739.809 32.5813C747.541 36.4656 753.236 42.6452 756.891 51.12L733.06 60.866C731.092 56.7698 728.209 53.8037 724.413 51.9675C720.617 50.1312 716.821 49.2131 713.025 49.2131C709.088 49.2131 705.644 50.0253 702.691 51.6497C699.739 53.274 698.262 55.3574 698.262 57.8998C698.262 60.301 699.493 62.2078 701.953 63.6203C704.414 65.0328 707.753 66.304 711.971 67.434L727.788 71.2476C738.332 73.7901 746.171 77.8509 751.302 83.4302C756.434 89.0094 759 95.6127 759 103.24C759 107.76 757.946 112.068 755.837 116.164C753.728 120.26 750.74 123.897 746.874 127.075C743.007 130.253 738.368 132.761 732.955 134.597Z"
-          fill="#00040A"
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoNormal({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        width="759"
+        height="184"
+        viewBox="0 0 759 184"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M211.158 32.8421C211.158 19.1222 222.28 8 236 8V82.5714C236 113.46 210.975 138.5 180.105 138.5C149.235 138.5 124.211 113.46 124.211 82.5714C124.211 51.6829 149.235 26.6429 180.105 26.6429C191.596 26.6429 202.276 30.1121 211.158 36.0609V32.8421ZM180.105 51.5C197.255 51.5 211.158 65.4112 211.158 82.5714C211.158 99.7317 197.255 113.643 180.105 113.643C162.955 113.643 149.053 99.7317 149.053 82.5714C149.053 65.4112 162.955 51.5 180.105 51.5ZM55.8947 26.6429C86.7645 26.6429 111.789 51.6829 111.789 82.5714C111.789 113.46 86.7645 138.5 55.8947 138.5C25.0249 138.5 0 113.46 0 82.5714C0 51.6829 25.0249 26.6429 55.8947 26.6429ZM55.8947 51.5C38.7448 51.5 24.8421 65.4112 24.8421 82.5714C24.8421 99.7317 38.7448 113.643 55.8947 113.643C73.0446 113.643 86.9474 99.7317 86.9474 82.5714C86.9474 65.4112 73.0446 51.5 55.8947 51.5ZM91.9299 151.348L82.6418 153.569L74.4296 155.399C74.4296 155.399 72.0267 155.838 71.1487 156.953C70.2708 158.067 72.4717 160.545 72.4717 160.545C72.4717 160.545 87.5945 182 117.224 182C148.573 182 160.379 163.199 162.403 159.975C162.525 159.781 162.611 159.644 162.665 159.57C163.6 158.273 163.606 157.667 163.303 156.953C162.999 156.238 161.729 155.756 161.729 155.756L146.986 152.419C146.986 152.419 142.113 151.348 141.179 151.166C140.48 151.03 139.813 151.694 139.117 152.388C138.883 152.621 138.646 152.857 138.403 153.068C138.342 153.121 138.257 153.2 138.148 153.301C136.528 154.801 129.601 161.215 117.224 160.868C104.955 160.523 100.44 156.889 98.0212 154.942C97.8353 154.792 97.6618 154.652 97.4981 154.525C96.3579 153.637 95.6444 152.909 95.1167 152.37C94.5829 151.825 94.2392 151.474 93.8364 151.348C93.0353 151.1 91.9299 151.348 91.9299 151.348Z"
+          fill="#0077FF"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M542.626 24.9231H530.186C530.186 11.1831 519.048 0 505.308 0V25.9139V49.1858V96.0789C505.308 138.672 542.626 137.077 542.626 137.077V108.914C542.626 108.914 530.186 107.723 530.186 88.4272V49.8462H542.626V24.9231ZM363.953 81C363.953 50.0296 338.891 24.9231 307.976 24.9231C277.061 24.9231 252 50.0296 252 81C252 111.97 277.061 137.077 307.976 137.077C320.266 137.077 331.631 133.109 340.864 126.382C344.544 135.524 353.495 141.977 363.953 141.977V81ZM339.074 81C339.074 63.7942 325.151 49.8462 307.976 49.8462C290.801 49.8462 276.878 63.7942 276.878 81C276.878 98.2058 290.801 112.154 307.976 112.154C325.151 112.154 339.074 98.2058 339.074 81ZM436.892 24.9231C467.807 24.9231 492.869 50.0296 492.869 81C492.869 111.97 467.807 137.077 436.892 137.077C425.385 137.077 414.689 133.598 405.794 127.634V137.122C405.794 150.862 394.656 162 380.916 162V81C380.916 50.0296 405.978 24.9231 436.892 24.9231ZM436.892 112.154C419.717 112.154 405.794 98.2058 405.794 81C405.794 63.7942 419.717 49.8462 436.892 49.8462C454.067 49.8462 467.99 63.7942 467.99 81C467.99 98.2058 454.067 112.154 436.892 112.154ZM662.596 81C662.596 50.0296 637.535 24.9231 606.62 24.9231C575.705 24.9231 550.644 50.0296 550.644 81C550.644 111.97 575.705 137.077 606.62 137.077C637.535 137.077 662.596 111.97 662.596 81ZM575.522 81C575.522 63.7942 589.445 49.8462 606.62 49.8462C623.795 49.8462 637.718 63.7942 637.718 81C637.718 98.2058 623.795 112.154 606.62 112.154C589.445 112.154 575.522 98.2058 575.522 81ZM732.955 134.597C727.542 136.433 721.531 137.351 714.923 137.351C708.174 137.351 702.164 136.504 696.892 134.809C691.619 133.114 687.05 130.889 683.184 128.135C679.317 125.38 676.048 122.202 673.377 118.601C670.706 114.999 668.667 111.362 667.261 107.689L677.757 103.183C685.874 99.698 694.132 104.241 701.531 109.066C705.538 111.679 710.002 112.986 714.923 112.986C719.985 112.986 723.992 112.068 726.944 110.232C729.897 108.396 731.373 106.206 731.373 103.664C731.373 100.839 730.143 98.5435 727.682 96.778C725.222 95.0124 720.969 93.4234 714.923 92.0109L700.371 88.8328C697.138 88.1266 693.799 86.9966 690.354 85.4429C686.909 83.8892 683.781 81.9118 680.969 79.5106C678.157 77.1094 675.837 74.2138 674.01 70.8239C672.182 67.434 671.268 63.4791 671.268 58.9592C671.268 53.8743 672.358 49.3544 674.537 45.3995C676.716 41.4446 679.704 38.09 683.5 35.3357C687.296 32.5813 691.76 30.4626 696.892 28.9796C702.023 27.4965 707.542 26.7549 713.447 26.7549C723.289 26.7549 732.076 28.6971 739.809 32.5813C747.541 36.4656 753.236 42.6452 756.891 51.12L733.06 60.866C731.092 56.7698 728.209 53.8037 724.413 51.9675C720.617 50.1312 716.821 49.2131 713.025 49.2131C709.088 49.2131 705.644 50.0253 702.691 51.6497C699.739 53.274 698.262 55.3574 698.262 57.8998C698.262 60.301 699.493 62.2078 701.953 63.6203C704.414 65.0328 707.753 66.304 711.971 67.434L727.788 71.2476C738.332 73.7901 746.171 77.8509 751.302 83.4302C756.434 89.0094 759 95.6127 759 103.24C759 107.76 757.946 112.068 755.837 116.164C753.728 120.26 750.74 123.897 746.874 127.075C743.007 130.253 738.368 132.761 732.955 134.597Z"
+          fill="#00040A"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Logos/LogoSmall.tsx

@@ -1,32 +1,32 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-
-export default function LogoSmall({
-  stroke,
-  strokeWidth,
-  fill,
-  ...rest
-}: SvgIconProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="236"
-        height="174"
-        viewBox="0 0 236 174"
-        fill="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M211.158 24.8421C211.158 11.1222 222.28 0 236 0V74.5714C236 105.46 210.975 130.5 180.105 130.5C149.235 130.5 124.211 105.46 124.211 74.5714C124.211 43.6829 149.235 18.6429 180.105 18.6429C191.596 18.6429 202.276 22.1121 211.158 28.0609V24.8421ZM180.105 43.5C197.255 43.5 211.158 57.4112 211.158 74.5714C211.158 91.7317 197.255 105.643 180.105 105.643C162.955 105.643 149.053 91.7317 149.053 74.5714C149.053 57.4112 162.955 43.5 180.105 43.5ZM55.8947 18.6429C86.7645 18.6429 111.789 43.6829 111.789 74.5714C111.789 105.46 86.7645 130.5 55.8947 130.5C25.0249 130.5 0 105.46 0 74.5714C0 43.6829 25.0249 18.6429 55.8947 18.6429ZM55.8947 43.5C38.7448 43.5 24.8421 57.4112 24.8421 74.5714C24.8421 91.7317 38.7448 105.643 55.8947 105.643C73.0446 105.643 86.9474 91.7317 86.9474 74.5714C86.9474 57.4112 73.0446 43.5 55.8947 43.5ZM91.9299 143.348L82.6418 145.569L74.4296 147.399C74.4296 147.399 72.0267 147.838 71.1487 148.953C70.2708 150.067 72.4717 152.545 72.4717 152.545C72.4717 152.545 87.5945 174 117.224 174C148.573 174 160.379 155.199 162.403 151.975C162.525 151.781 162.611 151.644 162.665 151.57C163.6 150.273 163.606 149.667 163.303 148.953C162.999 148.238 161.729 147.756 161.729 147.756L146.986 144.419C146.986 144.419 142.113 143.348 141.179 143.166C140.48 143.03 139.813 143.694 139.117 144.388C138.883 144.621 138.646 144.857 138.403 145.068C138.342 145.121 138.257 145.2 138.148 145.301C136.528 146.801 129.601 153.215 117.224 152.868C104.955 152.523 100.44 148.889 98.0212 146.942C97.8353 146.792 97.6618 146.652 97.4981 146.525C96.3579 145.637 95.6444 144.909 95.1167 144.37C94.5829 143.825 94.2392 143.474 93.8364 143.348C93.0353 143.1 91.9299 143.348 91.9299 143.348Z"
-          fill="#0077FF"
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoSmall({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="236"
+        height="174"
+        viewBox="0 0 236 174"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M211.158 24.8421C211.158 11.1222 222.28 0 236 0V74.5714C236 105.46 210.975 130.5 180.105 130.5C149.235 130.5 124.211 105.46 124.211 74.5714C124.211 43.6829 149.235 18.6429 180.105 18.6429C191.596 18.6429 202.276 22.1121 211.158 28.0609V24.8421ZM180.105 43.5C197.255 43.5 211.158 57.4112 211.158 74.5714C211.158 91.7317 197.255 105.643 180.105 105.643C162.955 105.643 149.053 91.7317 149.053 74.5714C149.053 57.4112 162.955 43.5 180.105 43.5ZM55.8947 18.6429C86.7645 18.6429 111.789 43.6829 111.789 74.5714C111.789 105.46 86.7645 130.5 55.8947 130.5C25.0249 130.5 0 105.46 0 74.5714C0 43.6829 25.0249 18.6429 55.8947 18.6429ZM55.8947 43.5C38.7448 43.5 24.8421 57.4112 24.8421 74.5714C24.8421 91.7317 38.7448 105.643 55.8947 105.643C73.0446 105.643 86.9474 91.7317 86.9474 74.5714C86.9474 57.4112 73.0446 43.5 55.8947 43.5ZM91.9299 143.348L82.6418 145.569L74.4296 147.399C74.4296 147.399 72.0267 147.838 71.1487 148.953C70.2708 150.067 72.4717 152.545 72.4717 152.545C72.4717 152.545 87.5945 174 117.224 174C148.573 174 160.379 155.199 162.403 151.975C162.525 151.781 162.611 151.644 162.665 151.57C163.6 150.273 163.606 149.667 163.303 148.953C162.999 148.238 161.729 147.756 161.729 147.756L146.986 144.419C146.986 144.419 142.113 143.348 141.179 143.166C140.48 143.03 139.813 143.694 139.117 144.388C138.883 144.621 138.646 144.857 138.403 145.068C138.342 145.121 138.257 145.2 138.148 145.301C136.528 146.801 129.601 153.215 117.224 152.868C104.955 152.523 100.44 148.889 98.0212 146.942C97.8353 146.792 97.6618 146.652 97.4981 146.525C96.3579 145.637 95.6444 144.909 95.1167 144.37C94.5829 143.825 94.2392 143.474 93.8364 143.348C93.0353 143.1 91.9299 143.348 91.9299 143.348Z"
+          fill="#0077FF"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Logos/LogoSquare.tsx

@@ -1,72 +1,72 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-
-export default function LogoSquare({
-  stroke,
-  strokeWidth,
-  fill,
-  ...rest
-}: SvgIconProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      {...rest}
-    >
-      <svg
-        width="152"
-        height="152"
-        viewBox="0 0 152 152"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <rect width="152" height="152" rx="16" fill="#0077FF" />
-        <g filter="url(#filter0_d_151_6098)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M120.211 46.5013C120.211 39.9902 125.489 34.7119 132 34.7119V70.1017C132 84.7606 120.124 96.6441 105.474 96.6441C90.8236 96.6441 78.9474 84.7606 78.9474 70.1017C78.9474 55.4427 90.8236 43.5593 105.474 43.5593C110.927 43.5593 115.995 45.2057 120.211 48.0289V46.5013ZM105.474 55.3559C113.613 55.3559 120.211 61.9578 120.211 70.1017C120.211 78.2455 113.613 84.8475 105.474 84.8475C97.3347 84.8475 90.7368 78.2455 90.7368 70.1017C90.7368 61.9578 97.3347 55.3559 105.474 55.3559ZM46.5263 43.5593C61.1764 43.5593 73.0526 55.4427 73.0526 70.1017C73.0526 84.7606 61.1764 96.6441 46.5263 96.6441C31.8762 96.6441 20 84.7606 20 70.1017C20 55.4427 31.8762 43.5593 46.5263 43.5593ZM46.5263 55.3559C38.3874 55.3559 31.7895 61.9578 31.7895 70.1017C31.7895 78.2455 38.3874 84.8475 46.5263 84.8475C54.6652 84.8475 61.2632 78.2455 61.2632 70.1017C61.2632 61.9578 54.6652 55.3559 46.5263 55.3559ZM63.6278 102.742L59.2198 103.795L55.3225 104.664C55.3225 104.664 54.1821 104.872 53.7655 105.401C53.3488 105.93 54.3933 107.106 54.3933 107.106C54.3933 107.106 61.5703 117.288 75.6316 117.288C90.5093 117.288 96.1121 108.366 97.0727 106.836C97.1305 106.744 97.1715 106.678 97.1967 106.643C97.6405 106.028 97.6435 105.74 97.4995 105.401C97.3555 105.062 96.7529 104.833 96.7529 104.833L89.7561 103.25C89.7561 103.25 87.4433 102.742 87.0001 102.655C86.6685 102.59 86.3521 102.906 86.0218 103.235C85.9108 103.346 85.7982 103.458 85.6829 103.558C85.654 103.583 85.6136 103.62 85.5617 103.668C84.7929 104.38 81.5054 107.424 75.6316 107.259C69.8089 107.096 67.6663 105.371 66.5185 104.447C66.4303 104.376 66.348 104.31 66.2703 104.249C65.7292 103.828 65.3906 103.482 65.1401 103.226C64.8868 102.968 64.7237 102.801 64.5325 102.742C64.1524 102.624 63.6278 102.742 63.6278 102.742Z"
-            fill="white"
-          />
-        </g>
-        <defs>
-          <filter
-            id="filter0_d_151_6098"
-            x="15"
-            y="33.7119"
-            width="122"
-            height="92.5763"
-            filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB"
-          >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix
-              in="SourceAlpha"
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dy="4" />
-            <feGaussianBlur stdDeviation="2.5" />
-            <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
-            />
-            <feBlend
-              mode="normal"
-              in2="BackgroundImageFix"
-              result="effect1_dropShadow_151_6098"
-            />
-            <feBlend
-              mode="normal"
-              in="SourceGraphic"
-              in2="effect1_dropShadow_151_6098"
-              result="shape"
-            />
-          </filter>
-        </defs>
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoSquare({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        width="152"
+        height="152"
+        viewBox="0 0 152 152"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect width="152" height="152" rx="16" fill="#0077FF" />
+        <g filter="url(#filter0_d_151_6098)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M120.211 46.5013C120.211 39.9902 125.489 34.7119 132 34.7119V70.1017C132 84.7606 120.124 96.6441 105.474 96.6441C90.8236 96.6441 78.9474 84.7606 78.9474 70.1017C78.9474 55.4427 90.8236 43.5593 105.474 43.5593C110.927 43.5593 115.995 45.2057 120.211 48.0289V46.5013ZM105.474 55.3559C113.613 55.3559 120.211 61.9578 120.211 70.1017C120.211 78.2455 113.613 84.8475 105.474 84.8475C97.3347 84.8475 90.7368 78.2455 90.7368 70.1017C90.7368 61.9578 97.3347 55.3559 105.474 55.3559ZM46.5263 43.5593C61.1764 43.5593 73.0526 55.4427 73.0526 70.1017C73.0526 84.7606 61.1764 96.6441 46.5263 96.6441C31.8762 96.6441 20 84.7606 20 70.1017C20 55.4427 31.8762 43.5593 46.5263 43.5593ZM46.5263 55.3559C38.3874 55.3559 31.7895 61.9578 31.7895 70.1017C31.7895 78.2455 38.3874 84.8475 46.5263 84.8475C54.6652 84.8475 61.2632 78.2455 61.2632 70.1017C61.2632 61.9578 54.6652 55.3559 46.5263 55.3559ZM63.6278 102.742L59.2198 103.795L55.3225 104.664C55.3225 104.664 54.1821 104.872 53.7655 105.401C53.3488 105.93 54.3933 107.106 54.3933 107.106C54.3933 107.106 61.5703 117.288 75.6316 117.288C90.5093 117.288 96.1121 108.366 97.0727 106.836C97.1305 106.744 97.1715 106.678 97.1967 106.643C97.6405 106.028 97.6435 105.74 97.4995 105.401C97.3555 105.062 96.7529 104.833 96.7529 104.833L89.7561 103.25C89.7561 103.25 87.4433 102.742 87.0001 102.655C86.6685 102.59 86.3521 102.906 86.0218 103.235C85.9108 103.346 85.7982 103.458 85.6829 103.558C85.654 103.583 85.6136 103.62 85.5617 103.668C84.7929 104.38 81.5054 107.424 75.6316 107.259C69.8089 107.096 67.6663 105.371 66.5185 104.447C66.4303 104.376 66.348 104.31 66.2703 104.249C65.7292 103.828 65.3906 103.482 65.1401 103.226C64.8868 102.968 64.7237 102.801 64.5325 102.742C64.1524 102.624 63.6278 102.742 63.6278 102.742Z"
+            fill="white"
+          />
+        </g>
+        <defs>
+          <filter
+            id="filter0_d_151_6098"
+            x="15"
+            y="33.7119"
+            width="122"
+            height="92.5763"
+            filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB"
+          >
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix
+              in="SourceAlpha"
+              type="matrix"
+              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              result="hardAlpha"
+            />
+            <feOffset dy="4" />
+            <feGaussianBlur stdDeviation="2.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix
+              type="matrix"
+              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
+            />
+            <feBlend
+              mode="normal"
+              in2="BackgroundImageFix"
+              result="effect1_dropShadow_151_6098"
+            />
+            <feBlend
+              mode="normal"
+              in="SourceGraphic"
+              in2="effect1_dropShadow_151_6098"
+              result="shape"
+            />
+          </filter>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Logos/LogoText.tsx

@@ -1,32 +1,32 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-
-export default function LogoText({
-  stroke,
-  strokeWidth,
-  fill,
-  ...rest
-}: SvgIconProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      {...rest}
-    >
-      <svg
-        width="507"
-        height="162"
-        viewBox="0 0 507 162"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M290.626 24.9231H278.186C278.186 11.1831 267.048 0 253.308 0V25.9139V49.1858V96.0789C253.308 138.672 290.626 137.077 290.626 137.077V108.914C290.626 108.914 278.186 107.723 278.186 88.4272V49.8462H290.626V24.9231ZM111.953 81C111.953 50.0296 86.8912 24.9231 55.9764 24.9231C25.0615 24.9231 0 50.0296 0 81C0 111.97 25.0615 137.077 55.9764 137.077C68.2664 137.077 79.6313 133.109 88.8644 126.382C92.5437 135.524 101.495 141.977 111.953 141.977V81ZM87.0743 81C87.0743 63.7942 73.1513 49.8462 55.9763 49.8462C38.8014 49.8462 24.8784 63.7942 24.8784 81C24.8784 98.2058 38.8014 112.154 55.9763 112.154C73.1513 112.154 87.0743 98.2058 87.0743 81ZM184.892 24.9231C215.807 24.9231 240.869 50.0296 240.869 81C240.869 111.97 215.807 137.077 184.892 137.077C173.385 137.077 162.689 133.598 153.794 127.634V137.122C153.794 150.862 142.656 162 128.916 162V81C128.916 50.0296 153.978 24.9231 184.892 24.9231ZM184.892 112.154C167.717 112.154 153.794 98.2058 153.794 81C153.794 63.7942 167.717 49.8462 184.892 49.8462C202.067 49.8462 215.99 63.7942 215.99 81C215.99 98.2058 202.067 112.154 184.892 112.154ZM410.596 81C410.596 50.0296 385.535 24.9231 354.62 24.9231C323.705 24.9231 298.644 50.0296 298.644 81C298.644 111.97 323.705 137.077 354.62 137.077C385.535 137.077 410.596 111.97 410.596 81ZM323.522 81C323.522 63.7942 337.445 49.8462 354.62 49.8462C371.795 49.8462 385.718 63.7942 385.718 81C385.718 98.2058 371.795 112.154 354.62 112.154C337.445 112.154 323.522 98.2058 323.522 81ZM480.955 134.597C475.542 136.433 469.531 137.351 462.923 137.351C456.174 137.351 450.164 136.504 444.892 134.809C439.619 133.114 435.05 130.889 431.184 128.135C427.317 125.38 424.048 122.202 421.377 118.601C418.706 114.999 416.667 111.362 415.261 107.689L425.757 103.183C433.874 99.698 442.132 104.241 449.531 109.066C453.538 111.679 458.002 112.986 462.923 112.986C467.985 112.986 471.992 112.068 474.944 110.232C477.897 108.396 479.373 106.206 479.373 103.664C479.373 100.839 478.143 98.5435 475.682 96.778C473.222 95.0124 468.969 93.4234 462.923 92.0109L448.371 88.8328C445.138 88.1266 441.799 86.9966 438.354 85.4429C434.909 83.8892 431.781 81.9118 428.969 79.5106C426.157 77.1094 423.837 74.2138 422.01 70.8239C420.182 67.434 419.268 63.4791 419.268 58.9592C419.268 53.8743 420.358 49.3544 422.537 45.3995C424.716 41.4446 427.704 38.09 431.5 35.3357C435.296 32.5813 439.76 30.4626 444.892 28.9796C450.023 27.4965 455.542 26.7549 461.447 26.7549C471.289 26.7549 480.076 28.6971 487.809 32.5813C495.541 36.4656 501.236 42.6452 504.891 51.12L481.06 60.866C479.092 56.7698 476.209 53.8037 472.413 51.9675C468.617 50.1312 464.821 49.2131 461.025 49.2131C457.088 49.2131 453.644 50.0253 450.691 51.6497C447.739 53.274 446.262 55.3574 446.262 57.8998C446.262 60.301 447.493 62.2078 449.953 63.6203C452.414 65.0328 455.753 66.304 459.971 67.434L475.788 71.2476C486.332 73.7901 494.171 77.8509 499.302 83.4302C504.434 89.0094 507 95.6127 507 103.24C507 107.76 505.946 112.068 503.837 116.164C501.728 120.26 498.74 123.897 494.874 127.075C491.007 130.253 486.368 132.761 480.955 134.597Z"
-          fill="#00040A"
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoText({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        width="507"
+        height="162"
+        viewBox="0 0 507 162"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M290.626 24.9231H278.186C278.186 11.1831 267.048 0 253.308 0V25.9139V49.1858V96.0789C253.308 138.672 290.626 137.077 290.626 137.077V108.914C290.626 108.914 278.186 107.723 278.186 88.4272V49.8462H290.626V24.9231ZM111.953 81C111.953 50.0296 86.8912 24.9231 55.9764 24.9231C25.0615 24.9231 0 50.0296 0 81C0 111.97 25.0615 137.077 55.9764 137.077C68.2664 137.077 79.6313 133.109 88.8644 126.382C92.5437 135.524 101.495 141.977 111.953 141.977V81ZM87.0743 81C87.0743 63.7942 73.1513 49.8462 55.9763 49.8462C38.8014 49.8462 24.8784 63.7942 24.8784 81C24.8784 98.2058 38.8014 112.154 55.9763 112.154C73.1513 112.154 87.0743 98.2058 87.0743 81ZM184.892 24.9231C215.807 24.9231 240.869 50.0296 240.869 81C240.869 111.97 215.807 137.077 184.892 137.077C173.385 137.077 162.689 133.598 153.794 127.634V137.122C153.794 150.862 142.656 162 128.916 162V81C128.916 50.0296 153.978 24.9231 184.892 24.9231ZM184.892 112.154C167.717 112.154 153.794 98.2058 153.794 81C153.794 63.7942 167.717 49.8462 184.892 49.8462C202.067 49.8462 215.99 63.7942 215.99 81C215.99 98.2058 202.067 112.154 184.892 112.154ZM410.596 81C410.596 50.0296 385.535 24.9231 354.62 24.9231C323.705 24.9231 298.644 50.0296 298.644 81C298.644 111.97 323.705 137.077 354.62 137.077C385.535 137.077 410.596 111.97 410.596 81ZM323.522 81C323.522 63.7942 337.445 49.8462 354.62 49.8462C371.795 49.8462 385.718 63.7942 385.718 81C385.718 98.2058 371.795 112.154 354.62 112.154C337.445 112.154 323.522 98.2058 323.522 81ZM480.955 134.597C475.542 136.433 469.531 137.351 462.923 137.351C456.174 137.351 450.164 136.504 444.892 134.809C439.619 133.114 435.05 130.889 431.184 128.135C427.317 125.38 424.048 122.202 421.377 118.601C418.706 114.999 416.667 111.362 415.261 107.689L425.757 103.183C433.874 99.698 442.132 104.241 449.531 109.066C453.538 111.679 458.002 112.986 462.923 112.986C467.985 112.986 471.992 112.068 474.944 110.232C477.897 108.396 479.373 106.206 479.373 103.664C479.373 100.839 478.143 98.5435 475.682 96.778C473.222 95.0124 468.969 93.4234 462.923 92.0109L448.371 88.8328C445.138 88.1266 441.799 86.9966 438.354 85.4429C434.909 83.8892 431.781 81.9118 428.969 79.5106C426.157 77.1094 423.837 74.2138 422.01 70.8239C420.182 67.434 419.268 63.4791 419.268 58.9592C419.268 53.8743 420.358 49.3544 422.537 45.3995C424.716 41.4446 427.704 38.09 431.5 35.3357C435.296 32.5813 439.76 30.4626 444.892 28.9796C450.023 27.4965 455.542 26.7549 461.447 26.7549C471.289 26.7549 480.076 28.6971 487.809 32.5813C495.541 36.4656 501.236 42.6452 504.891 51.12L481.06 60.866C479.092 56.7698 476.209 53.8037 472.413 51.9675C468.617 50.1312 464.821 49.2131 461.025 49.2131C457.088 49.2131 453.644 50.0253 450.691 51.6497C447.739 53.274 446.262 55.3574 446.262 57.8998C446.262 60.301 447.493 62.2078 449.953 63.6203C452.414 65.0328 455.753 66.304 459.971 67.434L475.788 71.2476C486.332 73.7901 494.171 77.8509 499.302 83.4302C504.434 89.0094 507 95.6127 507 103.24C507 107.76 505.946 112.068 503.837 116.164C501.728 120.26 498.74 123.897 494.874 127.075C491.007 130.253 486.368 132.761 480.955 134.597Z"
+          fill="#00040A"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Logos/LogoWhite.tsx

@@ -1,38 +1,38 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-
-export default function LogoWhite({
-  stroke,
-  strokeWidth,
-  fill,
-  ...rest
-}: SvgIconProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      {...rest}
-    >
-      <svg
-        width="66"
-        height="16"
-        viewBox="0 0 66 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M18.2997 2.84859C18.2997 1.65957 19.2636 0.695679 20.4526 0.695679V7.18015C20.4526 9.86611 18.2839 12.0435 15.6086 12.0435C12.9333 12.0435 10.7645 9.86611 10.7645 7.18015C10.7645 4.49419 12.9333 2.3168 15.6086 2.3168C16.6044 2.3168 17.53 2.61847 18.2997 3.13576V2.84859ZM15.6086 4.47829C17.0949 4.47829 18.2997 5.68795 18.2997 7.18015C18.2997 8.67235 17.0949 9.88201 15.6086 9.88201C14.1223 9.88201 12.9175 8.67235 12.9175 7.18015C12.9175 5.68795 14.1223 4.47829 15.6086 4.47829ZM4.84405 2.3168C7.51934 2.3168 9.68809 4.49419 9.68809 7.18015C9.68809 9.86611 7.51934 12.0435 4.84405 12.0435C2.16875 12.0435 0 9.86611 0 7.18015C0 4.49419 2.16875 2.3168 4.84405 2.3168ZM4.84405 4.47829C3.35777 4.47829 2.15291 5.68795 2.15291 7.18015C2.15291 8.67235 3.35777 9.88201 4.84405 9.88201C6.33032 9.88201 7.53518 8.67235 7.53518 7.18015C7.53518 5.68795 6.33032 4.47829 4.84405 4.47829ZM7.96699 13.1608L7.16204 13.3538L6.45034 13.5129C6.45034 13.5129 6.2421 13.5512 6.16601 13.6481C6.08993 13.745 6.28067 13.9605 6.28067 13.9605C6.28067 13.9605 7.59127 15.8261 10.159 15.8261C12.8759 15.8261 13.899 14.1912 14.0745 13.9109C14.085 13.8941 14.0925 13.8821 14.0971 13.8757C14.1782 13.7629 14.1787 13.7102 14.1524 13.6481C14.1261 13.5859 14.0161 13.5441 14.0161 13.5441L12.7384 13.2539C12.7384 13.2539 12.316 13.1608 12.2351 13.1449C12.1745 13.133 12.1167 13.1908 12.0564 13.2511C12.0362 13.2714 12.0156 13.292 11.9946 13.3103C11.9893 13.3149 11.9819 13.3217 11.9724 13.3305C11.832 13.461 11.2317 14.0187 10.159 13.9885C9.09575 13.9586 8.70449 13.6425 8.49488 13.4732C8.47877 13.4602 8.46373 13.4481 8.44955 13.437C8.35074 13.3598 8.2889 13.2964 8.24317 13.2496C8.19691 13.2022 8.16712 13.1716 8.13221 13.1608C8.06279 13.1391 7.96699 13.1608 7.96699 13.1608Z"
-          fill="white"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M47.0261 2.16722H45.948C45.948 0.976468 44.9827 0 43.792 0V2.25338V4.27703V8.35469C43.792 12.0585 47.0261 11.9197 47.0261 11.9197V9.47082C47.0261 9.47082 45.948 9.36719 45.948 7.68932V4.33445H47.0261V2.16722ZM31.5416 7.04348C31.5416 4.3504 29.3697 2.16722 26.6905 2.16722C24.0113 2.16722 21.8394 4.3504 21.8394 7.04348C21.8394 9.73656 24.0113 11.9197 26.6905 11.9197C27.7549 11.9197 28.7393 11.5751 29.5393 10.9908C29.8572 11.7849 30.6339 12.3458 31.5416 12.3458V7.04348ZM29.3855 7.04348C29.3855 5.54732 28.1789 4.33445 26.6905 4.33445C25.202 4.33445 23.9954 5.54732 23.9954 7.04348C23.9954 8.53963 25.202 9.75251 26.6905 9.75251C28.1789 9.75251 29.3855 8.53963 29.3855 7.04348ZM37.8628 2.16722C40.542 2.16722 42.7139 4.3504 42.7139 7.04348C42.7139 9.73656 40.542 11.9197 37.8628 11.9197C36.8656 11.9197 35.9386 11.6173 35.1678 11.0986V11.9309C35.1678 13.1217 34.2025 14.087 33.0117 14.087V7.04348C33.0117 4.3504 35.1836 2.16722 37.8628 2.16722ZM37.8628 9.75251C36.3744 9.75251 35.1678 8.53963 35.1678 7.04348C35.1678 5.54732 36.3744 4.33445 37.8628 4.33445C39.3513 4.33445 40.5579 5.54732 40.5579 7.04348C40.5579 8.53963 39.3513 9.75251 37.8628 9.75251ZM57.4232 7.04348C57.4232 4.3504 55.2512 2.16722 52.572 2.16722C49.8928 2.16722 47.7209 4.3504 47.7209 7.04348C47.7209 9.73656 49.8928 11.9197 52.572 11.9197C55.2512 11.9197 57.4232 9.73656 57.4232 7.04348ZM49.877 7.04348C49.877 5.54732 51.0836 4.33445 52.572 4.33445C54.0605 4.33445 55.2671 5.54732 55.2671 7.04348C55.2671 8.53963 54.0605 9.75251 52.572 9.75251C51.0836 9.75251 49.877 8.53963 49.877 7.04348ZM63.5207 11.7041C63.0516 11.8637 62.5307 11.9436 61.958 11.9436C61.3731 11.9436 60.8522 11.8699 60.3953 11.7225C59.9384 11.5751 59.5424 11.3817 59.2073 11.1422C58.8722 10.9026 58.589 10.6263 58.3575 10.3131C58.1259 9.9999 57.9493 9.68363 57.8274 9.36428L58.7352 8.97324C59.4393 8.66994 60.1559 9.06429 60.7974 9.48404C61.1447 9.71126 61.5315 9.82487 61.958 9.82487C62.3966 9.82487 62.7439 9.74504 62.9998 9.58537C63.2557 9.4257 63.3836 9.23532 63.3836 9.01424C63.3836 8.76859 63.277 8.569 63.0638 8.41548C62.8505 8.26195 62.4819 8.12377 61.958 8.00095L60.6969 7.7246C60.4166 7.66318 60.1273 7.56492 59.8287 7.42982C59.5302 7.29471 59.2591 7.12276 59.0154 6.91396C58.7717 6.70516 58.5707 6.45337 58.4123 6.1586C58.2539 5.86382 58.1747 5.51992 58.1747 5.12688C58.1747 4.68472 58.2691 4.29169 58.458 3.94778C58.6468 3.60388 58.9058 3.31217 59.2347 3.07267C59.5637 2.83316 59.9506 2.64893 60.3953 2.51996C60.8401 2.391 61.3183 2.32652 61.8301 2.32652C62.683 2.32652 63.4445 2.4954 64.1147 2.83316C64.7848 3.17092 65.2783 3.70828 65.5951 4.44522L63.5298 5.2927C63.3592 4.93651 63.1094 4.67858 62.7805 4.51891C62.4515 4.35924 62.1225 4.2794 61.7935 4.2794C61.4523 4.2794 61.1538 4.35003 60.8979 4.49127C60.6421 4.63252 60.5141 4.81368 60.5141 5.03477C60.5141 5.24357 60.6207 5.40938 60.834 5.5322C61.0472 5.65502 61.3366 5.76556 61.7021 5.86382L63.0729 6.19545C63.9867 6.41653 64.666 6.76964 65.1108 7.2548C65.5555 7.73995 65.7779 8.31415 65.7779 8.97739C65.7779 9.37043 65.6865 9.74504 65.5037 10.1012C65.3209 10.4574 65.062 10.7737 64.7269 11.05C64.3919 11.3264 63.9898 11.5444 63.5207 11.7041Z"
-          fill="white"
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoWhite({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        width="66"
+        height="16"
+        viewBox="0 0 66 16"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M18.2997 2.84859C18.2997 1.65957 19.2636 0.695679 20.4526 0.695679V7.18015C20.4526 9.86611 18.2839 12.0435 15.6086 12.0435C12.9333 12.0435 10.7645 9.86611 10.7645 7.18015C10.7645 4.49419 12.9333 2.3168 15.6086 2.3168C16.6044 2.3168 17.53 2.61847 18.2997 3.13576V2.84859ZM15.6086 4.47829C17.0949 4.47829 18.2997 5.68795 18.2997 7.18015C18.2997 8.67235 17.0949 9.88201 15.6086 9.88201C14.1223 9.88201 12.9175 8.67235 12.9175 7.18015C12.9175 5.68795 14.1223 4.47829 15.6086 4.47829ZM4.84405 2.3168C7.51934 2.3168 9.68809 4.49419 9.68809 7.18015C9.68809 9.86611 7.51934 12.0435 4.84405 12.0435C2.16875 12.0435 0 9.86611 0 7.18015C0 4.49419 2.16875 2.3168 4.84405 2.3168ZM4.84405 4.47829C3.35777 4.47829 2.15291 5.68795 2.15291 7.18015C2.15291 8.67235 3.35777 9.88201 4.84405 9.88201C6.33032 9.88201 7.53518 8.67235 7.53518 7.18015C7.53518 5.68795 6.33032 4.47829 4.84405 4.47829ZM7.96699 13.1608L7.16204 13.3538L6.45034 13.5129C6.45034 13.5129 6.2421 13.5512 6.16601 13.6481C6.08993 13.745 6.28067 13.9605 6.28067 13.9605C6.28067 13.9605 7.59127 15.8261 10.159 15.8261C12.8759 15.8261 13.899 14.1912 14.0745 13.9109C14.085 13.8941 14.0925 13.8821 14.0971 13.8757C14.1782 13.7629 14.1787 13.7102 14.1524 13.6481C14.1261 13.5859 14.0161 13.5441 14.0161 13.5441L12.7384 13.2539C12.7384 13.2539 12.316 13.1608 12.2351 13.1449C12.1745 13.133 12.1167 13.1908 12.0564 13.2511C12.0362 13.2714 12.0156 13.292 11.9946 13.3103C11.9893 13.3149 11.9819 13.3217 11.9724 13.3305C11.832 13.461 11.2317 14.0187 10.159 13.9885C9.09575 13.9586 8.70449 13.6425 8.49488 13.4732C8.47877 13.4602 8.46373 13.4481 8.44955 13.437C8.35074 13.3598 8.2889 13.2964 8.24317 13.2496C8.19691 13.2022 8.16712 13.1716 8.13221 13.1608C8.06279 13.1391 7.96699 13.1608 7.96699 13.1608Z"
+          fill="white"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M47.0261 2.16722H45.948C45.948 0.976468 44.9827 0 43.792 0V2.25338V4.27703V8.35469C43.792 12.0585 47.0261 11.9197 47.0261 11.9197V9.47082C47.0261 9.47082 45.948 9.36719 45.948 7.68932V4.33445H47.0261V2.16722ZM31.5416 7.04348C31.5416 4.3504 29.3697 2.16722 26.6905 2.16722C24.0113 2.16722 21.8394 4.3504 21.8394 7.04348C21.8394 9.73656 24.0113 11.9197 26.6905 11.9197C27.7549 11.9197 28.7393 11.5751 29.5393 10.9908C29.8572 11.7849 30.6339 12.3458 31.5416 12.3458V7.04348ZM29.3855 7.04348C29.3855 5.54732 28.1789 4.33445 26.6905 4.33445C25.202 4.33445 23.9954 5.54732 23.9954 7.04348C23.9954 8.53963 25.202 9.75251 26.6905 9.75251C28.1789 9.75251 29.3855 8.53963 29.3855 7.04348ZM37.8628 2.16722C40.542 2.16722 42.7139 4.3504 42.7139 7.04348C42.7139 9.73656 40.542 11.9197 37.8628 11.9197C36.8656 11.9197 35.9386 11.6173 35.1678 11.0986V11.9309C35.1678 13.1217 34.2025 14.087 33.0117 14.087V7.04348C33.0117 4.3504 35.1836 2.16722 37.8628 2.16722ZM37.8628 9.75251C36.3744 9.75251 35.1678 8.53963 35.1678 7.04348C35.1678 5.54732 36.3744 4.33445 37.8628 4.33445C39.3513 4.33445 40.5579 5.54732 40.5579 7.04348C40.5579 8.53963 39.3513 9.75251 37.8628 9.75251ZM57.4232 7.04348C57.4232 4.3504 55.2512 2.16722 52.572 2.16722C49.8928 2.16722 47.7209 4.3504 47.7209 7.04348C47.7209 9.73656 49.8928 11.9197 52.572 11.9197C55.2512 11.9197 57.4232 9.73656 57.4232 7.04348ZM49.877 7.04348C49.877 5.54732 51.0836 4.33445 52.572 4.33445C54.0605 4.33445 55.2671 5.54732 55.2671 7.04348C55.2671 8.53963 54.0605 9.75251 52.572 9.75251C51.0836 9.75251 49.877 8.53963 49.877 7.04348ZM63.5207 11.7041C63.0516 11.8637 62.5307 11.9436 61.958 11.9436C61.3731 11.9436 60.8522 11.8699 60.3953 11.7225C59.9384 11.5751 59.5424 11.3817 59.2073 11.1422C58.8722 10.9026 58.589 10.6263 58.3575 10.3131C58.1259 9.9999 57.9493 9.68363 57.8274 9.36428L58.7352 8.97324C59.4393 8.66994 60.1559 9.06429 60.7974 9.48404C61.1447 9.71126 61.5315 9.82487 61.958 9.82487C62.3966 9.82487 62.7439 9.74504 62.9998 9.58537C63.2557 9.4257 63.3836 9.23532 63.3836 9.01424C63.3836 8.76859 63.277 8.569 63.0638 8.41548C62.8505 8.26195 62.4819 8.12377 61.958 8.00095L60.6969 7.7246C60.4166 7.66318 60.1273 7.56492 59.8287 7.42982C59.5302 7.29471 59.2591 7.12276 59.0154 6.91396C58.7717 6.70516 58.5707 6.45337 58.4123 6.1586C58.2539 5.86382 58.1747 5.51992 58.1747 5.12688C58.1747 4.68472 58.2691 4.29169 58.458 3.94778C58.6468 3.60388 58.9058 3.31217 59.2347 3.07267C59.5637 2.83316 59.9506 2.64893 60.3953 2.51996C60.8401 2.391 61.3183 2.32652 61.8301 2.32652C62.683 2.32652 63.4445 2.4954 64.1147 2.83316C64.7848 3.17092 65.2783 3.70828 65.5951 4.44522L63.5298 5.2927C63.3592 4.93651 63.1094 4.67858 62.7805 4.51891C62.4515 4.35924 62.1225 4.2794 61.7935 4.2794C61.4523 4.2794 61.1538 4.35003 60.8979 4.49127C60.6421 4.63252 60.5141 4.81368 60.5141 5.03477C60.5141 5.24357 60.6207 5.40938 60.834 5.5322C61.0472 5.65502 61.3366 5.76556 61.7021 5.86382L63.0729 6.19545C63.9867 6.41653 64.666 6.76964 65.1108 7.2548C65.5555 7.73995 65.7779 8.31415 65.7779 8.97739C65.7779 9.37043 65.6865 9.74504 65.5037 10.1012C65.3209 10.4574 65.062 10.7737 64.7269 11.05C64.3919 11.3264 63.9898 11.5444 63.5207 11.7041Z"
+          fill="white"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/MediaControl/CutClipIcon.tsx

@@ -1,39 +1,39 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function CutClipIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M2.20818 2.20818C2.98176 1.43459 4.03097 1 5.12498 1C6.21899 1 7.2682 1.43459 8.04178 2.20818C8.81537 2.98176 9.24996 4.03097 9.24996 5.12498C9.24996 6.21899 8.81537 7.2682 8.04178 8.04178C7.56404 8.51952 6.98119 8.86797 6.34757 9.06462L9.8568 11.1953L21.9556 3.84981C22.2802 3.65276 22.703 3.75613 22.9001 4.08069C23.0971 4.40525 22.9938 4.8281 22.6692 5.02515L11.1815 11.9997L13.2698 13.2676C13.5943 13.4647 13.6977 13.8875 13.5006 14.2121C13.3035 14.5366 12.8807 14.64 12.5561 14.4429L9.85678 12.8039L6.34671 14.935C6.98065 15.1316 7.56382 15.4802 8.04178 15.9581C8.81537 16.7317 9.24996 17.7809 9.24996 18.8749C9.24996 19.9689 8.81537 21.0181 8.04178 21.7917C7.2682 22.5653 6.21899 22.9999 5.12498 22.9999C4.03097 22.9999 2.98176 22.5653 2.20818 21.7917C1.43459 21.0181 1 19.9689 1 18.8749C1 17.7809 1.43459 16.7317 2.20818 15.9581C2.53131 15.635 2.90254 15.371 3.30503 15.1731L8.53209 11.9996L3.31285 8.83061C2.90735 8.63232 2.5334 8.36701 2.20818 8.04178C1.43459 7.2682 1 6.21899 1 5.12498C1 4.03097 1.43459 2.98176 2.20818 2.20818ZM3.94372 7.60834L3.93201 7.60273C3.65585 7.46978 3.4013 7.29037 3.18045 7.06951C2.66472 6.55379 2.37499 5.85432 2.37499 5.12498C2.37499 4.39564 2.66472 3.69617 3.18045 3.18045C3.69617 2.66472 4.39564 2.37499 5.12498 2.37499C5.85432 2.37499 6.55379 2.66472 7.06951 3.18045C7.58524 3.69617 7.87497 4.39564 7.87497 5.12498C7.87497 5.85432 7.58524 6.55379 7.06951 7.06951C6.55379 7.58524 5.85432 7.87497 5.12498 7.87497C4.71238 7.87497 4.30934 7.78224 3.94372 7.60834ZM5.12498 16.1249C4.39564 16.1249 3.69617 16.4147 3.18045 16.9304C2.66472 17.4461 2.37499 18.1456 2.37499 18.8749C2.37499 19.6043 2.66472 20.3037 3.18045 20.8194C3.69617 21.3352 4.39564 21.6249 5.12498 21.6249C5.85432 21.6249 6.55379 21.3352 7.06951 20.8194C7.58524 20.3037 7.87497 19.6043 7.87497 18.8749C7.87497 18.1456 7.58524 17.4461 7.06951 16.9304C6.55379 16.4147 5.85432 16.1249 5.12498 16.1249ZM20.9374 16.1249C20.5577 16.1249 20.2499 16.4327 20.2499 16.8124C20.2499 17.1921 20.5577 17.4999 20.9374 17.4999H22.3124C22.6921 17.4999 22.9999 17.1921 22.9999 16.8124C22.9999 16.4327 22.6921 16.1249 22.3124 16.1249H20.9374ZM16.1249 16.8124C16.1249 16.4327 16.4327 16.1249 16.8124 16.1249H18.1874C18.5671 16.1249 18.8749 16.4327 18.8749 16.8124C18.8749 17.1921 18.5671 17.4999 18.1874 17.4999H16.8124C16.4327 17.4999 16.1249 17.1921 16.1249 16.8124ZM12.6874 16.1249C12.3077 16.1249 11.9999 16.4327 11.9999 16.8124C11.9999 17.1921 12.3077 17.4999 12.6874 17.4999H14.0624C14.4421 17.4999 14.7499 17.1921 14.7499 16.8124C14.7499 16.4327 14.4421 16.1249 14.0624 16.1249H12.6874Z"
-          fill={fill}
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function CutClipIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M2.20818 2.20818C2.98176 1.43459 4.03097 1 5.12498 1C6.21899 1 7.2682 1.43459 8.04178 2.20818C8.81537 2.98176 9.24996 4.03097 9.24996 5.12498C9.24996 6.21899 8.81537 7.2682 8.04178 8.04178C7.56404 8.51952 6.98119 8.86797 6.34757 9.06462L9.8568 11.1953L21.9556 3.84981C22.2802 3.65276 22.703 3.75613 22.9001 4.08069C23.0971 4.40525 22.9938 4.8281 22.6692 5.02515L11.1815 11.9997L13.2698 13.2676C13.5943 13.4647 13.6977 13.8875 13.5006 14.2121C13.3035 14.5366 12.8807 14.64 12.5561 14.4429L9.85678 12.8039L6.34671 14.935C6.98065 15.1316 7.56382 15.4802 8.04178 15.9581C8.81537 16.7317 9.24996 17.7809 9.24996 18.8749C9.24996 19.9689 8.81537 21.0181 8.04178 21.7917C7.2682 22.5653 6.21899 22.9999 5.12498 22.9999C4.03097 22.9999 2.98176 22.5653 2.20818 21.7917C1.43459 21.0181 1 19.9689 1 18.8749C1 17.7809 1.43459 16.7317 2.20818 15.9581C2.53131 15.635 2.90254 15.371 3.30503 15.1731L8.53209 11.9996L3.31285 8.83061C2.90735 8.63232 2.5334 8.36701 2.20818 8.04178C1.43459 7.2682 1 6.21899 1 5.12498C1 4.03097 1.43459 2.98176 2.20818 2.20818ZM3.94372 7.60834L3.93201 7.60273C3.65585 7.46978 3.4013 7.29037 3.18045 7.06951C2.66472 6.55379 2.37499 5.85432 2.37499 5.12498C2.37499 4.39564 2.66472 3.69617 3.18045 3.18045C3.69617 2.66472 4.39564 2.37499 5.12498 2.37499C5.85432 2.37499 6.55379 2.66472 7.06951 3.18045C7.58524 3.69617 7.87497 4.39564 7.87497 5.12498C7.87497 5.85432 7.58524 6.55379 7.06951 7.06951C6.55379 7.58524 5.85432 7.87497 5.12498 7.87497C4.71238 7.87497 4.30934 7.78224 3.94372 7.60834ZM5.12498 16.1249C4.39564 16.1249 3.69617 16.4147 3.18045 16.9304C2.66472 17.4461 2.37499 18.1456 2.37499 18.8749C2.37499 19.6043 2.66472 20.3037 3.18045 20.8194C3.69617 21.3352 4.39564 21.6249 5.12498 21.6249C5.85432 21.6249 6.55379 21.3352 7.06951 20.8194C7.58524 20.3037 7.87497 19.6043 7.87497 18.8749C7.87497 18.1456 7.58524 17.4461 7.06951 16.9304C6.55379 16.4147 5.85432 16.1249 5.12498 16.1249ZM20.9374 16.1249C20.5577 16.1249 20.2499 16.4327 20.2499 16.8124C20.2499 17.1921 20.5577 17.4999 20.9374 17.4999H22.3124C22.6921 17.4999 22.9999 17.1921 22.9999 16.8124C22.9999 16.4327 22.6921 16.1249 22.3124 16.1249H20.9374ZM16.1249 16.8124C16.1249 16.4327 16.4327 16.1249 16.8124 16.1249H18.1874C18.5671 16.1249 18.8749 16.4327 18.8749 16.8124C18.8749 17.1921 18.5671 17.4999 18.1874 17.4999H16.8124C16.4327 17.4999 16.1249 17.1921 16.1249 16.8124ZM12.6874 16.1249C12.3077 16.1249 11.9999 16.4327 11.9999 16.8124C11.9999 17.1921 12.3077 17.4999 12.6874 17.4999H14.0624C14.4421 17.4999 14.7499 17.1921 14.7499 16.8124C14.7499 16.4327 14.4421 16.1249 14.0624 16.1249H12.6874Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}