feat(nx-dev): Add more OSS logos (#26922)

(cherry picked from commit f2e1f0f)

nx-dev/ui-common/src/lib/logos/builder-mitosis.tsx

@@ -0,0 +1,19 @@
+import { FC, SVGProps } from 'react';
+
+export const BuilderMitosisIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fillRule="evenodd"
+    fill="currentColor"
+    strokeLinejoin="round"
+    strokeMiterlimit="2"
+    clipRule="evenodd"
+    viewBox="0 0 40 43.83503"
+    {...props}
+  >
+    <path
+      fillRule="nonzero"
+      d="M20.0506 0c-.1901 0-.38063.0518-.54775.15566L.9886 11.66018c-.65354.40697-.65354 1.35545 0 1.76192l13.67214 8.49535-.02627.01557-6.91245-4.2934-7.3843 4.59013c-.4503.28095-.4503.73574 0 1.01668l6.0923 3.78555L.9886 30.4128c-.65354.40647-.65354 1.35495 0 1.76192l18.51425 11.50452c.33424.20772.76077.20772 1.09451 0l18.51523-11.50452c.65403-.40697.65403-1.35545 0-1.76192l-5.49201-3.41293 6.0417-3.75344c.4503-.28094.4503-.73574 0-1.01668l-7.2588-4.5123.12453-.07783-.10118-.06324 6.68576-4.15428c.65403-.40647.65403-1.35495 0-1.76192L20.59736.15566C20.43049.0518 20.24069 0 20.05059 0Z"
+    />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/cypress.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const CypressIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M11.998.0195c-.8642 0-1.6816.1101-2.1445.1934v.002C4.1731 1.2283 0 6.1368 0 12.0018c0 1.1265.1573 2.2328.4648 3.3028.0387.1453.0915.2993.1368.4473 1.607 4.865 6.2245 8.226 11.3925 8.2285.0651 0 .2518-.0003.502-.0118.8564-.0353 1.6228-.5734 1.9512-1.369l.4736-1.1544L20.4258 8.043H18.621l-2.3164 5.871-2.334-5.871h-1.9082l3.2734 8.0117c-.8115 1.9702-1.6252 3.9395-2.4355 5.9101-.0808.1945-.2655.3284-.4727.336-.144.005-.285.0098-.4316.0098-4.5848 0-8.6672-3.0695-9.9277-7.4649a10.3058 10.3058 0 0 1-.3985-2.8437c0-5.0887 3.6521-9.3404 8.6035-10.164.2214-.037.8885-.1446 1.7246-.1446 4.4166 0 8.269 2.732 9.7305 6.8476.0558.144.0977.293.1465.4395.299.9746.4531 1.9887.4531 3.0215 0 4.5696-2.9413 8.5326-7.3164 9.8613l.4863 1.5996c5.085-1.546 8.4995-6.1518 8.502-11.459 0-1.5491-.2983-2.8706-.6504-3.8926-.0432-.1212-.0873-.2422-.1309-.3633h-.002C21.4577 3.0954 17.0444.0195 11.998.0195ZM8.4336 7.8906c-1.1999 0-2.1747.3852-2.9805 1.1758-.8007.7856-1.205 1.7736-1.205 2.9356 0 1.1544.4068 2.1368 1.205 2.9199.8058.7906 1.7806 1.1738 2.9805 1.1738 1.705 0 3.1556-.955 3.7871-2.4883l.0332-.082-1.6289-.5547c-.168.4563-.7552 1.4883-2.1914 1.4883-.6745 0-1.2437-.2344-1.6934-.6992-.4572-.4699-.6875-1.0632-.6875-1.7578 0-.6998.2253-1.2809.6875-1.7735.4522-.4648 1.019-.7012 1.6934-.7012 1.438 0 2.0238 1.0815 2.1934 1.4883l1.627-.5527-.0333-.084c-.629-1.5358-2.082-2.4883-3.7871-2.4883Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/electron.tsx

@@ -0,0 +1,18 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ *
+ * Use `#47848F` for a colored version.
+ */
+export const ElectronIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Electron</title>
+    <path d="M12.0111 0c-.85 0-1.5392.6891-1.5392 1.5392 0 .8501.6891 1.5393 1.5392 1.5393.595 0 1.11-.338 1.3662-.832 2.2208 1.2675 3.847 5.4728 3.847 10.3623 0 2.0715-.2891 4.056-.825 5.7685a.3215.3215 0 0 0 .2107.403.322.322 0 0 0 .4033-.2111c.5558-1.7763.8542-3.8251.8542-5.9604 0-5.1927-1.7717-9.686-4.3206-11.0027.001-.0223.0035-.0443.0035-.0669 0-.85-.6891-1.5392-1.5393-1.5392zm0 .6432a.896.896 0 1 1 0 1.792.896.896 0 1 1 0-1.792zm-5.486 4.3052c-2.067.0074-3.6473.6646-4.3885 1.9485-.7375 1.2774-.5267 2.971.5113 4.7813a.3217.3217 0 0 0 .558-.32C2.271 9.7274 2.089 8.266 2.6938 7.2185c.821-1.422 3.033-1.9552 5.9321-1.4271a.3216.3216 0 0 0 .1153-.6329c-.784-.1428-1.5271-.2125-2.216-.21zm11.0522.0176a.3216.3216 0 0 0-.0084.6432c1.8337.0239 3.1556.5956 3.7502 1.6256.8192 1.419.1798 3.5947-1.7182 5.837a.322.322 0 0 0 .0377.4535.3215.3215 0 0 0 .4532-.0377c2.0535-2.426 2.7708-4.8661 1.7845-6.5744-.7257-1.257-2.26-1.9207-4.299-1.9472zm-2.6984.2924a.3225.3225 0 0 0-.0647.0072c-1.8568.3979-3.8333 1.1755-5.7314 2.2714-4.5699 2.6384-7.5924 6.4948-7.3601 9.3717-.4726.2628-.7928.7664-.7928 1.3455 0 .85.6892 1.5392 1.5393 1.5392.85 0 1.5392-.6891 1.5392-1.5392 0-.8501-.6891-1.5393-1.5392-1.5393-.038 0-.0754.003-.1128.0057-.1002-2.5597 2.7434-6.1412 7.048-8.6265 1.8413-1.063 3.7551-1.8163 5.5445-2.1997a.3217.3217 0 0 0-.07-.636zm-2.8787 6.2364a1.1192 1.1192 0 0 0-.2243.0255c-.6012.1301-.983.7225-.8533 1.3238.1302.6012.7226.9832 1.3238.8533.6012-.1302.9832-.7226.8533-1.3238-.1139-.526-.5816-.8844-1.0995-.8788zM4.532 13.341a.321.321 0 0 0-.2318.0835.3214.3214 0 0 0-.0214.4542c1.2682 1.3936 2.9157 2.701 4.7946 3.7857 4.4146 2.5489 9.1056 3.2849 11.5608 1.8392a1.53 1.53 0 0 0 .8966.2899c.8501 0 1.5392-.6891 1.5392-1.5392 0-.8501-.689-1.5393-1.5392-1.5393-.85 0-1.5392.6892-1.5392 1.5393 0 .276.0737.5344.201.7584-2.2448 1.214-6.631.5002-10.7976-1.9054-1.8228-1.0524-3.418-2.3181-4.6404-3.6614a.3206.3206 0 0 0-.2226-.1049zm-2.0628 4.0172a.896.896 0 1 1 0 1.792.896.896 0 1 1 0-1.792zm19.0616 0a.896.896 0 1 1 0 1.792.891.891 0 0 1-.5864-.2194c-.0025-.004-.0039-.0083-.0066-.0123a.3195.3195 0 0 0-.0957-.0914.896.896 0 0 1 .6887-1.4689zm-14.0045 1.368a.3215.3215 0 0 0-.3207.4296C8.2793 22.154 10.036 24 12.0111 24c1.4406 0 2.7735-.9822 3.8128-2.711a.3215.3215 0 0 0-.11-.4413.3219.3219 0 0 0-.4415.11c-.934 1.5537-2.0812 2.399-3.2613 2.399-1.6407 0-3.2075-1.6465-4.2-4.4179a.3216.3216 0 0 0-.2848-.2126z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/index.ts

@@ -55,3 +55,10 @@ export * from './three-kit';
 export * from './cais-group';
 export * from './milliennium';
 export * from './entain';
+export * from './microsoft';
+export * from './strapi';
+export * from './cypress';
+export * from './builder-mitosis';
+export * from './electron';
+export * from './typescript-eslint';
+export * from './zipari';

nx-dev/ui-common/src/lib/logos/microsoft.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const MicrosoftIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M0 0h11.42v11.42H0Zm12.58 0v11.42H24V0ZM0 12.58V24h11.42V12.58Zm12.58 0V24H24V12.58Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/strapi.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const StrapiIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M7.684 0v8.035h7.775c.28 0 .502.236.502.483v7.802h8.025V.502A.502.502 0 0 0 23.484 0zm-.5.5L.086 7.607a.251.251 0 0 0 .178.428h6.92zm.5 8.035v7.283c0 .278.224.502.502.502h7.275V9.018c0-.278-.224-.482-.502-.483zm8.277 8.285v6.928c0 .224.271.336.43.178l7.095-7.106z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/typescript-eslint.tsx

@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#374FBE` for a colored version.
+ */
+export const TypescriptEslintIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Typescript Eslint</title>
+    <path d="m 14.009766,9.4414063 c -0.07829,0.00349 -0.149247,0.010629 -0.201172,0.021484 -0.6408,0.1240799 -1.087344,0.5593887 -1.214844,1.1796877 -0.0416,0.1768 -0.02692,0.616975 0.01758,0.796875 0.0594,0.2079 0.186672,0.459794 0.326172,0.621094 0.2432,0.2668 0.503188,0.439991 1.117188,0.712891 0.533999,0.248199 0.725412,0.359593 0.820312,0.496093 0.0682,0.1085 0.08789,0.173807 0.08789,0.316407 0,0.155199 -0.04655,0.267546 -0.15625,0.373046 -0.2551,0.2419 -0.772504,0.268447 -1.158203,0.06055 -0.1275,-0.0744 -0.347413,-0.291825 -0.445313,-0.453125 l -0.07617,-0.107422 -0.335937,0.205079 -0.445313,0.269531 -0.111328,0.07422 c -0.0119,0.0218 0.198894,0.354415 0.308594,0.478515 0.278899,0.3194 0.732331,0.567156 1.207031,0.660156 0.2225,0.0404 0.696597,0.04697 0.904297,0.0098 0.661499,-0.1148 1.124553,-0.466476 1.314453,-0.984375 0.1691,-0.4747 0.113528,-1.106566 -0.138672,-1.509766 -0.2224,-0.359799 -0.591054,-0.612641 -1.439453,-0.99414 -0.4598,-0.211 -0.6074,-0.311822 -0.6875,-0.482422 -0.0356,-0.0807 -0.05469,-0.137028 -0.05469,-0.236328 -1e-6,-0.3257 0.23775,-0.520894 0.59375,-0.496094 0.246299,0.0186 0.404293,0.118156 0.558593,0.347656 0.0474,0.0807 0.09367,0.132347 0.105469,0.123047 0.3115,-0.2016 0.824219,-0.563431 0.824219,-0.582031 -0.0118,-0.0558 -0.173503,-0.274308 -0.283203,-0.3984379 C 15.239566,9.7169596 15.007678,9.5744399 14.705078,9.5 l 0.0059,-0.00586 C 14.557378,9.452275 14.244673,9.430941 14.009806,9.441406 Z m -4.1523441,0.0625 -2.0761719,0.00977 v 0.5078117 l -0.00977,-0.002 v 0.503907 h 1.5429687 v 4.591796 h 1.0957033 v -4.591796 h 1.541016 v -0.496094 c 0,-0.2791096 8.1e-5,-0.5054986 -0.01172,-0.5117186 0,-0.00931 -0.939942,-0.011719 -2.0820315,-0.011719 z M 6.7519531,1.3945312 c -0.3783792,0 -0.726826,0.2531339 -0.9160156,0.5957032 L 0.62695312,11.443359 c -0.18919062,0.3427 -0.18919062,0.776442 0,1.119141 l 5.20898438,9.396484 c 0.1891896,0.3425 0.5376364,0.517578 0.9160156,0.517578 H 17.169922 c 0.378299,0 0.726916,-0.170972 0.916015,-0.513671 l 5.208985,-9.41211 c 0.189399,-0.342499 0.189299,-0.743338 0,-1.085937 L 18.085937,1.9902344 C 17.896738,1.6476651 17.548221,1.3945313 17.169922,1.3945312 Z m 5.2070309,2.2285157 c 0.06494,0 0.12985,0.017869 0.1875,0.052734 l 6.638672,4.0019531 c 0.1155,0.06973 0.197266,0.1985109 0.197266,0.3378906 v 8.0058594 c 0,0.1393 -0.07991,0.268091 -0.195313,0.337891 l -6.634765,4.001953 c -0.1154,0.0696 -0.2596,0.0696 -0.375,0 L 5.1367187,16.359375 C 5.021329,16.289575 4.9414062,16.160884 4.9414062,16.021484 V 8.015625 c 0,-0.1393797 0.079833,-0.2681608 0.1953125,-0.3378906 L 11.769531,3.6757813 c 0.0577,-0.034865 0.124516,-0.052734 0.189453,-0.052734 z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/zipari.tsx

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+
+export const ZipariIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    version="1.0"
+    viewBox="0 0 24 21"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M11.40708.00881c-2.33095.12705-4.50096.88258-6.383 2.22084-.97574.69623-1.89727 1.59575-2.63416 2.57826C.90089 6.78821.05728 9.21062.00307 11.65506c-.04404 2.02094.38623 3.96227 1.2688 5.72233.6217 1.2417 1.48226 2.3987 2.48172 3.3355.31847.29813.51328.47092.53191.47092.00678 0 4.2621-5.06336 4.40948-5.248l.0305-.03897-.13214-.12197c-.18803-.17279-.393-.38962-.54038-.56918-1.32302-1.62963-1.51105-3.90467-.47602-5.72064.59968-1.05028 1.57542-1.87018 2.70363-2.27335.78263-.2812 1.64826-.3676 2.46646-.24902 1.62285.23716 3.05598 1.2722 3.79626 2.74259.57257 1.13837.70131 2.45291.35912 3.67767-.24901.88596-.77246 1.72958-1.47547 2.3733-.12536.11519-.14399.13721-.12705.16262.04743.06945 4.40948 5.26326 4.42134 5.26326.03896.00339.78602-.7047 1.08416-1.02826 1.76684-1.92269 2.84761-4.27904 3.12882-6.82174.05929-.54208.07284-.86563.06268-1.45684-.01694-.89104-.08301-1.52799-.24225-2.30384-.4794-2.33433-1.61946-4.42642-3.33887-6.1255-.35235-.34727-.56071-.5353-.89274-.80126C17.60373 1.10652 15.3253.2104 12.86392.02575c-.3371-.0254-1.13668-.03388-1.45684-.01694z" />
+  </svg>
+);

nx-dev/ui-customers/src/lib/enterprise-customers.tsx

@@ -43,6 +43,9 @@ import {
   CaisGroupIcon,
   MillienniumIcon,
   EntainIcon,
+  ZipariIcon,
+  BillIcon,
+  RoyalBankOfCanadaIcon,
 } from '@nx/nx-dev/ui-common';
 
 export function EnterpriseCustomers(): JSX.Element {
@@ -116,12 +119,12 @@ export function EnterpriseCustomers(): JSX.Element {
               <CiscoIcon aria-hidden="true" className="h-24 w-24" />
             </a>
             <a
-              href="https://github.com/aws-amplify/amplify-cli"
+              href="https://www.paramountplus.com/"
               rel="noreferrer"
               target="_blank"
               className="flex items-center justify-center border-x border-b border-slate-200/20 p-12 transition hover:bg-slate-100/20 hover:text-slate-950 dark:border-slate-800/20 dark:hover:border-slate-600/20 dark:hover:bg-slate-600/10 dark:hover:text-white"
             >
-              <AwsAmplifyIcon aria-hidden="true" className="h-16 w-16" />
+              <ParamountIcon aria-hidden="true" className="h-14 w-14" />
             </a>
             <a
               href="https://www.fedex.com/"
@@ -140,20 +143,21 @@ export function EnterpriseCustomers(): JSX.Element {
               <AmericanAirlinesIcon aria-hidden="true" className="h-12 w-12" />
             </a>
             <a
-              href="https://github.com/Shopify/cli"
+              href="https://zipari.com/"
               rel="noreferrer"
               target="_blank"
               className="flex items-center justify-center border-b border-r border-slate-200/20 p-12 transition hover:bg-slate-100/20 hover:text-slate-950 dark:border-slate-800/20 dark:hover:border-slate-600/20 dark:hover:bg-slate-600/10 dark:hover:text-white"
             >
-              <ShopifyIcon aria-hidden="true" className="h-12 w-12" />
+              <ZipariIcon aria-hidden="true" className="h-12 w-12" />
             </a>
+
             <a
-              href="https://www.paramountplus.com/"
+              href="https://github.com/aws-amplify/amplify-cli"
               rel="noreferrer"
               target="_blank"
               className="flex items-center justify-center border-x border-b border-slate-200/20 p-12 transition hover:bg-slate-100/20 hover:text-slate-950 dark:border-slate-800/20 dark:hover:border-slate-600/20 dark:hover:bg-slate-600/10 dark:hover:text-white"
             >
-              <ParamountIcon aria-hidden="true" className="h-14 w-14" />
+              <BillIcon aria-hidden="true" className="h-16 w-16" />
             </a>
             <a
               href="https://www.adobe.com/"
@@ -329,7 +333,7 @@ export function EnterpriseCustomers(): JSX.Element {
               target="_blank"
               className="flex items-center justify-center border-x border-b border-slate-200/20 p-12 transition hover:bg-slate-100/20 hover:text-slate-950 dark:border-slate-800/20 dark:hover:border-slate-600/20 dark:hover:bg-slate-600/10 dark:hover:text-white"
             >
-              <GhostIcon aria-hidden="true" className="h-14 w-14" />
+              <RoyalBankOfCanadaIcon aria-hidden="true" className="h-14 w-14" />
             </a>
             <a
               href="https://www.ukg.ca/"