@conveyorhq/arrow-ds 1.184.0 → 1.186.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.184.0",
+  "version": "1.186.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/Icon/Icon.d.ts

@@ -9,6 +9,7 @@ export declare enum CUSTOM_ICON_TYPE {
     BRAND_CONFLUENCE = "brand-confluence",
     BRAND_JIRA = "brand-jira",
     BRAND_MICROSOFT_TEAMS = "brand-microsoft-teams",
+    BRAND_ZENDESK = "brand-zendesk",
     BRAND_SALESFORCE = "brand-salesforce",
     COMMENT_ALT_CHECK = "comment-alt-check",
     CONVEYOR_LOGO = "conveyor-logo",

package/public/components/Icon/Icon.js

@@ -246,6 +246,7 @@ const status_1 = require("../../contexts/status");
 const types_1 = require("../../types");
 const utilities_1 = require("../../utilities");
 const ShieldCheck_1 = require("./svg/ShieldCheck");
+const BrandZendesk_1 = require("./svg/BrandZendesk");
 const cn = (0, utilities_1.bemHOF)("Icon");
 fontawesome_svg_core_1.library.add(faArchive_1.faArchive, faArrowDown_1.faArrowDown, faArrowLeft_1.faArrowLeft, faArrowRight_1.faArrowRight, faArrowsAlt_1.faArrowsAlt, faArrowUp_1.faArrowUp, faBackward_1.faBackward, faBalanceScale_1.faBalanceScale, faBan_1.faBan, faBandAid_1.faBandAid, faBars_1.faBars, faBatteryHalf_1.faBatteryHalf, faBed_1.faBed, faBell_1.faBell, faBell_2.faBell, faBellSlash_1.faBellSlash, faBellSlash_2.faBellSlash, faBiohazard_1.faBiohazard, faBirthdayCake_1.faBirthdayCake, faBolt_1.faBolt, faBook_1.faBook, faBroom_1.faBroom, faBug_1.faBug, faBullhorn_1.faBullhorn, faBullseye_1.faBullseye, faCalculator_1.faCalculator, faCalendar_1.faCalendar, faCamera_1.faCamera, faCaretDown_1.faCaretDown, faCaretLeft_1.faCaretLeft, faCaretRight_1.faCaretRight, faCaretUp_1.faCaretUp, faChartBar_1.faChartBar, faChartLine_1.faChartLine, faCheck_1.faCheck, faCheckCircle_2.faCheckCircle, faCheckCircle_1.faCheckCircle, faCheckSquare_1.faCheckSquare, faChevronDown_1.faChevronDown, faChevronLeft_1.faChevronLeft, faChevronRight_1.faChevronRight, faChevronUp_1.faChevronUp, faCircle_2.faCircle, faCircleNotch_1.faCircleNotch, faCircle_1.faCircle, faClipboard_1.faClipboard, faClipboardCheck_1.faClipboardCheck, faClock_1.faClock, faClock_2.faClock, faClone_1.faClone, faCloudDownloadAlt_1.faCloudDownloadAlt, faCloudShowersHeavy_1.faCloudShowersHeavy, faCloudUploadAlt_1.faCloudUploadAlt, faCodeBranch_1.faCodeBranch, faCog_1.faCog, faCoins_1.faCoins, faColumns_1.faColumns, faCommentAlt_1.faCommentAlt, faCompass_1.faCompass, faCompress_1.faCompress, faCompressArrowsAlt_1.faCompressArrowsAlt, faCopy_1.faCopy, faCrosshairs_1.faCrosshairs, faCrown_1.faCrown, faDoorClosed_1.faDoorClosed, faDoorOpen_1.faDoorOpen, faDungeon_1.faDungeon, faEdit_1.faEdit, faEllipsisH_1.faEllipsisH, faEllipsisV_1.faEllipsisV, faEnvelope_2.faEnvelope, faEnvelope_1.faEnvelope, faEnvelopeOpenText_1.faEnvelopeOpenText, faEraser_1.faEraser, faExchangeAlt_1.faExchangeAlt, faExclamation_1.faExclamation, faExclamationCircle_1.faExclamationCircle, faExclamationTriangle_1.faExclamationTriangle, faExpand_1.faExpand, faExpandArrowsAlt_1.faExpandArrowsAlt, faExternalLinkAlt_1.faExternalLinkAlt, faExternalLinkSquareAlt_1.faExternalLinkSquareAlt, faEye_1.faEye, faEyeSlash_1.faEyeSlash, faFastBackward_1.faFastBackward, faFastForward_1.faFastForward, faFeatherAlt_1.faFeatherAlt, faFile_1.faFile, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileExport_1.faFileExport, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFillDrip_1.faFillDrip, faFilter_1.faFilter, faFlag_1.faFlag, faFlask_1.faFlask, faFolder_1.faFolder, faFolderOpen_1.faFolderOpen, faForward_1.faForward, faGavel_1.faGavel, faGlobeAmericas_1.faGlobeAmericas, faGlobeEurope_1.faGlobeEurope, faGripLines_1.faGripLines, faGripLinesVertical_1.faGripLinesVertical, faHandshake_1.faHandshake, faHashtag_1.faHashtag, faHeartBroken_1.faHeartBroken, faHighlighter_1.faHighlighter, faHistory_1.faHistory, faIdBadge_1.faIdBadge, faImage_1.faImage, faInfoCircle_1.faInfoCircle, faKey_1.faKey, faKeyboard_1.faKeyboard, faLaptop_1.faLaptop, faLayerGroup_1.faLayerGroup, faLevelUpAlt_1.faLevelUpAlt, faLifeRing_1.faLifeRing, faLink_1.faLink, faListOl_1.faListOl, faListUl_1.faListUl, faLock_1.faLock, faLongArrowAltRight_1.faLongArrowAltRight, faMagic_1.faMagic, faMapMarkerAlt_1.faMapMarkerAlt, faMapSigns_1.faMapSigns, faMeteor_1.faMeteor, faMinus_1.faMinus, faMoneyBill_1.faMoneyBill, faMoneyBillWave_1.faMoneyBillWave, faMoneyCheckAlt_1.faMoneyCheckAlt, faMousePointer_1.faMousePointer, faPalette_1.faPalette, faPaperclip_1.faPaperclip, faPaperPlane_1.faPaperPlane, faPaste_1.faPaste, faPause_1.faPause, faPen_1.faPen, faPencilRuler_1.faPencilRuler, faPlay_1.faPlay, faPlug_1.faPlug, faPlus_1.faPlus, faPlusCircle_1.faPlusCircle, faPooStorm_1.faPooStorm, faQuestion_1.faQuestion, faQuestionCircle_2.faQuestionCircle, faQuestionCircle_1.faQuestionCircle, faRandom_1.faRandom, faRedo_1.faRedo, faReply_1.faReply, faRobot_1.faRobot, faRocket_1.faRocket, faSave_1.faSave, faScroll_1.faScroll, faSearch_1.faSearch, faSearchPlus_1.faSearchPlus, faSeedling_1.faSeedling, faServer_1.faServer, faShare_1.faShare, faShareAlt_1.faShareAlt, faShieldAlt_1.faShieldAlt, faSignal_1.faSignal, faSignature_1.faSignature, faSignOutAlt_1.faSignOutAlt, faSitemap_1.faSitemap, faSkull_1.faSkull, faSlidersH_1.faSlidersH, faSort_1.faSort, faSortDown_1.faSortDown, faSortUp_1.faSortUp, faSpinner_1.faSpinner, faSquare_1.faSquare, faStamp_1.faStamp, faStar_1.faStar, faStar_2.faStar, faSuitcaseRolling_1.faSuitcaseRolling, faSync_1.faSync, faTable_1.faTable, faTag_1.faTag, faTasks_1.faTasks, faThLarge_1.faThLarge, faThumbsDown_1.faThumbsDown, faThumbsDown_2.faThumbsDown, faThumbsUp_1.faThumbsUp, faThumbsUp_2.faThumbsUp, faTicketAlt_1.faTicketAlt, faTimes_1.faTimes, faTimesCircle_1.faTimesCircle, faTimesCircle_2.faTimesCircle, faTools_1.faTools, faTrash_1.faTrash, faUndo_1.faUndo, faUniversalAccess_1.faUniversalAccess, faUnlink_1.faUnlink, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserClock_1.faUserClock, faUserFriends_1.faUserFriends, faUserLock_1.faUserLock, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserSecret_1.faUserSecret, faUserShield_1.faUserShield, faVial_1.faVial, faVideo_1.faVideo, faWrench_1.faWrench, faAward_1.faAward);
 var CUSTOM_ICON_TYPE;
@@ -257,6 +258,7 @@ var CUSTOM_ICON_TYPE;
     CUSTOM_ICON_TYPE["BRAND_CONFLUENCE"] = "brand-confluence";
     CUSTOM_ICON_TYPE["BRAND_JIRA"] = "brand-jira";
     CUSTOM_ICON_TYPE["BRAND_MICROSOFT_TEAMS"] = "brand-microsoft-teams";
+    CUSTOM_ICON_TYPE["BRAND_ZENDESK"] = "brand-zendesk";
     CUSTOM_ICON_TYPE["BRAND_SALESFORCE"] = "brand-salesforce";
     CUSTOM_ICON_TYPE["COMMENT_ALT_CHECK"] = "comment-alt-check";
     CUSTOM_ICON_TYPE["CONVEYOR_LOGO"] = "conveyor-logo";
@@ -281,6 +283,7 @@ const CustomIcons = {
     [CUSTOM_ICON_TYPE.BRAND_JIRA]: svg_1.BrandJira,
     [CUSTOM_ICON_TYPE.BRAND_MICROSOFT_TEAMS]: svg_1.BrandMicrosoftTeams,
     [CUSTOM_ICON_TYPE.BRAND_SALESFORCE]: svg_1.BrandSalesforce,
+    [CUSTOM_ICON_TYPE.BRAND_ZENDESK]: BrandZendesk_1.BrandZendesk,
     [CUSTOM_ICON_TYPE.COMMENT_ALT_CHECK]: svg_1.CommentAltCheck,
     [CUSTOM_ICON_TYPE.CONVEYOR_LOGO]: svg_1.ConveyorLogoIcon,
     [CUSTOM_ICON_TYPE.DIALOG_CHECK]: svg_1.DialogCheck,

package/public/components/Icon/svg/BrandZendesk.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SvgProps } from "../../Svg";
+export declare const BrandZendesk: (props: SvgProps) => React.JSX.Element;

package/public/components/Icon/svg/BrandZendesk.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandZendesk = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandZendesk = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 32 32", fill: "#04363d", ...props },
+        react_1.default.createElement("path", { d: "M24.068 20.44c-0.001 0-0.002 0-0.003 0-3.823 0-6.923 3.1-6.923 6.923 0 0.001 0 0.003 0 0.004v-0h13.854c0-0 0-0 0-0 0-3.825-3.101-6.926-6.926-6.926-0 0-0 0-0 0h0zM14.858 10.643l-13.854 16.724h13.854zM1.004 4.636c0 3.826 3.101 6.927 6.927 6.927s6.927-3.101 6.927-6.927v0zM17.142 4.633v16.728l13.854-16.726h-13.854z" })));
+};
+exports.BrandZendesk = BrandZendesk;

package/public/components/IntegrationLogo/IntegrationLogo.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { SvgProps } from "../Svg";
-export declare const integrationLogoNames: readonly ["addigy", "aws", "bamboohr", "bitbucket", "conveyor", "deploy", "docusign", "events-api", "gcp", "github", "gitlab", "gsuite", "hubspot", "jamf", "jira", "jumpcloud", "microsoft_teams", "okta", "onelogin", "service_now", "salesforce", "slack", "zoom"];
+export declare const integrationLogoNames: readonly ["addigy", "aws", "bamboohr", "bitbucket", "conveyor", "deploy", "docusign", "events-api", "gcp", "github", "gitlab", "google_drive", "gsuite", "hubspot", "jamf", "jira", "jumpcloud", "microsoft_teams", "okta", "onelogin", "service_now", "salesforce", "slack", "zoom"];
 export type IntegrationLogoName = typeof integrationLogoNames[number];
 export interface IntegrationLogoProps extends SvgProps {
     logo?: IntegrationLogoName | string;

package/public/components/IntegrationLogo/IntegrationLogo.js

@@ -18,6 +18,7 @@ exports.integrationLogoNames = [
     "gcp",
     "github",
     "gitlab",
+    "google_drive",
     "gsuite",
     "hubspot",
     "jamf",

package/public/components/IntegrationLogo/IntegrationLogoSvg.js

@@ -29,6 +29,8 @@ const IntegrationLogoSvg = ({ logo, ...rest }) => {
             return react_1.default.createElement(svg_1.GithubSvg, { ...rest });
         case "gitlab":
             return react_1.default.createElement(svg_1.GitlabSvg, { ...rest });
+        case "google_drive":
+            return react_1.default.createElement(svg_1.GoogleDriveSvg, { ...rest });
         case "gsuite":
             return react_1.default.createElement(svg_1.GsuiteSvg, { ...rest });
         case "hubspot":

package/public/components/IntegrationLogo/svg/google-drive.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SvgLogoProps } from "./wrapper";
+export declare const GoogleDriveSvg: ({ color, square, ...rest }: SvgLogoProps) => React.JSX.Element;

package/public/components/IntegrationLogo/svg/google-drive.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GoogleDriveSvg = void 0;
+const react_1 = __importDefault(require("react"));
+const wrapper_1 = require("./wrapper");
+const GoogleDriveSvg = ({ color, square, ...rest }) => (react_1.default.createElement(wrapper_1.IntegrationLogoSvgWrapper, { viewBox: "0 0 87.3 78", ...rest },
+    react_1.default.createElement("title", null, "Google Drive integration logo"),
+    react_1.default.createElement("path", { fill: color || "#0066da", d: "m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z" }),
+    react_1.default.createElement("path", { fill: color || "#00ac47", d: "m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z" }),
+    react_1.default.createElement("path", { fill: color || "#ea4335", d: "m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z" }),
+    react_1.default.createElement("path", { fill: color || "#00832d", d: "m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z" }),
+    react_1.default.createElement("path", { fill: color || "#2684fc", d: "m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z" }),
+    react_1.default.createElement("path", { fill: color || "#ffba00", d: "m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z" })));
+exports.GoogleDriveSvg = GoogleDriveSvg;

package/public/components/IntegrationLogo/svg/index.d.ts

@@ -10,6 +10,7 @@ export { EventsAPI } from "./events-api";
 export { GcpSvg } from "./gcp";
 export { GithubSvg } from "./github";
 export { GitlabSvg } from "./gitlab";
+export { GoogleDriveSvg } from "./google-drive";
 export { GsuiteSvg } from "./gsuite";
 export { HubspotSvg } from "./hubspot";
 export { JamfSvg } from "./jamf";

package/public/components/IntegrationLogo/svg/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZoomSvg = exports.SlackSvg = exports.SalesforceSvg = exports.ServiceNowSvg = exports.OneLoginSvg = exports.OktaSvg = exports.MicrosoftTeamsSvg = exports.JumpcloudSvg = exports.JiraSvg = exports.JamfSvg = exports.HubspotSvg = exports.GsuiteSvg = exports.GitlabSvg = exports.GithubSvg = exports.GcpSvg = exports.EventsAPI = exports.DocuSignSvg = exports.DeploySvg = exports.DefaultSvg = exports.ConveyorSvg = exports.BitbucketSvg = exports.BambooHrSvg = exports.AwsSvg = exports.AddigySvg = void 0;
+exports.ZoomSvg = exports.SlackSvg = exports.SalesforceSvg = exports.ServiceNowSvg = exports.OneLoginSvg = exports.OktaSvg = exports.MicrosoftTeamsSvg = exports.JumpcloudSvg = exports.JiraSvg = exports.JamfSvg = exports.HubspotSvg = exports.GsuiteSvg = exports.GoogleDriveSvg = exports.GitlabSvg = exports.GithubSvg = exports.GcpSvg = exports.EventsAPI = exports.DocuSignSvg = exports.DeploySvg = exports.DefaultSvg = exports.ConveyorSvg = exports.BitbucketSvg = exports.BambooHrSvg = exports.AwsSvg = exports.AddigySvg = void 0;
 var addigy_1 = require("./addigy");
 Object.defineProperty(exports, "AddigySvg", { enumerable: true, get: function () { return addigy_1.AddigySvg; } });
 var aws_1 = require("./aws");
@@ -39,6 +39,8 @@ var github_1 = require("./github");
 Object.defineProperty(exports, "GithubSvg", { enumerable: true, get: function () { return github_1.GithubSvg; } });
 var gitlab_1 = require("./gitlab");
 Object.defineProperty(exports, "GitlabSvg", { enumerable: true, get: function () { return gitlab_1.GitlabSvg; } });
+var google_drive_1 = require("./google-drive");
+Object.defineProperty(exports, "GoogleDriveSvg", { enumerable: true, get: function () { return google_drive_1.GoogleDriveSvg; } });
 var gsuite_1 = require("./gsuite");
 Object.defineProperty(exports, "GsuiteSvg", { enumerable: true, get: function () { return gsuite_1.GsuiteSvg; } });
 var hubspot_1 = require("./hubspot");

package/src/components/Icon/Icon.tsx

@@ -246,6 +246,7 @@ import { STATUS_VARIANT } from "../../types";
 import { bemHOF } from "../../utilities";
 import { SvgProps } from "../Svg";
 import { SheildCheck } from "./svg/ShieldCheck";
+import { BrandZendesk } from "./svg/BrandZendesk";
 
 const cn = bemHOF("Icon");
 
@@ -470,6 +471,7 @@ export enum CUSTOM_ICON_TYPE {
   BRAND_CONFLUENCE = "brand-confluence",
   BRAND_JIRA = "brand-jira",
   BRAND_MICROSOFT_TEAMS = "brand-microsoft-teams",
+  BRAND_ZENDESK = "brand-zendesk",
   BRAND_SALESFORCE = "brand-salesforce",
   COMMENT_ALT_CHECK = "comment-alt-check",
   CONVEYOR_LOGO = "conveyor-logo",
@@ -499,6 +501,7 @@ const CustomIcons: CustomIconPaths = {
   [CUSTOM_ICON_TYPE.BRAND_JIRA]: BrandJira,
   [CUSTOM_ICON_TYPE.BRAND_MICROSOFT_TEAMS]: BrandMicrosoftTeams,
   [CUSTOM_ICON_TYPE.BRAND_SALESFORCE]: BrandSalesforce,
+  [CUSTOM_ICON_TYPE.BRAND_ZENDESK]: BrandZendesk,
   [CUSTOM_ICON_TYPE.COMMENT_ALT_CHECK]: CommentAltCheck,
   [CUSTOM_ICON_TYPE.CONVEYOR_LOGO]: ConveyorLogoIcon,
   [CUSTOM_ICON_TYPE.DIALOG_CHECK]: DialogCheck,

package/src/components/Icon/svg/BrandZendesk.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+import { Svg, SvgProps } from "../../Svg";
+
+export const BrandZendesk = (props: SvgProps) => {
+  return (
+    <Svg width="32" height="32" viewBox="0 0 32 32" fill="#04363d" {...props}>
+      <path d="M24.068 20.44c-0.001 0-0.002 0-0.003 0-3.823 0-6.923 3.1-6.923 6.923 0 0.001 0 0.003 0 0.004v-0h13.854c0-0 0-0 0-0 0-3.825-3.101-6.926-6.926-6.926-0 0-0 0-0 0h0zM14.858 10.643l-13.854 16.724h13.854zM1.004 4.636c0 3.826 3.101 6.927 6.927 6.927s6.927-3.101 6.927-6.927v0zM17.142 4.633v16.728l13.854-16.726h-13.854z" />
+    </Svg>
+  );
+};

package/src/components/IntegrationLogo/IntegrationLogo.stories.mdx

@@ -30,6 +30,7 @@ export const logos = [
   "gcp",
   "github",
   "gitlab",
+  "google_drive",
   "gsuite",
   "hubspot",
   "jamf",

package/src/components/IntegrationLogo/IntegrationLogo.tsx

@@ -14,6 +14,7 @@ export const integrationLogoNames = [
   "gcp",
   "github",
   "gitlab",
+  "google_drive",
   "gsuite",
   "hubspot",
   "jamf",

package/src/components/IntegrationLogo/IntegrationLogoSvg.tsx

@@ -14,6 +14,7 @@ import {
   GcpSvg,
   GithubSvg,
   GitlabSvg,
+  GoogleDriveSvg,
   GsuiteSvg,
   HubspotSvg,
   JamfSvg,
@@ -59,6 +60,8 @@ const IntegrationLogoSvg = ({ logo, ...rest }: IntegrationLogoSvgProps) => {
       return <GithubSvg {...rest} />;
     case "gitlab":
       return <GitlabSvg {...rest} />;
+    case "google_drive":
+      return <GoogleDriveSvg {...rest} />;
     case "gsuite":
       return <GsuiteSvg {...rest} />;
     case "hubspot":

package/src/components/IntegrationLogo/svg/google-drive.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
+
+export const GoogleDriveSvg = ({ color, square, ...rest }: SvgLogoProps) => (
+  <IntegrationLogoSvgWrapper viewBox="0 0 87.3 78" {...rest}>
+    <title>Google Drive integration logo</title>
+    <path
+      fill={color || "#0066da"}
+      d="m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z"
+    />
+    <path
+      fill={color || "#00ac47"}
+      d="m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z"
+    />
+    <path
+      fill={color || "#ea4335"}
+      d="m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z"
+    />
+    <path
+      fill={color || "#00832d"}
+      d="m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z"
+    />
+    <path
+      fill={color || "#2684fc"}
+      d="m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"
+    />
+    <path
+      fill={color || "#ffba00"}
+      d="m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z"
+    />
+  </IntegrationLogoSvgWrapper>
+);

package/src/components/IntegrationLogo/svg/index.ts

@@ -10,6 +10,7 @@ export { EventsAPI } from "./events-api";
 export { GcpSvg } from "./gcp";
 export { GithubSvg } from "./github";
 export { GitlabSvg } from "./gitlab";
+export { GoogleDriveSvg } from "./google-drive";
 export { GsuiteSvg } from "./gsuite";
 export { HubspotSvg } from "./hubspot";
 export { JamfSvg } from "./jamf";