Added AIStor logo (#1181)

Signed-off-by: Benjamin Perez <[email protected]>
minio · Jan 20, 2025 · ba28799 · ba28799
1 parent 811a451
commit ba28799
Show file tree

Hide file tree

Showing 5 changed files with 263 additions and 2 deletions.
diff --git a/src/components/ApplicationLogo/ApplicationLogo.tsx b/src/components/ApplicationLogo/ApplicationLogo.tsx
@@ -43,6 +43,9 @@ import Enterprise from "./Logos/Enterprise/Enterprise";
 import MinIOEnterprise from "./Logos/MinIO/MinIOEnterprise";
 import MinIOEnterpriseOS from "./Logos/MinIO/MinIOEnterpriseOS";
 import MinIOEnterpriseOSVertical from "./Logos/MinIO/MinIOEnterpriseOSVertical";
+import AIStor from "./Logos/AIStor/AIStor";
+import AIStorHorizontal from "./Logos/AIStor/AIStorHorizontal";
+import AIStorTag from "./Logos/AIStor/AIStorTag";
 
 const ApplicationLogo: FC<ApplicationLogoProps> = ({
   applicationName,
@@ -107,6 +110,16 @@ const ApplicationLogo: FC<ApplicationLogoProps> = ({
       return <GlobalConsole inverse={!!inverse} onClick={onClick} />;
     case "enterprise":
       return <Enterprise inverse={!!inverse} onClick={onClick} />;
+    case "aistor":
+      switch (subVariant) {
+        case "simple":
+          return <AIStor inverse={!!inverse} onClick={onClick} />;
+          break;
+        case "horizontal":
+          return <AIStorHorizontal inverse={!!inverse} onClick={onClick} />;
+        default:
+          return <AIStorTag inverse={!!inverse} onClick={onClick} />;
+      }
     case "minio":
       switch (subVariant) {
         case "enterprise":

diff --git a/src/components/ApplicationLogo/ApplicationLogo.types.ts b/src/components/ApplicationLogo/ApplicationLogo.types.ts
@@ -37,15 +37,17 @@ export interface ApplicationLogoProps {
     | "missioncontrol"
     | "globalconsole"
     | "minio"
-    | "enterprise";
+    | "enterprise"
+    | "aistor";
   subVariant?:
     | "simple"
     | "AGPL"
     | "standard"
     | "enterprise"
     | "new"
     | "enterpriseos"
-    | "enterpriseosvertical";
+    | "enterpriseosvertical"
+    |"horizontal";
   inverse?: boolean;
   onClick?: React.MouseEventHandler<any> | undefined;
 }
diff --git a/src/components/ApplicationLogo/Logos/AIStor/AIStor.tsx b/src/components/ApplicationLogo/Logos/AIStor/AIStor.tsx
@@ -0,0 +1,68 @@
+// This file is part of MinIO Design System
+// Copyright (c) 2024 MinIO, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+import React, { FC, SVGProps } from "react";
+
+import LogoBase from "../LogoBase/LogoBase";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+
+const AIStor: FC<SVGProps<any> & LogoBaseProps> = ({ inverse, onClick }) => {
+  return (
+    <LogoBase viewBox="0 0 397.3 51" inverse={inverse} onClick={onClick}>
+      <g>
+        <path
+          className={"minioSection"}
+          d="M102.5,11.5V4.2c0-1.7,1.4-3.2,3.2-3.2h17.7c3.5,0,4.4,4.8,1.2,6.1l-17.7,7.3
+		C104.8,15.3,102.5,13.8,102.5,11.5"
+        />
+        <path
+          className={"minioApplicationName"}
+          d="M58.9,49.8h16.2L49,1.3H28.6L2.1,49.8h19.5l22.6-9.4c3.1-1.3,2.2-5.8-1.2-5.8H25.8l13-25.6
+		C38.7,8.8,58.9,49.8,58.9,49.8z"
+        />
+        <path
+          className={"minioApplicationName"}
+          d="M185.7,6.6l-4.5,9.4c-7-3.7-16.2-5.6-24.4-5.6c-8.2,0-12.8,1.5-12.8,4.3c0,3.2,5.9,4.1,17.5,5
+		c16.1,1.2,26.3,4.8,26.3,14.5s-11.4,16.5-30.1,16.5c-13,0-23-3.2-29.7-8.8l6.9-8.2c5.2,4.4,14.8,6.8,24,6.8s14.5-2.1,14.5-5.2
+		c0-3.5-6.4-4.4-18.9-5.4c-13.6-1-24.8-4.5-24.8-14.2c0-8.9,10.4-15.5,28.3-15.5C168.1,0.3,177.9,2.2,185.7,6.6"
+        />
+        <polygon
+          className={"minioApplicationName"}
+          points="215.6,49.8 215.6,11.3 191.4,11.3 191.4,1.2 253.5,1.2 253.5,11.3 229.3,11.3 229.3,49.8 	"
+        />
+        <path
+          className={"minioApplicationName"}
+          d="M326.8,25.4c0,15.3-14.4,25.3-35.6,25.3s-35.5-10-35.5-25.3s14.6-25.2,35.5-25.2S326.8,9.8,326.8,25.4
+		 M270.3,25.3c0,9.4,8.5,15.4,20.9,15.4s20.7-6,20.7-15.4c0-10.2-8.4-14.9-20.7-14.9S270.3,15.1,270.3,25.3"
+        />
+        <path
+          className={"minioApplicationName"}
+          d="M395.2,49.8l-20.6-18.2c11.9,0,19.5-7.3,19.5-15.1c0-8.6-7.9-15.2-25.9-15.2h-31.9v48.5h13.8V11.1h16.1
+		c8.8,0,13.2,1.9,13.2,6.4s-3.4,7.1-12.5,7.1h-7.9c-1.8,0-3,0.4-3.5,1.7c-0.4,1.1-0.1,2.2,1.9,4.3L376,49.8L395.2,49.8L395.2,49.8z"
+        />
+        <rect
+          x="80.6"
+          y="1.2"
+          className={"minioApplicationName"}
+          width="13.8"
+          height="48.4"
+        />
+      </g>
+    </LogoBase>
+  );
+};
+
+export default AIStor;
diff --git a/src/components/ApplicationLogo/Logos/AIStor/AIStorHorizontal.tsx b/src/components/ApplicationLogo/Logos/AIStor/AIStorHorizontal.tsx
@@ -0,0 +1,90 @@
+// This file is part of MinIO Design System
+// Copyright (c) 2024 MinIO, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+import React, { FC, SVGProps } from "react";
+
+import LogoBase from "../LogoBase/LogoBase";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+
+const AIStorHorizontal: FC<SVGProps<any> & LogoBaseProps> = ({
+  inverse,
+  onClick,
+}) => {
+  return (
+    <LogoBase viewBox="0 0 576.2 51" inverse={inverse} onClick={onClick}>
+      <g>
+        <g id="Layer_1">
+          <g id="Layer_1-2" data-name="Layer_1">
+            <g id="Layer_1-2">
+              <g>
+                <path className={"minioSection"} d="M312.6,49.1h0Z" />
+                <path
+                  className={"minioSection"}
+                  d="M82.3,26.9v20.5c0,1.1-.3,1.3-1.4,1.3h-13.5c-.9,0-1.2-.2-1.2-1.2v-18.5c0-2.1-1.1-2.8-2.9-1.7l-18,10.5c-2.4,1.5-4.7,1.4-7.1,0-5.6-3.5-11.3-6.9-17-10.4-.6-.4-1.3-.8-2.1-.4-.8.5-.9,1.2-.9,2v18.5c0,.9-.3,1.1-1.1,1.1H3.3c-.9,0-1.1-.3-1.1-1.1V6.7c0-1.9.5-3.6,2.3-4.5,1.8-1,3.5-.6,5.2.4,10.3,6.3,20.6,12.6,30.9,18.9,1.2.7,2,.7,3.1,0,10.4-6.4,20.8-12.7,31.1-19,2.7-1.6,5.7-.8,6.9,1.9.3.7.3,1.4.3,2.1v20.4s.3,0,.3,0Z"
+                />
+                <path
+                  className={"minioSection"}
+                  d="M123.3,26.8V6.4c0-3.8,3.4-5.9,6.8-4.1,13.7,7.3,27.4,14.6,41.1,21.9.4.2.8.5,1.4.5,1,0,1.5-.7,1.5-2V2.8c0-.8.1-1.1,1-1.1h14.2c.8,0,1,.2,1,1v41.3c0,3.8-3.5,5.9-6.9,4-12.8-6.8-25.6-13.5-38.4-20.3-1-.5-2-1.1-3-1.6-1.7-.9-2.7-.3-2.7,1.6v19.6c0,1.1-.3,1.4-1.4,1.3h-13.8c-.8,0-1-.2-1-1v-20.8h.2Z"
+                />
+                <path
+                  className={"minioSection"}
+                  d="M252.7,49.6c-6.6,0-13.6-1.1-20.1-4.4-5.7-2.9-10.1-7.1-12-13.3-3.1-10,.7-19.8,9.9-25.4,5.1-3.1,10.8-4.7,16.7-5.3,7.3-.8,14.5-.3,21.6,1.9,5.8,1.9,10.9,4.8,14.5,9.8,7,9.7,4.4,23.4-5.8,30.3-4.8,3.3-10.2,5-15.9,5.8-2.7.4-5.5.6-8.9.6ZM253.4,43.3c1.8,0,3.7,0,5.6-.3,5.1-.7,9.9-2,14-5.1,7.4-5.5,8.6-15.8,2.6-22.8-2.6-3.1-6.1-4.9-9.9-6.1-6.4-2-12.9-2.3-19.5-1.3-4.4.7-8.7,2-12.3,4.8-5.4,4.1-7.5,9.5-6.2,16.1.9,5,4,8.4,8.3,10.8,5.4,3,11.2,3.9,17.4,3.9h0Z"
+                />
+                <path
+                  className={"minioSection"}
+                  d="M94.8,25.1V2.6c0-.9.3-1.1,1.1-1.1h14.1c.7,0,.9.1.9.9v45.5c0,.7-.2.9-.9.9h-14.2c-.9,0-1-.3-1-1.1v-22.6Z"
+                />
+                <path
+                  className={"minioSection"}
+                  d="M210.3,25.2v22.4c0,1-.3,1.2-1.2,1.2h-5.3c-.9,0-1.2-.2-1.2-1.2V10.6c0-12.4,0-5.4,0-8.1s.3-1.2,1.2-1.1h5.5c.8,0,1,.2,1,1v22.7h0Z"
+                />
+              </g>
+            </g>
+          </g>
+          <g>
+            <path
+              className={"minioSection"}
+              d="M369.8,24.1v-4.7c0-1.1.9-2,2-2h11.3c2.2,0,2.8,3.1.8,3.9l-11.3,4.7c-1.3.5-2.8-.4-2.8-1.9"
+            />
+            <path
+              className={"minioApplicationName"}
+              d="M341.9,48.6h10.4l-16.8-31h-13.1l-17,31h12.5l14.5-6c2-.8,1.4-3.7-.7-3.7h-11.1l8.3-16.4s12.9,26.2,12.9,26.2Z"
+            />
+            <path
+              className={"minioApplicationName"}
+              d="M423.1,20.9l-2.9,6c-4.5-2.4-10.4-3.6-15.6-3.6s-8.2,1-8.2,2.7,3.8,2.7,11.2,3.2c10.3.8,16.8,3.1,16.8,9.3s-7.3,10.6-19.3,10.6-14.7-2.1-19-5.7l4.4-5.2c3.3,2.8,9.5,4.4,15.4,4.4s9.3-1.4,9.3-3.3-4.1-2.8-12.1-3.5c-8.7-.7-15.9-2.9-15.9-9.1s6.7-9.9,18.1-9.9,12.7,1.2,17.8,4"
+            />
+            <polygon
+              className={"minioApplicationName"}
+              points="442.3 48.6 442.3 23.9 426.8 23.9 426.8 17.5 466.6 17.5 466.6 23.9 451.1 23.9 451.1 48.6 442.3 48.6"
+            />
+            <path
+              className={"minioApplicationName"}
+              d="M513.5,33c0,9.8-9.2,16.2-22.8,16.2s-22.7-6.4-22.7-16.2,9.4-16.1,22.7-16.1,22.8,6.1,22.8,16.1M477.3,32.9c0,6,5.4,9.9,13.4,9.9s13.3-3.8,13.3-9.9-5.4-9.6-13.3-9.6-13.4,3.1-13.4,9.6"
+            />
+            <path
+              className={"minioApplicationName"}
+              d="M557.3,48.6l-13.2-11.6c7.6,0,12.5-4.7,12.5-9.7s-5.1-9.7-16.6-9.7h-20.4v31.1h8.9v-24.8h10.3c5.6,0,8.5,1.2,8.5,4.1s-2.1,4.6-8,4.6h-5c-1.2,0-1.9.3-2.2,1.1-.3.7,0,1.4,1.2,2.7l11.9,12.3h12.3Z"
+            />
+            <rect x="355.8" y="17.5" width="8.8" height="31" />
+          </g>
+        </g>
+      </g>
+    </LogoBase>
+  );
+};
+
+export default AIStorHorizontal;
diff --git a/src/components/ApplicationLogo/Logos/AIStor/AIStorTag.tsx b/src/components/ApplicationLogo/Logos/AIStor/AIStorTag.tsx
@@ -0,0 +1,88 @@
+// This file is part of MinIO Design System
+// Copyright (c) 2024 MinIO, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+import React, { FC, SVGProps } from "react";
+
+import LogoBase from "../LogoBase/LogoBase";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+
+const AIStorTag: FC<SVGProps<any> & LogoBaseProps> = ({ inverse, onClick }) => {
+  return (
+    <LogoBase viewBox="0 0 202.2 51" inverse={inverse} onClick={onClick}>
+      <g>
+        <rect
+          className={"minioSection"}
+          x="36.3"
+          y=".7"
+          width="4.9"
+          height="14.4"
+        />
+        <path
+          className={"minioSection"}
+          d="M30.4.9l-9.9,6.1c-.1,0-.3,0-.5,0L10.1.9c-.2-.1-.5-.2-.7-.2h0c-.8,0-1.4.6-1.4,1.4v13h4.9v-6.2c0-.4.4-.6.7-.4l5.6,3.4c.5.3,1.2.3,1.8,0l5.9-3.4c.3-.2.7,0,.7.4v6.2h4.9V2.1c0-.8-.6-1.4-1.4-1.4h0c-.3,0-.5,0-.7.2"
+        />
+        <path
+          className={"minioSection"}
+          d="M65.6.7h-5v6.6c0,.4-.4.6-.7.4L47.1.9c-.2-.1-.4-.2-.6-.2h0c-.8,0-1.4.6-1.4,1.4v13h4.9v-6.6c0-.4.4-.6.7-.4l12.9,6.8c.2.1.4.2.6.2.8,0,1.4-.6,1.4-1.4V.7h0Z"
+        />
+        <rect
+          className={"minioSection"}
+          x="69.4"
+          y=".7"
+          width="2.2"
+          height="14.4"
+        />
+        <path
+          className={"minioSection"}
+          d="M84.9,15.4c-6,0-10.3-2.9-10.3-7.5S78.8.4,84.9.4s10.4,2.9,10.4,7.5-4.2,7.5-10.4,7.5M84.9,2.3c-4.5,0-8,2-8,5.6s3.5,5.6,8,5.6,8-1.9,8-5.6-3.5-5.6-8-5.6"
+        />
+        <path
+          className={"minioSection"}
+          d="M52.5,30.8v-3.7c0-.9.7-1.6,1.6-1.6h8.9c1.8,0,2.2,2.4.6,3.1l-8.9,3.7c-1.1.4-2.2-.3-2.2-1.5"
+        />
+        <path
+          className={"minioApplicationName"}
+          d="M30.5,50.1h8.2l-13.2-24.5h-10.3L1.8,50.1h9.9l11.4-4.8c1.5-.6,1.1-2.9-.6-2.9h-8.7l6.6-13s10.2,20.7,10.2,20.7Z"
+        />
+        <path
+          className={"minioApplicationName"}
+          d="M94.6,28.2l-2.3,4.8c-3.6-1.9-8.2-2.8-12.3-2.8s-6.5.8-6.5,2.2,3,2.1,8.8,2.5c8.1.6,13.3,2.4,13.3,7.3s-5.8,8.3-15.2,8.3-11.6-1.6-15-4.5l3.5-4.1c2.6,2.2,7.5,3.5,12.2,3.5s7.3-1.1,7.3-2.6-3.2-2.2-9.6-2.7c-6.9-.5-12.5-2.3-12.5-7.2s5.3-7.8,14.3-7.8,10,1,14,3.2"
+        />
+        <polygon
+          className={"minioApplicationName"}
+          points="109.7 50.1 109.7 30.6 97.4 30.6 97.4 25.5 128.8 25.5 128.8 30.6 116.6 30.6 116.6 50.1 109.7 50.1"
+        />
+        <path
+          className={"minioApplicationName"}
+          d="M165.9,37.8c0,7.8-7.3,12.8-18,12.8s-17.9-5-17.9-12.8,7.4-12.7,17.9-12.7,18,4.8,18,12.7M137.3,37.7c0,4.8,4.3,7.8,10.6,7.8s10.5-3,10.5-7.8-4.3-7.5-10.5-7.5-10.6,2.4-10.6,7.5"
+        />
+        <path
+          className={"minioApplicationName"}
+          d="M200.4,50.1l-10.4-9.2c6,0,9.9-3.7,9.9-7.6s-4-7.7-13.1-7.7h-16.1v24.5h7v-19.6h8.1c4.4,0,6.7,1,6.7,3.2s-1.7,3.6-6.3,3.6h-4c-.9,0-1.5.2-1.8.8-.2.5,0,1.1.9,2.2l9.4,9.7h9.7Z"
+        />
+        <rect
+          x="41.4"
+          y="25.6"
+          width="6.9"
+          height="24.5"
+          className={"minioApplicationName"}
+        />
+      </g>
+    </LogoBase>
+  );
+};
+
+export default AIStorTag;