@conveyorhq/arrow-ds 1.174.0 → 1.176.0

package/package.json

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

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

@@ -7,6 +7,7 @@ export declare enum CUSTOM_ICON_TYPE {
     ARROW_TO_RIGHT = "arrow-to-right",
     BADGE_CHECK = "badge-check",
     BRAND_CONFLUENCE = "brand-confluence",
+    BRAND_MICROSOFT_TEAMS = "brand-microsoft-teams",
     COMMENT_ALT_CHECK = "comment-alt-check",
     CONVEYOR_LOGO = "conveyor-logo",
     DIALOG_CHECK = "dialog-check",
@@ -79,6 +80,7 @@ export declare enum ICON_TYPE {
     CROWN = "crown",
     COPY = "copy",
     DOOR_CLOSED = "door-closed",
+    DOOR_OPEN = "door-open",
     DUNGEON = "dungeon",
     EDIT = "edit",
     ELLIPSIS_H = "ellipsis-h",

package/public/components/Icon/Icon.js

@@ -102,6 +102,7 @@ const faCopy_1 = require("@fortawesome/free-solid-svg-icons/faCopy");
 const faCrosshairs_1 = require("@fortawesome/free-solid-svg-icons/faCrosshairs");
 const faCrown_1 = require("@fortawesome/free-solid-svg-icons/faCrown");
 const faDoorClosed_1 = require("@fortawesome/free-solid-svg-icons/faDoorClosed");
+const faDoorOpen_1 = require("@fortawesome/free-solid-svg-icons/faDoorOpen");
 const faDungeon_1 = require("@fortawesome/free-solid-svg-icons/faDungeon");
 const faEdit_1 = require("@fortawesome/free-solid-svg-icons/faEdit");
 const faEllipsisH_1 = require("@fortawesome/free-solid-svg-icons/faEllipsisH");
@@ -236,7 +237,7 @@ const types_1 = require("../../types");
 const utilities_1 = require("../../utilities");
 const ShieldCheck_1 = require("./svg/ShieldCheck");
 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, faClock_1.faClock, faClock_2.faClock, faClone_1.faClone, faCloudDownloadAlt_1.faCloudDownloadAlt, faCloudShowersHeavy_1.faCloudShowersHeavy, faCloudUploadAlt_1.faCloudUploadAlt, 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, 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, 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, faFolder_1.faFolder, faForward_1.faForward, 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, 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, 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, faUnlink_1.faUnlink, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, 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);
+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, faClock_1.faClock, faClock_2.faClock, faClone_1.faClone, faCloudDownloadAlt_1.faCloudDownloadAlt, faCloudShowersHeavy_1.faCloudShowersHeavy, faCloudUploadAlt_1.faCloudUploadAlt, 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, 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, faFolder_1.faFolder, faForward_1.faForward, 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, 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, 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, faUnlink_1.faUnlink, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, 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;
 (function (CUSTOM_ICON_TYPE) {
     CUSTOM_ICON_TYPE["ARROW_TO_BOTTOM"] = "arrow-to-bottom";
@@ -244,6 +245,7 @@ var CUSTOM_ICON_TYPE;
     CUSTOM_ICON_TYPE["ARROW_TO_RIGHT"] = "arrow-to-right";
     CUSTOM_ICON_TYPE["BADGE_CHECK"] = "badge-check";
     CUSTOM_ICON_TYPE["BRAND_CONFLUENCE"] = "brand-confluence";
+    CUSTOM_ICON_TYPE["BRAND_MICROSOFT_TEAMS"] = "brand-microsoft-teams";
     CUSTOM_ICON_TYPE["COMMENT_ALT_CHECK"] = "comment-alt-check";
     CUSTOM_ICON_TYPE["CONVEYOR_LOGO"] = "conveyor-logo";
     CUSTOM_ICON_TYPE["DIALOG_CHECK"] = "dialog-check";
@@ -264,6 +266,7 @@ const CustomIcons = {
     [CUSTOM_ICON_TYPE.ARROW_TO_RIGHT]: svg_1.ArrowToRight,
     [CUSTOM_ICON_TYPE.BADGE_CHECK]: svg_1.BadgeCheck,
     [CUSTOM_ICON_TYPE.BRAND_CONFLUENCE]: svg_1.BrandConfluenceIcon,
+    [CUSTOM_ICON_TYPE.BRAND_MICROSOFT_TEAMS]: svg_1.BrandMicrosoftTeams,
     [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,
@@ -337,6 +340,7 @@ var ICON_TYPE;
     ICON_TYPE["CROWN"] = "crown";
     ICON_TYPE["COPY"] = "copy";
     ICON_TYPE["DOOR_CLOSED"] = "door-closed";
+    ICON_TYPE["DOOR_OPEN"] = "door-open";
     ICON_TYPE["DUNGEON"] = "dungeon";
     ICON_TYPE["EDIT"] = "edit";
     ICON_TYPE["ELLIPSIS_H"] = "ellipsis-h";

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

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

package/public/components/Icon/svg/BrandMicrosoftTeams.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.BrandMicrosoftTeams = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandMicrosoftTeams = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M 12.5 2 A 3 3 0 0 0 9.7089844 6.09375 C 9.4804148 6.0378189 9.2455412 6 9 6 L 4 6 C 2.346 6 1 7.346 1 9 L 1 14 C 1 15.654 2.346 17 4 17 L 9 17 C 10.654 17 12 15.654 12 14 L 12 9 C 12 8.6159715 11.921192 8.2518913 11.789062 7.9140625 A 3 3 0 0 0 12.5 8 A 3 3 0 0 0 12.5 2 z M 19 4 A 2 2 0 0 0 19 8 A 2 2 0 0 0 19 4 z M 4 9 L 6 9 L 7 9 L 9 9 L 9 10 L 7 10 L 7 14 L 6 14 L 6 10 L 4 10 L 4 9 z M 14 9 L 14 14 C 14 16.76 11.76 19 9 19 L 7.609375 19 C 8.519375 20.78 10.37 22 12.5 22 C 15.24 22 17.529453 20.040312 17.939453 17.320312 C 17.979453 17.050312 18 16.78 18 16.5 L 18 10 C 18 9.45 17.55 9 17 9 L 14 9 z M 19.820312 9 C 19.940312 9.31 20 9.65 20 10 L 20 16.5 C 20 16.88 19.969922 17.239375 19.919922 17.609375 C 19.849922 18.069375 19.739844 18.519219 19.589844 18.949219 C 21.519844 18.669219 23 17.01 23 15 L 23 10 C 23 9.45 22.55 9 22 9 L 19.820312 9 z" })));
+};
+exports.BrandMicrosoftTeams = BrandMicrosoftTeams;

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

@@ -3,6 +3,7 @@ export * from "./ArrowToLeft";
 export * from "./ArrowToRight";
 export * from "./BadgeCheck";
 export * from "./BrandConfluenceIcon";
+export * from "./BrandMicrosoftTeams";
 export * from "./CommentAltCheck";
 export * from "./ConveyorLogoIcon";
 export * from "./DialogCheck";

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

@@ -19,6 +19,7 @@ __exportStar(require("./ArrowToLeft"), exports);
 __exportStar(require("./ArrowToRight"), exports);
 __exportStar(require("./BadgeCheck"), exports);
 __exportStar(require("./BrandConfluenceIcon"), exports);
+__exportStar(require("./BrandMicrosoftTeams"), exports);
 __exportStar(require("./CommentAltCheck"), exports);
 __exportStar(require("./ConveyorLogoIcon"), exports);
 __exportStar(require("./DialogCheck"), exports);

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", "jamf", "jira", "jumpcloud", "okta", "onelogin", "service_now", "salesforce", "slack", "zoom"];
+export declare const integrationLogoNames: readonly ["addigy", "aws", "bamboohr", "bitbucket", "conveyor", "deploy", "docusign", "events-api", "gcp", "github", "gitlab", "gsuite", "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

@@ -22,6 +22,7 @@ exports.integrationLogoNames = [
     "jamf",
     "jira",
     "jumpcloud",
+    "microsoft-teams",
     "okta",
     "onelogin",
     "service_now",

package/public/components/IntegrationLogo/IntegrationLogoSvg.js

@@ -37,6 +37,8 @@ const IntegrationLogoSvg = ({ logo, ...rest }) => {
             return react_1.default.createElement(svg_1.JiraSvg, { ...rest });
         case "jumpcloud":
             return react_1.default.createElement(svg_1.JumpcloudSvg, { ...rest });
+        case "microsoft-teams":
+            return react_1.default.createElement(svg_1.MicrosoftTeamsSvg, { ...rest });
         case "okta":
             return react_1.default.createElement(svg_1.OktaSvg, { ...rest });
         case "onelogin":

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

@@ -14,6 +14,7 @@ export { GsuiteSvg } from "./gsuite";
 export { JamfSvg } from "./jamf";
 export { JiraSvg } from "./jira";
 export { JumpcloudSvg } from "./jumpcloud";
+export { MicrosoftTeamsSvg } from "./microsoft-teams";
 export { OktaSvg } from "./okta";
 export { OneLoginSvg } from "./onelogin";
 export { ServiceNowSvg } from "./servicenow";

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.JumpcloudSvg = exports.JiraSvg = exports.JamfSvg = 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.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;
 var addigy_1 = require("./addigy");
 Object.defineProperty(exports, "AddigySvg", { enumerable: true, get: function () { return addigy_1.AddigySvg; } });
 var aws_1 = require("./aws");
@@ -47,6 +47,8 @@ var jira_1 = require("./jira");
 Object.defineProperty(exports, "JiraSvg", { enumerable: true, get: function () { return jira_1.JiraSvg; } });
 var jumpcloud_1 = require("./jumpcloud");
 Object.defineProperty(exports, "JumpcloudSvg", { enumerable: true, get: function () { return jumpcloud_1.JumpcloudSvg; } });
+var microsoft_teams_1 = require("./microsoft-teams");
+Object.defineProperty(exports, "MicrosoftTeamsSvg", { enumerable: true, get: function () { return microsoft_teams_1.MicrosoftTeamsSvg; } });
 var okta_1 = require("./okta");
 Object.defineProperty(exports, "OktaSvg", { enumerable: true, get: function () { return okta_1.OktaSvg; } });
 var onelogin_1 = require("./onelogin");

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

@@ -6,16 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.JiraSvg = void 0;
 const react_1 = __importDefault(require("react"));
 const wrapper_1 = require("./wrapper");
-const JiraSvg = ({ color, square, ...rest }) => (react_1.default.createElement(wrapper_1.IntegrationLogoSvgWrapper, { viewBox: "0 0 32 32", ...rest },
+const JiraSvg = ({ color, square, ...rest }) => (react_1.default.createElement(wrapper_1.IntegrationLogoSvgWrapper, { viewBox: "0 0 16 16", ...rest },
     react_1.default.createElement("title", null, "Jira integration logo"),
-    react_1.default.createElement("path", { d: "M31.1047 15.1045L17.3349 1.33474L16.0001 0L5.63475 10.3654L0.895579 15.1045C0.658281 15.3421 0.524994 15.6642 0.524994 16C0.524994 16.3358 0.658281 16.6579 0.895579 16.8955L10.3655 26.3654L16.0001 32L26.3655 21.6346L26.526 21.4741L31.1047 16.8955C31.342 16.6579 31.4752 16.3358 31.4752 16C31.4752 15.6642 31.342 15.3421 31.1047 15.1045V15.1045ZM16.0001 20.7307L11.2694 16L16.0001 11.2693L20.7308 16L16.0001 20.7307Z", fill: color || "#2684ff" }),
-    react_1.default.createElement("path", { d: "M16.0001 11.2693C14.5122 9.78121 13.6736 7.7649 13.6672 5.6606C13.6609 3.55631 14.4874 1.53499 15.9663 0.0380096L5.61362 10.3865L11.2483 16.0211L16.0001 11.2693Z", fill: color || "url(#jira_paint0_linear)" }),
-    react_1.default.createElement("path", { d: "M20.7435 15.9873L16.0001 20.7307C16.7404 21.4705 17.3276 22.3489 17.7282 23.3157C18.1288 24.2825 18.335 25.3188 18.335 26.3654C18.335 27.4119 18.1288 28.4482 17.7282 29.415C17.3276 30.3818 16.7404 31.2602 16.0001 32V32L26.3782 21.622L20.7435 15.9873Z", fill: color || "url(#jira_paint1_linear)" }),
+    react_1.default.createElement("g", null,
+        react_1.default.createElement("path", { d: "M15.3309 0H7.62695C7.62695 0.922335 7.99335 1.80689 8.64554 2.45908C9.29773 3.11127 10.1823 3.47767 11.1046 3.47767H12.5238V4.84788C12.525 6.7668 14.0803 8.3221 15.9992 8.32336V0.668315C15.9992 0.299319 15.7001 0 15.3309 0Z", fill: "#2684FF" }),
+        react_1.default.createElement("path", { d: "M11.5183 3.83984H3.81445C3.81564 5.75876 5.37089 7.31407 7.28987 7.31532H8.70902V8.68992C8.71146 10.6088 10.2678 12.1631 12.1867 12.1631V4.50828C12.1867 4.13916 11.8874 3.83984 11.5183 3.83984Z", fill: "url(#paint0_linear_729_4228)" }),
+        react_1.default.createElement("path", { d: "M7.70392 7.67578H0C0 9.59645 1.55706 11.1534 3.47767 11.1534H4.90127V12.5236C4.90252 14.4408 6.45507 15.9954 8.37229 15.999V8.34416C8.37229 7.97504 8.07304 7.67578 7.70392 7.67578Z", fill: "url(#paint1_linear_729_4228)" })),
     react_1.default.createElement("defs", null,
-        react_1.default.createElement("linearGradient", { id: "jira_paint0_linear", x1: "15.1553", y1: "6.48363", x2: "8.5492", y2: "13.0897", gradientUnits: "userSpaceOnUse" },
-            react_1.default.createElement("stop", { offset: "0.18", stopColor: "#0052cc" }),
-            react_1.default.createElement("stop", { offset: "1", stopColor: "#2684ff" })),
-        react_1.default.createElement("linearGradient", { id: "jira_paint1_linear", x1: "418.46", y1: "981.231", x2: "646.623", y2: "833.356", gradientUnits: "userSpaceOnUse" },
-            react_1.default.createElement("stop", { offset: "0.18", stopColor: "#0052cc" }),
-            react_1.default.createElement("stop", { offset: "1", stopColor: "#2684ff" })))));
+        react_1.default.createElement("linearGradient", { id: "paint0_linear_729_4228", x1: "2099.36", y1: "7.67182", x2: "1268.26", y2: "978.928", gradientUnits: "userSpaceOnUse" },
+            react_1.default.createElement("stop", { offset: "0.18", stopColor: "#0052CC" }),
+            react_1.default.createElement("stop", { offset: "1", stopColor: "#2684FF" })),
+        react_1.default.createElement("linearGradient", { id: "paint1_linear_729_4228", x1: "2151.86", y1: "18.5052", x2: "1190.5", y2: "1077.84", gradientUnits: "userSpaceOnUse" },
+            react_1.default.createElement("stop", { offset: "0.18", stopColor: "#0052CC" }),
+            react_1.default.createElement("stop", { offset: "1", stopColor: "#2684FF" })))));
 exports.JiraSvg = JiraSvg;

package/public/components/IntegrationLogo/svg/microsoft-teams.d.ts

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

package/public/components/IntegrationLogo/svg/microsoft-teams.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrosoftTeamsSvg = void 0;
+const react_1 = __importDefault(require("react"));
+const wrapper_1 = require("./wrapper");
+const MicrosoftTeamsSvg = ({ color, square, ...rest }) => {
+    return (react_1.default.createElement(wrapper_1.IntegrationLogoSvgWrapper, { viewBox: "0 0 2228.833 2073.333", ...rest },
+        react_1.default.createElement("title", null, "Microsoft Teams integration logo"),
+        react_1.default.createElement("path", { fill: color || "#5059c9", d: "M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398\tc0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971\tC1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z" }),
+        react_1.default.createElement("circle", { fill: color || "#5059c9", cx: "1943.75", cy: "440.583", r: "233.25" }),
+        react_1.default.createElement("circle", { fill: color || "#7b83eb", cx: "1218.083", cy: "336.917", r: "336.917" }),
+        react_1.default.createElement("path", { fill: color || "#7b83eb", d: "M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105\tc-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176\tC1763.579,823.431,1721.066,778.83,1667.323,777.5z" }),
+        react_1.default.createElement("path", { opacity: ".1", d: "M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598\tc-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833\tc-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z" }),
+        react_1.default.createElement("path", { opacity: ".2", d: "M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765\tc-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833\tc-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02\tc-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z" }),
+        react_1.default.createElement("path", { opacity: ".2", d: "M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84\tc-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z" }),
+        react_1.default.createElement("path", { opacity: ".2", d: "M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472\tc-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z" }),
+        react_1.default.createElement("path", { opacity: ".1", d: "M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037\tc-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003\tc-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z" }),
+        react_1.default.createElement("path", { opacity: ".2", d: "M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293\tc-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z" }),
+        react_1.default.createElement("path", { opacity: ".2", d: "M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293\tc-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z" }),
+        react_1.default.createElement("path", { opacity: ".2", d: "M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003\th138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z" }),
+        react_1.default.createElement("linearGradient", { id: "a", gradientUnits: "userSpaceOnUse", x1: "198.099", y1: "1683.0726", x2: "942.2344", y2: "394.2607", gradientTransform: "matrix(1 0 0 -1 0 2075.3333)" },
+            react_1.default.createElement("stop", { offset: "0", stopColor: "#5a62c3" }),
+            react_1.default.createElement("stop", { offset: ".5", stopColor: "#4d55bd" }),
+            react_1.default.createElement("stop", { offset: "1", stopColor: "#3940ab" })),
+        react_1.default.createElement("path", { fill: color || "url(#a)", d: "M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01\tH95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z" }),
+        react_1.default.createElement("path", { fill: "#fff", d: "M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z" })));
+};
+exports.MicrosoftTeamsSvg = MicrosoftTeamsSvg;

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

@@ -9,8 +9,7 @@ const wrapper_1 = require("./wrapper");
 const SalesforceSvg = ({ color = "#00a1e0", square, ...rest }) => {
     const viewBox = square ? "0 0 32 32" : "0 0 46 32";
     const path = square ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("path", { fill: color, d: "M13.31 7.2c1.034-1.071 2.475-1.748 4.063-1.748 2.118 0 3.952 1.182 4.937 2.93 0.849-0.382 1.798-0.591 2.795-0.591 3.817 0 6.895 3.115 6.895 6.957s-3.090 6.957-6.895 6.957c-0.468 0-0.923-0.049-1.354-0.136-0.862 1.539-2.512 2.586-4.408 2.586-0.788 0-1.539-0.185-2.204-0.505-0.874 2.056-2.918 3.509-5.294 3.509-2.475 0-4.593-1.564-5.405-3.768-0.357 0.074-0.726 0.111-1.096 0.111-2.955 0-5.344-2.413-5.344-5.405 0-1.995 1.071-3.743 2.672-4.679-0.332-0.751-0.517-1.588-0.517-2.475-0.012-3.411 2.783-6.193 6.205-6.193 2.019 0 3.817 0.96 4.95 2.45z" }),
-        react_1.default.createElement("path", { fill: "#fff", d: "M4.011 17.030l0.135-0.357c0.025-0.062 0.062-0.037 0.086-0.025 0.037 0.025 0.062 0.037 0.111 0.074 0.382 0.246 0.739 0.246 0.85 0.246 0.283 0 0.468-0.148 0.468-0.357v-0.012c0-0.222-0.271-0.308-0.591-0.406l-0.074-0.025c-0.431-0.123-0.899-0.308-0.899-0.85v-0.012c0-0.517 0.419-0.886 1.022-0.886h0.062c0.357 0 0.689 0.098 0.936 0.259 0.025 0.012 0.049 0.037 0.037 0.074s-0.123 0.32-0.135 0.357c-0.025 0.062-0.086 0.025-0.086 0.025-0.222-0.123-0.554-0.209-0.837-0.209-0.259 0-0.419 0.135-0.419 0.32v0.012c0 0.209 0.283 0.308 0.603 0.406l0.062 0.012c0.431 0.136 0.886 0.32 0.886 0.85v0.012c0 0.566-0.406 0.911-1.059 0.911-0.32 0-0.628-0.049-0.96-0.222-0.062-0.037-0.123-0.061-0.185-0.111-0.012-0.025-0.037-0.037-0.012-0.086zM13.614 17.030l0.135-0.357c0.025-0.062 0.074-0.037 0.086-0.025 0.037 0.025 0.062 0.037 0.111 0.074 0.382 0.246 0.739 0.246 0.85 0.246 0.283 0 0.468-0.148 0.468-0.357v-0.012c0-0.222-0.271-0.308-0.591-0.406l-0.074-0.025c-0.431-0.123-0.899-0.308-0.899-0.85v-0.012c0-0.517 0.419-0.886 1.022-0.886h0.062c0.357 0 0.69 0.098 0.936 0.259 0.025 0.012 0.049 0.037 0.037 0.074s-0.123 0.32-0.136 0.357c-0.025 0.062-0.086 0.025-0.086 0.025-0.222-0.123-0.554-0.209-0.837-0.209-0.259 0-0.419 0.135-0.419 0.32v0.012c0 0.209 0.283 0.308 0.603 0.406l0.062 0.012c0.431 0.136 0.886 0.32 0.886 0.85v0.012c0 0.566-0.406 0.911-1.059 0.911-0.32 0-0.628-0.049-0.96-0.222-0.062-0.037-0.123-0.061-0.185-0.111 0-0.025-0.025-0.037-0.012-0.086zM20.731 15.343c0.049 0.185 0.086 0.382 0.086 0.591s-0.025 0.406-0.086 0.591c-0.049 0.185-0.136 0.345-0.246 0.48s-0.259 0.246-0.419 0.32c-0.172 0.074-0.369 0.111-0.591 0.111s-0.419-0.037-0.591-0.111c-0.172-0.074-0.308-0.185-0.419-0.32s-0.197-0.296-0.246-0.48c-0.049-0.185-0.086-0.382-0.086-0.591s0.025-0.406 0.086-0.591c0.049-0.185 0.135-0.345 0.246-0.48s0.259-0.246 0.419-0.32c0.172-0.074 0.369-0.123 0.591-0.123s0.419 0.037 0.591 0.123c0.172 0.074 0.308 0.185 0.419 0.32s0.197 0.296 0.246 0.48zM20.177 15.922c0-0.32-0.061-0.566-0.172-0.739s-0.296-0.258-0.529-0.258c-0.246 0-0.419 0.086-0.529 0.258s-0.172 0.419-0.172 0.739 0.062 0.566 0.172 0.751c0.111 0.172 0.283 0.259 0.529 0.259s0.419-0.086 0.529-0.259c0.123-0.172 0.172-0.431 0.172-0.751zM25.237 16.845l0.136 0.369c0.012 0.049-0.025 0.061-0.025 0.061-0.209 0.086-0.492 0.136-0.776 0.136-0.48 0-0.837-0.136-1.084-0.406s-0.369-0.64-0.369-1.096c0-0.209 0.025-0.406 0.086-0.591s0.148-0.345 0.271-0.48c0.123-0.135 0.271-0.246 0.443-0.32s0.382-0.123 0.616-0.123c0.16 0 0.296 0.012 0.406 0.025 0.123 0.025 0.296 0.062 0.369 0.098 0.012 0 0.049 0.025 0.037 0.062-0.049 0.148-0.086 0.246-0.136 0.369-0.025 0.062-0.061 0.037-0.061 0.037-0.185-0.062-0.357-0.086-0.579-0.086-0.271 0-0.48 0.086-0.603 0.271-0.136 0.172-0.209 0.406-0.209 0.726 0 0.345 0.086 0.591 0.234 0.751s0.357 0.234 0.628 0.234c0.111 0 0.209-0.012 0.296-0.025s0.172-0.037 0.259-0.074c-0.012 0.025 0.037 0.012 0.061 0.062zM28.032 15.232c0.123 0.419 0.061 0.776 0.049 0.8 0 0.049-0.049 0.049-0.049 0.049h-1.859c0.012 0.283 0.074 0.48 0.222 0.616 0.136 0.135 0.345 0.222 0.64 0.222 0.443 0 0.628-0.086 0.763-0.136 0 0 0.049-0.012 0.074 0.037l0.123 0.345c0.025 0.061 0 0.074-0.012 0.086-0.111 0.062-0.394 0.185-0.936 0.185-0.259 0-0.492-0.037-0.677-0.111s-0.345-0.172-0.468-0.308c-0.123-0.136-0.209-0.296-0.271-0.468-0.061-0.185-0.086-0.382-0.086-0.591s0.025-0.406 0.086-0.591c0.049-0.185 0.136-0.345 0.246-0.48s0.259-0.246 0.431-0.32c0.172-0.086 0.382-0.123 0.616-0.123 0.197 0 0.382 0.037 0.529 0.111 0.111 0.049 0.234 0.135 0.357 0.271 0.061 0.049 0.172 0.234 0.222 0.406zM26.185 15.626h1.317c-0.012-0.172-0.049-0.32-0.123-0.443-0.111-0.172-0.271-0.271-0.517-0.271s-0.419 0.098-0.529 0.271c-0.074 0.111-0.111 0.259-0.148 0.443zM13.171 15.232c0.123 0.419 0.062 0.776 0.062 0.8 0 0.049-0.049 0.049-0.049 0.049h-1.859c0.012 0.283 0.074 0.48 0.222 0.616 0.135 0.135 0.345 0.222 0.64 0.222 0.443 0 0.628-0.086 0.763-0.136 0 0 0.049-0.012 0.074 0.037l0.123 0.345c0.025 0.061 0 0.074-0.012 0.086-0.111 0.062-0.394 0.185-0.936 0.185-0.259 0-0.492-0.037-0.677-0.111s-0.345-0.172-0.468-0.308c-0.123-0.136-0.209-0.296-0.271-0.468-0.062-0.185-0.086-0.382-0.086-0.591s0.025-0.406 0.086-0.591c0.049-0.185 0.135-0.345 0.246-0.48s0.259-0.246 0.431-0.32c0.172-0.086 0.382-0.123 0.616-0.123 0.197 0 0.382 0.037 0.529 0.111 0.111 0.049 0.234 0.135 0.357 0.271 0.049 0.049 0.172 0.234 0.209 0.406zM11.324 15.626h1.33c-0.012-0.172-0.049-0.32-0.123-0.443-0.111-0.172-0.271-0.271-0.517-0.271s-0.419 0.098-0.529 0.271c-0.086 0.111-0.123 0.259-0.16 0.443zM8.061 15.528c0 0 0.148 0.012 0.308 0.037v-0.074c0-0.246-0.049-0.369-0.148-0.443s-0.259-0.123-0.456-0.123c0 0-0.456 0-0.813 0.185-0.012 0.012-0.025 0.012-0.025 0.012s-0.049 0.012-0.062-0.025l-0.135-0.357c-0.025-0.049 0.012-0.074 0.012-0.074 0.172-0.135 0.566-0.209 0.566-0.209 0.135-0.025 0.357-0.049 0.492-0.049 0.369 0 0.653 0.086 0.85 0.258s0.296 0.443 0.296 0.825v1.699c0 0 0 0.049-0.037 0.061 0 0-0.074 0.025-0.135 0.037s-0.283 0.061-0.468 0.086c-0.185 0.037-0.369 0.049-0.566 0.049-0.185 0-0.345-0.012-0.492-0.049s-0.271-0.086-0.382-0.16c-0.098-0.074-0.185-0.172-0.246-0.296-0.062-0.111-0.086-0.259-0.086-0.419s0.037-0.308 0.098-0.431 0.16-0.222 0.271-0.308c0.111-0.086 0.246-0.136 0.382-0.185 0.148-0.037 0.295-0.062 0.456-0.062 0.148 0.012 0.246 0.012 0.32 0.012zM7.323 16.833c0 0 0.172 0.136 0.542 0.111 0.271-0.012 0.505-0.062 0.505-0.062v-0.849c0 0-0.234-0.037-0.505-0.037-0.382 0-0.542 0.135-0.542 0.135-0.111 0.074-0.16 0.197-0.16 0.357 0 0.099 0.025 0.185 0.062 0.246 0.012 0.025 0.025 0.049 0.098 0.099zM23.021 14.58c-0.012 0.049-0.111 0.308-0.135 0.394-0.012 0.037-0.037 0.049-0.074 0.049 0 0-0.111-0.025-0.209-0.025-0.061 0-0.16 0.012-0.246 0.037s-0.16 0.074-0.234 0.136c-0.074 0.062-0.123 0.16-0.16 0.271s-0.061 0.296-0.061 0.492v1.379c0 0.037-0.025 0.061-0.062 0.061h-0.492c-0.037 0-0.061-0.025-0.061-0.061v-2.77c0-0.037 0.025-0.062 0.049-0.062h0.48c0.037 0 0.049 0.025 0.049 0.062v0.222c0.074-0.098 0.197-0.185 0.308-0.234s0.246-0.086 0.48-0.074c0.123 0.012 0.283 0.037 0.308 0.049 0.049 0.012 0.074 0.025 0.061 0.074zM18.453 13.299c0.012 0 0.049 0.025 0.037 0.062l-0.148 0.394c-0.012 0.025-0.025 0.049-0.086 0.025-0.012 0-0.037-0.012-0.099-0.025-0.037-0.012-0.099-0.012-0.148-0.012-0.074 0-0.135 0.012-0.197 0.025s-0.111 0.049-0.16 0.098-0.099 0.111-0.136 0.197c-0.074 0.197-0.099 0.406-0.099 0.419h0.591c0.049 0 0.062 0.025 0.062 0.062l-0.074 0.382c-0.012 0.062-0.062 0.049-0.062 0.049h-0.616l-0.394 2.376c-0.049 0.246-0.099 0.456-0.16 0.628s-0.136 0.296-0.246 0.419c-0.099 0.111-0.209 0.197-0.345 0.234-0.123 0.049-0.283 0.074-0.456 0.074-0.086 0-0.172 0-0.271-0.025-0.074-0.012-0.111-0.025-0.172-0.049-0.025-0.012-0.037-0.037-0.025-0.074s0.123-0.332 0.136-0.382c0.025-0.049 0.062-0.025 0.062-0.025 0.037 0.012 0.062 0.025 0.098 0.037 0.049 0.012 0.098 0.012 0.148 0.012 0.086 0 0.16-0.012 0.222-0.037 0.074-0.025 0.123-0.074 0.172-0.135s0.086-0.148 0.136-0.259c0.037-0.111 0.074-0.271 0.111-0.456l0.419-2.327h-0.406c-0.049 0-0.062-0.025-0.062-0.062l0.074-0.382c0.012-0.062 0.062-0.049 0.062-0.049h0.419l0.025-0.123c0.061-0.369 0.185-0.652 0.369-0.837s0.456-0.283 0.788-0.283c0.099 0 0.185 0.012 0.259 0.025 0.049-0.012 0.111 0 0.172 0.025zM10.154 17.301c0 0.037-0.025 0.062-0.049 0.062h-0.492c-0.037 0-0.049-0.025-0.049-0.062v-3.952c0-0.025 0.025-0.062 0.049-0.062h0.492c0.037 0 0.049 0.025 0.049 0.062v3.952z" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("path", { fill: color, d: "M13.31 7.2c1.034-1.071 2.475-1.748 4.063-1.748 2.118 0 3.952 1.182 4.937 2.93 0.849-0.382 1.798-0.591 2.795-0.591 3.817 0 6.895 3.115 6.895 6.957s-3.090 6.957-6.895 6.957c-0.468 0-0.923-0.049-1.354-0.136-0.862 1.539-2.512 2.586-4.408 2.586-0.788 0-1.539-0.185-2.204-0.505-0.874 2.056-2.918 3.509-5.294 3.509-2.475 0-4.593-1.564-5.405-3.768-0.357 0.074-0.726 0.111-1.096 0.111-2.955 0-5.344-2.413-5.344-5.405 0-1.995 1.071-3.743 2.672-4.679-0.332-0.751-0.517-1.588-0.517-2.475-0.012-3.411 2.783-6.193 6.205-6.193 2.019 0 3.817 0.96 4.95 2.45z" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("path", { fill: color, d: "M18.991 3.635c1.461-1.513 3.496-2.47 5.739-2.47 2.991 0 5.583 1.67 6.974 4.139 1.2-0.539 2.539-0.835 3.948-0.835 5.391 0 9.739 4.4 9.739 9.826s-4.365 9.826-9.739 9.826c-0.661 0-1.304-0.070-1.913-0.191-1.217 2.174-3.548 3.652-6.226 3.652-1.113 0-2.174-0.261-3.113-0.713-1.235 2.904-4.122 4.957-7.478 4.957-3.496 0-6.487-2.209-7.635-5.322-0.504 0.104-1.026 0.157-1.548 0.157-4.174 0-7.548-3.409-7.548-7.635 0-2.817 1.513-5.287 3.774-6.609-0.47-1.061-0.73-2.243-0.73-3.496-0.017-4.817 3.93-8.748 8.765-8.748 2.852 0 5.391 1.357 6.991 3.461z" }),
         react_1.default.createElement("path", { fill: "#fff", d: "M6.73 16.591l0.191-0.504c0.035-0.087 0.087-0.052 0.122-0.035 0.052 0.035 0.087 0.052 0.157 0.104 0.539 0.348 1.043 0.348 1.2 0.348 0.4 0 0.661-0.209 0.661-0.504v-0.017c0-0.313-0.383-0.435-0.835-0.574l-0.104-0.035c-0.609-0.174-1.27-0.435-1.27-1.2v-0.017c0-0.73 0.591-1.252 1.443-1.252h0.087c0.504 0 0.974 0.139 1.322 0.365 0.035 0.017 0.070 0.052 0.052 0.104s-0.174 0.452-0.191 0.504c-0.035 0.087-0.122 0.035-0.122 0.035-0.313-0.174-0.783-0.296-1.183-0.296-0.365 0-0.591 0.191-0.591 0.452v0.017c0 0.296 0.4 0.435 0.852 0.574l0.087 0.017c0.609 0.191 1.252 0.452 1.252 1.2v0.017c0 0.8-0.574 1.287-1.496 1.287-0.452 0-0.887-0.070-1.357-0.313-0.087-0.052-0.174-0.087-0.261-0.157-0.017-0.035-0.052-0.052-0.017-0.122zM20.296 16.591l0.191-0.504c0.035-0.087 0.104-0.052 0.122-0.035 0.052 0.035 0.087 0.052 0.157 0.104 0.539 0.348 1.043 0.348 1.2 0.348 0.4 0 0.661-0.209 0.661-0.504v-0.017c0-0.313-0.383-0.435-0.835-0.574l-0.104-0.035c-0.609-0.174-1.27-0.435-1.27-1.2v-0.017c0-0.73 0.591-1.252 1.443-1.252h0.087c0.504 0 0.974 0.139 1.322 0.365 0.035 0.017 0.070 0.052 0.052 0.104s-0.174 0.452-0.191 0.504c-0.035 0.087-0.122 0.035-0.122 0.035-0.313-0.174-0.783-0.296-1.183-0.296-0.365 0-0.591 0.191-0.591 0.452v0.017c0 0.296 0.4 0.435 0.852 0.574l0.087 0.017c0.609 0.191 1.252 0.452 1.252 1.2v0.017c0 0.8-0.574 1.287-1.496 1.287-0.452 0-0.887-0.070-1.357-0.313-0.087-0.052-0.174-0.087-0.261-0.157 0-0.035-0.035-0.052-0.017-0.122zM30.348 14.209c0.070 0.261 0.122 0.539 0.122 0.835s-0.035 0.574-0.122 0.835c-0.070 0.261-0.191 0.487-0.348 0.678s-0.365 0.348-0.591 0.452c-0.243 0.104-0.522 0.157-0.835 0.157s-0.591-0.052-0.835-0.157c-0.243-0.104-0.435-0.261-0.591-0.452s-0.278-0.417-0.348-0.678c-0.070-0.261-0.122-0.539-0.122-0.835s0.035-0.574 0.122-0.835c0.070-0.261 0.191-0.487 0.348-0.678s0.365-0.348 0.591-0.452c0.243-0.104 0.522-0.174 0.835-0.174s0.591 0.052 0.835 0.174c0.243 0.104 0.435 0.261 0.591 0.452s0.278 0.417 0.348 0.678zM29.565 15.026c0-0.452-0.087-0.8-0.243-1.043s-0.417-0.365-0.748-0.365c-0.348 0-0.591 0.122-0.748 0.365s-0.243 0.591-0.243 1.043c0 0.452 0.087 0.8 0.243 1.061 0.157 0.243 0.4 0.365 0.748 0.365s0.591-0.122 0.748-0.365c0.174-0.243 0.243-0.609 0.243-1.061zM36.713 16.33l0.191 0.522c0.017 0.070-0.035 0.087-0.035 0.087-0.296 0.122-0.696 0.191-1.096 0.191-0.678 0-1.183-0.191-1.53-0.574s-0.522-0.904-0.522-1.548c0-0.296 0.035-0.574 0.122-0.835s0.209-0.487 0.383-0.678c0.174-0.191 0.383-0.348 0.626-0.452s0.539-0.174 0.87-0.174c0.226 0 0.417 0.017 0.574 0.035 0.174 0.035 0.417 0.087 0.522 0.139 0.017 0 0.070 0.035 0.052 0.087-0.070 0.209-0.122 0.348-0.191 0.522-0.035 0.087-0.087 0.052-0.087 0.052-0.261-0.087-0.504-0.122-0.817-0.122-0.383 0-0.678 0.122-0.852 0.383-0.191 0.243-0.296 0.574-0.296 1.026 0 0.487 0.122 0.835 0.33 1.061s0.504 0.33 0.887 0.33c0.157 0 0.296-0.017 0.417-0.035s0.243-0.052 0.365-0.104c-0.017 0.035 0.052 0.017 0.087 0.087zM40.661 14.052c0.174 0.591 0.087 1.096 0.070 1.13 0 0.070-0.070 0.070-0.070 0.070h-2.626c0.017 0.4 0.104 0.678 0.313 0.87 0.191 0.191 0.487 0.313 0.904 0.313 0.626 0 0.887-0.122 1.078-0.191 0 0 0.070-0.017 0.104 0.052l0.174 0.487c0.035 0.087 0 0.104-0.017 0.122-0.157 0.087-0.557 0.261-1.322 0.261-0.365 0-0.696-0.052-0.957-0.157s-0.487-0.243-0.661-0.435c-0.174-0.191-0.296-0.417-0.383-0.661-0.087-0.261-0.122-0.539-0.122-0.835s0.035-0.574 0.122-0.835c0.070-0.261 0.191-0.487 0.348-0.678s0.365-0.348 0.609-0.452c0.243-0.122 0.539-0.174 0.87-0.174 0.278 0 0.539 0.052 0.748 0.157 0.157 0.070 0.33 0.191 0.504 0.383 0.087 0.070 0.243 0.33 0.313 0.574zM38.052 14.609h1.861c-0.017-0.243-0.070-0.452-0.174-0.626-0.157-0.243-0.383-0.383-0.73-0.383s-0.591 0.139-0.748 0.383c-0.104 0.157-0.157 0.365-0.209 0.626zM19.67 14.052c0.174 0.591 0.087 1.096 0.087 1.13 0 0.070-0.070 0.070-0.070 0.070h-2.626c0.017 0.4 0.104 0.678 0.313 0.87 0.191 0.191 0.487 0.313 0.904 0.313 0.626 0 0.887-0.122 1.078-0.191 0 0 0.070-0.017 0.104 0.052l0.174 0.487c0.035 0.087 0 0.104-0.017 0.122-0.157 0.087-0.557 0.261-1.322 0.261-0.365 0-0.696-0.052-0.957-0.157s-0.487-0.243-0.661-0.435c-0.174-0.191-0.296-0.417-0.383-0.661-0.087-0.261-0.122-0.539-0.122-0.835s0.035-0.574 0.122-0.835c0.070-0.261 0.191-0.487 0.348-0.678s0.365-0.348 0.609-0.452c0.243-0.122 0.539-0.174 0.87-0.174 0.278 0 0.539 0.052 0.748 0.157 0.157 0.070 0.33 0.191 0.504 0.383 0.070 0.070 0.243 0.33 0.296 0.574zM17.061 14.609h1.878c-0.017-0.243-0.070-0.452-0.174-0.626-0.157-0.243-0.383-0.383-0.73-0.383s-0.591 0.139-0.748 0.383c-0.122 0.157-0.174 0.365-0.226 0.626zM12.452 14.47c0 0 0.209 0.017 0.435 0.052v-0.104c0-0.348-0.070-0.522-0.209-0.626s-0.365-0.174-0.643-0.174c0 0-0.643 0-1.148 0.261-0.017 0.017-0.035 0.017-0.035 0.017s-0.070 0.017-0.087-0.035l-0.191-0.504c-0.035-0.070 0.017-0.104 0.017-0.104 0.243-0.191 0.8-0.296 0.8-0.296 0.191-0.035 0.504-0.070 0.696-0.070 0.522 0 0.922 0.122 1.2 0.365s0.417 0.626 0.417 1.165v2.4c0 0 0 0.070-0.052 0.087 0 0-0.104 0.035-0.191 0.052s-0.4 0.087-0.661 0.122c-0.261 0.052-0.522 0.070-0.8 0.070-0.261 0-0.487-0.017-0.696-0.070s-0.383-0.122-0.539-0.226c-0.139-0.104-0.261-0.243-0.348-0.417-0.087-0.157-0.122-0.365-0.122-0.591s0.052-0.435 0.139-0.609c0.087-0.174 0.226-0.313 0.383-0.435s0.348-0.191 0.539-0.261c0.209-0.052 0.417-0.087 0.643-0.087 0.209 0.017 0.348 0.017 0.452 0.017zM11.409 16.313c0 0 0.243 0.191 0.765 0.157 0.383-0.017 0.713-0.087 0.713-0.087v-1.2c0 0-0.33-0.052-0.713-0.052-0.539 0-0.765 0.191-0.765 0.191-0.157 0.104-0.226 0.278-0.226 0.504 0 0.139 0.035 0.261 0.087 0.348 0.017 0.035 0.035 0.070 0.139 0.139zM33.583 13.13c-0.017 0.070-0.157 0.435-0.191 0.557-0.017 0.052-0.052 0.070-0.104 0.070 0 0-0.157-0.035-0.296-0.035-0.087 0-0.226 0.017-0.348 0.052s-0.226 0.104-0.33 0.191c-0.104 0.087-0.174 0.226-0.226 0.383s-0.087 0.417-0.087 0.696v1.948c0 0.052-0.035 0.087-0.087 0.087h-0.696c-0.052 0-0.087-0.035-0.087-0.087v-3.913c0-0.052 0.035-0.087 0.070-0.087h0.678c0.052 0 0.070 0.035 0.070 0.087v0.313c0.104-0.139 0.278-0.261 0.435-0.33s0.348-0.122 0.678-0.104c0.174 0.017 0.4 0.052 0.435 0.070 0.070 0.017 0.104 0.035 0.087 0.104zM27.13 11.322c0.017 0 0.070 0.035 0.052 0.087l-0.209 0.557c-0.017 0.035-0.035 0.070-0.122 0.035-0.017 0-0.052-0.017-0.139-0.035-0.052-0.017-0.139-0.017-0.209-0.017-0.104 0-0.191 0.017-0.278 0.035s-0.157 0.070-0.226 0.139c-0.070 0.070-0.139 0.157-0.191 0.278-0.104 0.278-0.139 0.574-0.139 0.591h0.835c0.070 0 0.087 0.035 0.087 0.087l-0.104 0.539c-0.017 0.087-0.087 0.070-0.087 0.070h-0.87l-0.557 3.357c-0.070 0.348-0.139 0.643-0.226 0.887s-0.191 0.417-0.348 0.591c-0.139 0.157-0.296 0.278-0.487 0.33-0.174 0.070-0.4 0.104-0.643 0.104-0.122 0-0.243 0-0.383-0.035-0.104-0.017-0.157-0.035-0.243-0.070-0.035-0.017-0.052-0.052-0.035-0.104s0.174-0.47 0.191-0.539c0.035-0.070 0.087-0.035 0.087-0.035 0.052 0.017 0.087 0.035 0.139 0.052 0.070 0.017 0.139 0.017 0.209 0.017 0.122 0 0.226-0.017 0.313-0.052 0.104-0.035 0.174-0.104 0.243-0.191s0.122-0.209 0.191-0.365c0.052-0.157 0.104-0.383 0.157-0.643l0.591-3.287h-0.574c-0.070 0-0.087-0.035-0.087-0.087l0.104-0.539c0.017-0.087 0.087-0.070 0.087-0.070h0.591l0.035-0.174c0.087-0.522 0.261-0.922 0.522-1.183s0.643-0.4 1.113-0.4c0.139 0 0.261 0.017 0.365 0.035 0.070-0.017 0.157 0 0.243 0.035zM15.409 16.974c0 0.052-0.035 0.087-0.070 0.087h-0.696c-0.052 0-0.070-0.035-0.070-0.087v-5.583c0-0.035 0.035-0.087 0.070-0.087h0.696c0.052 0 0.070 0.035 0.070 0.087v5.583z" })));
     return (react_1.default.createElement(wrapper_1.IntegrationLogoSvgWrapper, { viewBox: viewBox, ...rest },

package/src/components/Icon/Icon.tsx

@@ -77,6 +77,7 @@ import { faCopy } from "@fortawesome/free-solid-svg-icons/faCopy";
 import { faCrosshairs } from "@fortawesome/free-solid-svg-icons/faCrosshairs";
 import { faCrown } from "@fortawesome/free-solid-svg-icons/faCrown";
 import { faDoorClosed } from "@fortawesome/free-solid-svg-icons/faDoorClosed";
+import { faDoorOpen } from "@fortawesome/free-solid-svg-icons/faDoorOpen";
 import { faDungeon } from "@fortawesome/free-solid-svg-icons/faDungeon";
 import { faEdit } from "@fortawesome/free-solid-svg-icons/faEdit";
 import { faEllipsisH } from "@fortawesome/free-solid-svg-icons/faEllipsisH";
@@ -213,6 +214,7 @@ import {
   ArrowToRight,
   BadgeCheck,
   BrandConfluenceIcon,
+  BrandMicrosoftTeams,
   CommentAltCheck,
   ConveyorLogoIcon,
   DialogCheck,
@@ -299,6 +301,7 @@ library.add(
   faCrosshairs,
   faCrown,
   faDoorClosed,
+  faDoorOpen,
   faDungeon,
   faEdit,
   faEllipsisH,
@@ -443,6 +446,7 @@ export enum CUSTOM_ICON_TYPE {
   ARROW_TO_RIGHT = "arrow-to-right",
   BADGE_CHECK = "badge-check",
   BRAND_CONFLUENCE = "brand-confluence",
+  BRAND_MICROSOFT_TEAMS = "brand-microsoft-teams",
   COMMENT_ALT_CHECK = "comment-alt-check",
   CONVEYOR_LOGO = "conveyor-logo",
   DIALOG_CHECK = "dialog-check",
@@ -468,6 +472,7 @@ const CustomIcons: CustomIconPaths = {
   [CUSTOM_ICON_TYPE.ARROW_TO_RIGHT]: ArrowToRight,
   [CUSTOM_ICON_TYPE.BADGE_CHECK]: BadgeCheck,
   [CUSTOM_ICON_TYPE.BRAND_CONFLUENCE]: BrandConfluenceIcon,
+  [CUSTOM_ICON_TYPE.BRAND_MICROSOFT_TEAMS]: BrandMicrosoftTeams,
   [CUSTOM_ICON_TYPE.COMMENT_ALT_CHECK]: CommentAltCheck,
   [CUSTOM_ICON_TYPE.CONVEYOR_LOGO]: ConveyorLogoIcon,
   [CUSTOM_ICON_TYPE.DIALOG_CHECK]: DialogCheck,
@@ -541,6 +546,7 @@ export enum ICON_TYPE {
   CROWN = "crown",
   COPY = "copy",
   DOOR_CLOSED = "door-closed",
+  DOOR_OPEN = "door-open",
   DUNGEON = "dungeon",
   EDIT = "edit",
   ELLIPSIS_H = "ellipsis-h",

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { Svg, SvgProps } from "../../Svg";
+
+export const BrandMicrosoftTeams = (props: SvgProps) => {
+  return (
+    <Svg width="32" height="32" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        fill="currentColor"
+        d="M 12.5 2 A 3 3 0 0 0 9.7089844 6.09375 C 9.4804148 6.0378189 9.2455412 6 9 6 L 4 6 C 2.346 6 1 7.346 1 9 L 1 14 C 1 15.654 2.346 17 4 17 L 9 17 C 10.654 17 12 15.654 12 14 L 12 9 C 12 8.6159715 11.921192 8.2518913 11.789062 7.9140625 A 3 3 0 0 0 12.5 8 A 3 3 0 0 0 12.5 2 z M 19 4 A 2 2 0 0 0 19 8 A 2 2 0 0 0 19 4 z M 4 9 L 6 9 L 7 9 L 9 9 L 9 10 L 7 10 L 7 14 L 6 14 L 6 10 L 4 10 L 4 9 z M 14 9 L 14 14 C 14 16.76 11.76 19 9 19 L 7.609375 19 C 8.519375 20.78 10.37 22 12.5 22 C 15.24 22 17.529453 20.040312 17.939453 17.320312 C 17.979453 17.050312 18 16.78 18 16.5 L 18 10 C 18 9.45 17.55 9 17 9 L 14 9 z M 19.820312 9 C 19.940312 9.31 20 9.65 20 10 L 20 16.5 C 20 16.88 19.969922 17.239375 19.919922 17.609375 C 19.849922 18.069375 19.739844 18.519219 19.589844 18.949219 C 21.519844 18.669219 23 17.01 23 15 L 23 10 C 23 9.45 22.55 9 22 9 L 19.820312 9 z"
+      />
+    </Svg>
+  );
+};

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

@@ -3,6 +3,7 @@ export * from "./ArrowToLeft";
 export * from "./ArrowToRight";
 export * from "./BadgeCheck";
 export * from "./BrandConfluenceIcon";
+export * from "./BrandMicrosoftTeams";
 export * from "./CommentAltCheck";
 export * from "./ConveyorLogoIcon";
 export * from "./DialogCheck";

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

@@ -1,43 +1,22 @@
-import { Story, Canvas, Props, Meta } from "@storybook/blocks";
-import { ComponentStatus, COMPONENT_STATUS } from "../../storybook-components";
+import {
+  Meta,
+  Canvas,
+  ArgsTable,
+  Story,
+  SourceState,
+} from "@storybook/blocks";
+import { ComponentHeading } from "../../storybook-components";
 import { Flex } from "../Flex";
 import { Table } from "../Table";
 import { IntegrationLogo } from "./IntegrationLogo";
 
-<Meta
-  title="Deprecated/Components/Move to app/Integration Logo"
-  component={IntegrationLogo}
-/>
-
-# Integration logo
-
-<ComponentStatus status={COMPONENT_STATUS.DEPRECATED} />
-
-A specific component to display the logo of a supported integration. This is
-separate from VendorLogo because we need more control over the logo and its
-size for rendering within the UI.
-
-Each logo's size has been set to match it's current use case within the Comply
-app (24 px tall), so in most cases, you shouldn't need to resize it. However,
-the size can be changed by applying styles via `className` or `style`.
-
-## Sizing
-
-### With `size` prop
-
-The easiest way to style `IntegrationLogo` is to use the `size` prop. This
-prop defines the height of the icon (as well as the width if you are using the
-`square` prop).
-
-### With CSS
-
-When styling the `height` property via CSS, the `width` will be calculated
-automatically. When styling the `width`, however, the `height` will need to be
-set to `auto` to be calculated automatically.
+<Meta title="Components/Logos/Integration Logo" component={IntegrationLogo} />
 
-```jsx
-import { IntegrationLogo } from "@conveyorhq/arrow-ds";
-```
+<ComponentHeading
+  componentName="Integration Logo"
+  description="A specific component to display the logo of a supported integration. This is separate from VendorLogo because we need more control over the logo and its size for rendering within the UI."
+  sourcePath="src/components/IntegrationLogo/IntegrationLogo.tsx"
+/>
 
 export const logos = [
   "addigy",
@@ -55,6 +34,7 @@ export const logos = [
   "jamf",
   "jira",
   "jumpcloud",
+  "microsoft-teams",
   "okta",
   "onelogin",
   "service_now",
@@ -64,8 +44,22 @@ export const logos = [
   "[ no match ]",
 ];
 
-<Canvas>
-  <Story name="Integration logo">
+## Installation
+
+```jsx
+import { IntegrationLogo } from "@conveyorhq/arrow-ds";
+```
+
+## Basic usage
+
+<Canvas withSource={SourceState.OPEN}>
+  <Story name="IntegrationLogo">
+    <IntegrationLogo logo="conveyor" />
+  </Story>
+</Canvas>
+
+<Canvas withSource={SourceState.OPEN}>
+  <Story name="IntegrationLogoTable">
     <div>
       <Table>
         <Table.Head>
@@ -93,24 +87,18 @@ export const logos = [
   </Story>
 </Canvas>
 
-## `IntegrationLogo` Custom Props
+## API
 
 These are the custom props that extend `React.SVGAttributes<SVGElement>`.
 
-<Props of={IntegrationLogo} />
+<ArgsTable of={IntegrationLogo} />
 
 ## Demos
 
-### Simple Use case
-
-<Canvas>
-  <Story name="IntegrationLogo Simple">
-    <IntegrationLogo logo="gsuite" />
-  </Story>
-</Canvas>
-
 ### Square logo
 
+In some cases, the square logo version will render a different version of the logo.
+
 <Canvas>
   <Story name="Square logo">
     <IntegrationLogo logo="okta" square />
@@ -119,6 +107,10 @@ These are the custom props that extend `React.SVGAttributes<SVGElement>`.
 
 ### Size
 
+Each logo's size has been set to match it's current use case within the Comply
+app (24 px tall), so in most cases, you shouldn't need to resize it. However,
+the size can be changed by applying styles via `className` or `style`.
+
 <Canvas>
   <Story name="Size">
     <div>
@@ -136,20 +128,51 @@ These are the custom props that extend `React.SVGAttributes<SVGElement>`.
   </Story>
 </Canvas>
 
+### Sizing
+
+#### With `size` prop
+
+The easiest way to style `IntegrationLogo` is to use the `size` prop. This
+prop defines the height of the icon (as well as the width if you are using the
+`square` prop).
+
+<Canvas withSource={SourceState.OPEN}>
+  <Story name="Size with prop">
+    <IntegrationLogo logo="conveyor" size={72} />
+  </Story>
+</Canvas>
+
+#### With CSS
+
+When styling the `height` property via CSS, the `width` will be calculated
+automatically. When styling the `width`, however, the `height` will need to be
+set to `auto` to be calculated automatically.
+
+<Canvas withSource={SourceState.OPEN}>
+  <Story name="Size with CSS">
+    <IntegrationLogo
+      logo="conveyor"
+      style={{ width: "72px", height: "auto" }}
+    />
+  </Story>
+</Canvas>
+
 ### Okta logo with container
 
 <Canvas>
   <Story name="Okta logo with container">
-    <Flex
-      className="rounded w-12 h-12 items-center justify-center"
-      style={{ backgroundColor: "#0a7ec2" }}
-    >
-      <IntegrationLogo
-        logo="okta"
-        color="white"
-        style={{ width: "42px", height: "auto" }}
-      />
-    </Flex>
+    <div style={{ width: 48, height: 48 }}>
+      <Flex
+        className="rounded w-full h-full items-center justify-center"
+        style={{ backgroundColor: "#0a7ec2" }}
+      >
+        <IntegrationLogo
+          logo="okta"
+          color="white"
+          style={{ width: "42px", height: "auto" }}
+        />
+      </Flex>
+    </div>
   </Story>
 </Canvas>
 
@@ -157,11 +180,13 @@ These are the custom props that extend `React.SVGAttributes<SVGElement>`.
 
 <Canvas>
   <Story name="Jamf logo with container">
-    <Flex
-      className="rounded w-12 h-12 items-center justify-center"
-      style={{ backgroundColor: "#434a54" }}
-    >
-      <IntegrationLogo logo="jamf" size={32} square />
-    </Flex>
+    <div style={{ width: 48, height: 48 }}>
+      <Flex
+        className="rounded w-full h-full items-center justify-center"
+        style={{ backgroundColor: "#434a54" }}
+      >
+        <IntegrationLogo logo="jamf" size={32} square />
+      </Flex>
+    </div>
   </Story>
 </Canvas>

package/src/components/IntegrationLogo/IntegrationLogo.tsx

@@ -18,6 +18,7 @@ export const integrationLogoNames = [
   "jamf",
   "jira",
   "jumpcloud",
+  "microsoft-teams",
   "okta",
   "onelogin",
   "service_now",
@@ -47,9 +48,6 @@ export interface IntegrationLogoProps extends SvgProps {
   size?: number;
 }
 
-/**
- * @deprecated
- */
 export const IntegrationLogo = ({
   logo,
   size = 24,

package/src/components/IntegrationLogo/IntegrationLogoSvg.tsx

@@ -18,6 +18,7 @@ import {
   JamfSvg,
   JiraSvg,
   JumpcloudSvg,
+  MicrosoftTeamsSvg,
   OktaSvg,
   OneLoginSvg,
   ServiceNowSvg,
@@ -65,6 +66,8 @@ const IntegrationLogoSvg = ({ logo, ...rest }: IntegrationLogoSvgProps) => {
       return <JiraSvg {...rest} />;
     case "jumpcloud":
       return <JumpcloudSvg {...rest} />;
+    case "microsoft-teams":
+      return <MicrosoftTeamsSvg {...rest} />;
     case "okta":
       return <OktaSvg {...rest} />;
     case "onelogin":

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

@@ -14,6 +14,7 @@ export { GsuiteSvg } from "./gsuite";
 export { JamfSvg } from "./jamf";
 export { JiraSvg } from "./jira";
 export { JumpcloudSvg } from "./jumpcloud";
+export { MicrosoftTeamsSvg } from "./microsoft-teams";
 export { OktaSvg } from "./okta";
 export { OneLoginSvg } from "./onelogin";
 export { ServiceNowSvg } from "./servicenow";

package/src/components/IntegrationLogo/svg/jira.tsx

@@ -2,42 +2,44 @@ import React from "react";
 import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
 
 export const JiraSvg = ({ color, square, ...rest }: SvgLogoProps) => (
-  <IntegrationLogoSvgWrapper viewBox="0 0 32 32" {...rest}>
+  <IntegrationLogoSvgWrapper viewBox="0 0 16 16" {...rest}>
     <title>Jira integration logo</title>
-    <path
-      d="M31.1047 15.1045L17.3349 1.33474L16.0001 0L5.63475 10.3654L0.895579 15.1045C0.658281 15.3421 0.524994 15.6642 0.524994 16C0.524994 16.3358 0.658281 16.6579 0.895579 16.8955L10.3655 26.3654L16.0001 32L26.3655 21.6346L26.526 21.4741L31.1047 16.8955C31.342 16.6579 31.4752 16.3358 31.4752 16C31.4752 15.6642 31.342 15.3421 31.1047 15.1045V15.1045ZM16.0001 20.7307L11.2694 16L16.0001 11.2693L20.7308 16L16.0001 20.7307Z"
-      fill={color || "#2684ff"}
-    />
-    <path
-      d="M16.0001 11.2693C14.5122 9.78121 13.6736 7.7649 13.6672 5.6606C13.6609 3.55631 14.4874 1.53499 15.9663 0.0380096L5.61362 10.3865L11.2483 16.0211L16.0001 11.2693Z"
-      fill={color || "url(#jira_paint0_linear)"}
-    />
-    <path
-      d="M20.7435 15.9873L16.0001 20.7307C16.7404 21.4705 17.3276 22.3489 17.7282 23.3157C18.1288 24.2825 18.335 25.3188 18.335 26.3654C18.335 27.4119 18.1288 28.4482 17.7282 29.415C17.3276 30.3818 16.7404 31.2602 16.0001 32V32L26.3782 21.622L20.7435 15.9873Z"
-      fill={color || "url(#jira_paint1_linear)"}
-    />
+    <g>
+      <path
+        d="M15.3309 0H7.62695C7.62695 0.922335 7.99335 1.80689 8.64554 2.45908C9.29773 3.11127 10.1823 3.47767 11.1046 3.47767H12.5238V4.84788C12.525 6.7668 14.0803 8.3221 15.9992 8.32336V0.668315C15.9992 0.299319 15.7001 0 15.3309 0Z"
+        fill="#2684FF"
+      />
+      <path
+        d="M11.5183 3.83984H3.81445C3.81564 5.75876 5.37089 7.31407 7.28987 7.31532H8.70902V8.68992C8.71146 10.6088 10.2678 12.1631 12.1867 12.1631V4.50828C12.1867 4.13916 11.8874 3.83984 11.5183 3.83984Z"
+        fill="url(#paint0_linear_729_4228)"
+      />
+      <path
+        d="M7.70392 7.67578H0C0 9.59645 1.55706 11.1534 3.47767 11.1534H4.90127V12.5236C4.90252 14.4408 6.45507 15.9954 8.37229 15.999V8.34416C8.37229 7.97504 8.07304 7.67578 7.70392 7.67578Z"
+        fill="url(#paint1_linear_729_4228)"
+      />
+    </g>
     <defs>
       <linearGradient
-        id="jira_paint0_linear"
-        x1="15.1553"
-        y1="6.48363"
-        x2="8.5492"
-        y2="13.0897"
+        id="paint0_linear_729_4228"
+        x1="2099.36"
+        y1="7.67182"
+        x2="1268.26"
+        y2="978.928"
         gradientUnits="userSpaceOnUse"
       >
-        <stop offset="0.18" stopColor="#0052cc" />
-        <stop offset="1" stopColor="#2684ff" />
+        <stop offset="0.18" stopColor="#0052CC" />
+        <stop offset="1" stopColor="#2684FF" />
       </linearGradient>
       <linearGradient
-        id="jira_paint1_linear"
-        x1="418.46"
-        y1="981.231"
-        x2="646.623"
-        y2="833.356"
+        id="paint1_linear_729_4228"
+        x1="2151.86"
+        y1="18.5052"
+        x2="1190.5"
+        y2="1077.84"
         gradientUnits="userSpaceOnUse"
       >
-        <stop offset="0.18" stopColor="#0052cc" />
-        <stop offset="1" stopColor="#2684ff" />
+        <stop offset="0.18" stopColor="#0052CC" />
+        <stop offset="1" stopColor="#2684FF" />
       </linearGradient>
     </defs>
   </IntegrationLogoSvgWrapper>

package/src/components/IntegrationLogo/svg/microsoft-teams.tsx

@@ -0,0 +1,78 @@
+import React from "react";
+import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
+
+export const MicrosoftTeamsSvg = ({ color, square, ...rest }: SvgLogoProps) => {
+  return (
+    <IntegrationLogoSvgWrapper viewBox="0 0 2228.833 2073.333" {...rest}>
+      <title>Microsoft Teams integration logo</title>
+      <path
+        fill={color || "#5059c9"}
+        d="M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398	c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971	C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z"
+      />
+      <circle fill={color || "#5059c9"} cx="1943.75" cy="440.583" r="233.25" />
+      <circle
+        fill={color || "#7b83eb"}
+        cx="1218.083"
+        cy="336.917"
+        r="336.917"
+      />
+      <path
+        fill={color || "#7b83eb"}
+        d="M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105	c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176	C1763.579,823.431,1721.066,778.83,1667.323,777.5z"
+      />
+      <path
+        opacity=".1"
+        d="M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598	c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833	c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z"
+      />
+      <path
+        opacity=".2"
+        d="M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765	c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833	c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02	c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z"
+      />
+      <path
+        opacity=".2"
+        d="M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84	c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z"
+      />
+      <path
+        opacity=".2"
+        d="M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472	c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z"
+      />
+      <path
+        opacity=".1"
+        d="M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037	c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003	c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z"
+      />
+      <path
+        opacity=".2"
+        d="M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293	c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z"
+      />
+      <path
+        opacity=".2"
+        d="M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293	c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z"
+      />
+      <path
+        opacity=".2"
+        d="M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003	h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z"
+      />
+      <linearGradient
+        id="a"
+        gradientUnits="userSpaceOnUse"
+        x1="198.099"
+        y1="1683.0726"
+        x2="942.2344"
+        y2="394.2607"
+        gradientTransform="matrix(1 0 0 -1 0 2075.3333)"
+      >
+        <stop offset="0" stopColor="#5a62c3" />
+        <stop offset=".5" stopColor="#4d55bd" />
+        <stop offset="1" stopColor="#3940ab" />
+      </linearGradient>
+      <path
+        fill={color || "url(#a)"}
+        d="M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01	H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z"
+      />
+      <path
+        fill="#fff"
+        d="M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z"
+      />
+    </IntegrationLogoSvgWrapper>
+  );
+};

package/src/components/IntegrationLogo/svg/salesforce.tsx

@@ -13,10 +13,6 @@ export const SalesforceSvg = ({
         fill={color}
         d="M13.31 7.2c1.034-1.071 2.475-1.748 4.063-1.748 2.118 0 3.952 1.182 4.937 2.93 0.849-0.382 1.798-0.591 2.795-0.591 3.817 0 6.895 3.115 6.895 6.957s-3.090 6.957-6.895 6.957c-0.468 0-0.923-0.049-1.354-0.136-0.862 1.539-2.512 2.586-4.408 2.586-0.788 0-1.539-0.185-2.204-0.505-0.874 2.056-2.918 3.509-5.294 3.509-2.475 0-4.593-1.564-5.405-3.768-0.357 0.074-0.726 0.111-1.096 0.111-2.955 0-5.344-2.413-5.344-5.405 0-1.995 1.071-3.743 2.672-4.679-0.332-0.751-0.517-1.588-0.517-2.475-0.012-3.411 2.783-6.193 6.205-6.193 2.019 0 3.817 0.96 4.95 2.45z"
       />
-      <path
-        fill="#fff"
-        d="M4.011 17.030l0.135-0.357c0.025-0.062 0.062-0.037 0.086-0.025 0.037 0.025 0.062 0.037 0.111 0.074 0.382 0.246 0.739 0.246 0.85 0.246 0.283 0 0.468-0.148 0.468-0.357v-0.012c0-0.222-0.271-0.308-0.591-0.406l-0.074-0.025c-0.431-0.123-0.899-0.308-0.899-0.85v-0.012c0-0.517 0.419-0.886 1.022-0.886h0.062c0.357 0 0.689 0.098 0.936 0.259 0.025 0.012 0.049 0.037 0.037 0.074s-0.123 0.32-0.135 0.357c-0.025 0.062-0.086 0.025-0.086 0.025-0.222-0.123-0.554-0.209-0.837-0.209-0.259 0-0.419 0.135-0.419 0.32v0.012c0 0.209 0.283 0.308 0.603 0.406l0.062 0.012c0.431 0.136 0.886 0.32 0.886 0.85v0.012c0 0.566-0.406 0.911-1.059 0.911-0.32 0-0.628-0.049-0.96-0.222-0.062-0.037-0.123-0.061-0.185-0.111-0.012-0.025-0.037-0.037-0.012-0.086zM13.614 17.030l0.135-0.357c0.025-0.062 0.074-0.037 0.086-0.025 0.037 0.025 0.062 0.037 0.111 0.074 0.382 0.246 0.739 0.246 0.85 0.246 0.283 0 0.468-0.148 0.468-0.357v-0.012c0-0.222-0.271-0.308-0.591-0.406l-0.074-0.025c-0.431-0.123-0.899-0.308-0.899-0.85v-0.012c0-0.517 0.419-0.886 1.022-0.886h0.062c0.357 0 0.69 0.098 0.936 0.259 0.025 0.012 0.049 0.037 0.037 0.074s-0.123 0.32-0.136 0.357c-0.025 0.062-0.086 0.025-0.086 0.025-0.222-0.123-0.554-0.209-0.837-0.209-0.259 0-0.419 0.135-0.419 0.32v0.012c0 0.209 0.283 0.308 0.603 0.406l0.062 0.012c0.431 0.136 0.886 0.32 0.886 0.85v0.012c0 0.566-0.406 0.911-1.059 0.911-0.32 0-0.628-0.049-0.96-0.222-0.062-0.037-0.123-0.061-0.185-0.111 0-0.025-0.025-0.037-0.012-0.086zM20.731 15.343c0.049 0.185 0.086 0.382 0.086 0.591s-0.025 0.406-0.086 0.591c-0.049 0.185-0.136 0.345-0.246 0.48s-0.259 0.246-0.419 0.32c-0.172 0.074-0.369 0.111-0.591 0.111s-0.419-0.037-0.591-0.111c-0.172-0.074-0.308-0.185-0.419-0.32s-0.197-0.296-0.246-0.48c-0.049-0.185-0.086-0.382-0.086-0.591s0.025-0.406 0.086-0.591c0.049-0.185 0.135-0.345 0.246-0.48s0.259-0.246 0.419-0.32c0.172-0.074 0.369-0.123 0.591-0.123s0.419 0.037 0.591 0.123c0.172 0.074 0.308 0.185 0.419 0.32s0.197 0.296 0.246 0.48zM20.177 15.922c0-0.32-0.061-0.566-0.172-0.739s-0.296-0.258-0.529-0.258c-0.246 0-0.419 0.086-0.529 0.258s-0.172 0.419-0.172 0.739 0.062 0.566 0.172 0.751c0.111 0.172 0.283 0.259 0.529 0.259s0.419-0.086 0.529-0.259c0.123-0.172 0.172-0.431 0.172-0.751zM25.237 16.845l0.136 0.369c0.012 0.049-0.025 0.061-0.025 0.061-0.209 0.086-0.492 0.136-0.776 0.136-0.48 0-0.837-0.136-1.084-0.406s-0.369-0.64-0.369-1.096c0-0.209 0.025-0.406 0.086-0.591s0.148-0.345 0.271-0.48c0.123-0.135 0.271-0.246 0.443-0.32s0.382-0.123 0.616-0.123c0.16 0 0.296 0.012 0.406 0.025 0.123 0.025 0.296 0.062 0.369 0.098 0.012 0 0.049 0.025 0.037 0.062-0.049 0.148-0.086 0.246-0.136 0.369-0.025 0.062-0.061 0.037-0.061 0.037-0.185-0.062-0.357-0.086-0.579-0.086-0.271 0-0.48 0.086-0.603 0.271-0.136 0.172-0.209 0.406-0.209 0.726 0 0.345 0.086 0.591 0.234 0.751s0.357 0.234 0.628 0.234c0.111 0 0.209-0.012 0.296-0.025s0.172-0.037 0.259-0.074c-0.012 0.025 0.037 0.012 0.061 0.062zM28.032 15.232c0.123 0.419 0.061 0.776 0.049 0.8 0 0.049-0.049 0.049-0.049 0.049h-1.859c0.012 0.283 0.074 0.48 0.222 0.616 0.136 0.135 0.345 0.222 0.64 0.222 0.443 0 0.628-0.086 0.763-0.136 0 0 0.049-0.012 0.074 0.037l0.123 0.345c0.025 0.061 0 0.074-0.012 0.086-0.111 0.062-0.394 0.185-0.936 0.185-0.259 0-0.492-0.037-0.677-0.111s-0.345-0.172-0.468-0.308c-0.123-0.136-0.209-0.296-0.271-0.468-0.061-0.185-0.086-0.382-0.086-0.591s0.025-0.406 0.086-0.591c0.049-0.185 0.136-0.345 0.246-0.48s0.259-0.246 0.431-0.32c0.172-0.086 0.382-0.123 0.616-0.123 0.197 0 0.382 0.037 0.529 0.111 0.111 0.049 0.234 0.135 0.357 0.271 0.061 0.049 0.172 0.234 0.222 0.406zM26.185 15.626h1.317c-0.012-0.172-0.049-0.32-0.123-0.443-0.111-0.172-0.271-0.271-0.517-0.271s-0.419 0.098-0.529 0.271c-0.074 0.111-0.111 0.259-0.148 0.443zM13.171 15.232c0.123 0.419 0.062 0.776 0.062 0.8 0 0.049-0.049 0.049-0.049 0.049h-1.859c0.012 0.283 0.074 0.48 0.222 0.616 0.135 0.135 0.345 0.222 0.64 0.222 0.443 0 0.628-0.086 0.763-0.136 0 0 0.049-0.012 0.074 0.037l0.123 0.345c0.025 0.061 0 0.074-0.012 0.086-0.111 0.062-0.394 0.185-0.936 0.185-0.259 0-0.492-0.037-0.677-0.111s-0.345-0.172-0.468-0.308c-0.123-0.136-0.209-0.296-0.271-0.468-0.062-0.185-0.086-0.382-0.086-0.591s0.025-0.406 0.086-0.591c0.049-0.185 0.135-0.345 0.246-0.48s0.259-0.246 0.431-0.32c0.172-0.086 0.382-0.123 0.616-0.123 0.197 0 0.382 0.037 0.529 0.111 0.111 0.049 0.234 0.135 0.357 0.271 0.049 0.049 0.172 0.234 0.209 0.406zM11.324 15.626h1.33c-0.012-0.172-0.049-0.32-0.123-0.443-0.111-0.172-0.271-0.271-0.517-0.271s-0.419 0.098-0.529 0.271c-0.086 0.111-0.123 0.259-0.16 0.443zM8.061 15.528c0 0 0.148 0.012 0.308 0.037v-0.074c0-0.246-0.049-0.369-0.148-0.443s-0.259-0.123-0.456-0.123c0 0-0.456 0-0.813 0.185-0.012 0.012-0.025 0.012-0.025 0.012s-0.049 0.012-0.062-0.025l-0.135-0.357c-0.025-0.049 0.012-0.074 0.012-0.074 0.172-0.135 0.566-0.209 0.566-0.209 0.135-0.025 0.357-0.049 0.492-0.049 0.369 0 0.653 0.086 0.85 0.258s0.296 0.443 0.296 0.825v1.699c0 0 0 0.049-0.037 0.061 0 0-0.074 0.025-0.135 0.037s-0.283 0.061-0.468 0.086c-0.185 0.037-0.369 0.049-0.566 0.049-0.185 0-0.345-0.012-0.492-0.049s-0.271-0.086-0.382-0.16c-0.098-0.074-0.185-0.172-0.246-0.296-0.062-0.111-0.086-0.259-0.086-0.419s0.037-0.308 0.098-0.431 0.16-0.222 0.271-0.308c0.111-0.086 0.246-0.136 0.382-0.185 0.148-0.037 0.295-0.062 0.456-0.062 0.148 0.012 0.246 0.012 0.32 0.012zM7.323 16.833c0 0 0.172 0.136 0.542 0.111 0.271-0.012 0.505-0.062 0.505-0.062v-0.849c0 0-0.234-0.037-0.505-0.037-0.382 0-0.542 0.135-0.542 0.135-0.111 0.074-0.16 0.197-0.16 0.357 0 0.099 0.025 0.185 0.062 0.246 0.012 0.025 0.025 0.049 0.098 0.099zM23.021 14.58c-0.012 0.049-0.111 0.308-0.135 0.394-0.012 0.037-0.037 0.049-0.074 0.049 0 0-0.111-0.025-0.209-0.025-0.061 0-0.16 0.012-0.246 0.037s-0.16 0.074-0.234 0.136c-0.074 0.062-0.123 0.16-0.16 0.271s-0.061 0.296-0.061 0.492v1.379c0 0.037-0.025 0.061-0.062 0.061h-0.492c-0.037 0-0.061-0.025-0.061-0.061v-2.77c0-0.037 0.025-0.062 0.049-0.062h0.48c0.037 0 0.049 0.025 0.049 0.062v0.222c0.074-0.098 0.197-0.185 0.308-0.234s0.246-0.086 0.48-0.074c0.123 0.012 0.283 0.037 0.308 0.049 0.049 0.012 0.074 0.025 0.061 0.074zM18.453 13.299c0.012 0 0.049 0.025 0.037 0.062l-0.148 0.394c-0.012 0.025-0.025 0.049-0.086 0.025-0.012 0-0.037-0.012-0.099-0.025-0.037-0.012-0.099-0.012-0.148-0.012-0.074 0-0.135 0.012-0.197 0.025s-0.111 0.049-0.16 0.098-0.099 0.111-0.136 0.197c-0.074 0.197-0.099 0.406-0.099 0.419h0.591c0.049 0 0.062 0.025 0.062 0.062l-0.074 0.382c-0.012 0.062-0.062 0.049-0.062 0.049h-0.616l-0.394 2.376c-0.049 0.246-0.099 0.456-0.16 0.628s-0.136 0.296-0.246 0.419c-0.099 0.111-0.209 0.197-0.345 0.234-0.123 0.049-0.283 0.074-0.456 0.074-0.086 0-0.172 0-0.271-0.025-0.074-0.012-0.111-0.025-0.172-0.049-0.025-0.012-0.037-0.037-0.025-0.074s0.123-0.332 0.136-0.382c0.025-0.049 0.062-0.025 0.062-0.025 0.037 0.012 0.062 0.025 0.098 0.037 0.049 0.012 0.098 0.012 0.148 0.012 0.086 0 0.16-0.012 0.222-0.037 0.074-0.025 0.123-0.074 0.172-0.135s0.086-0.148 0.136-0.259c0.037-0.111 0.074-0.271 0.111-0.456l0.419-2.327h-0.406c-0.049 0-0.062-0.025-0.062-0.062l0.074-0.382c0.012-0.062 0.062-0.049 0.062-0.049h0.419l0.025-0.123c0.061-0.369 0.185-0.652 0.369-0.837s0.456-0.283 0.788-0.283c0.099 0 0.185 0.012 0.259 0.025 0.049-0.012 0.111 0 0.172 0.025zM10.154 17.301c0 0.037-0.025 0.062-0.049 0.062h-0.492c-0.037 0-0.049-0.025-0.049-0.062v-3.952c0-0.025 0.025-0.062 0.049-0.062h0.492c0.037 0 0.049 0.025 0.049 0.062v3.952z"
-      />
     </>
   ) : (
     <>