@conveyorhq/arrow-ds 1.218.0 → 1.219.0

package/package.json

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

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

@@ -8,6 +8,7 @@ export declare enum CUSTOM_ICON_TYPE {
     AUTOMATION = "automation",
     BADGE_CHECK = "badge-check",
     BRAND_CONFLUENCE = "brand-confluence",
+    BRAND_DRATA = "brand-drata",
     BRAND_FRONT = "brand-front",
     BRAND_GOOGLE_DRIVE = "brand-google-drive",
     BRAND_JIRA = "brand-jira",

package/public/components/Icon/Icon.js

@@ -265,6 +265,7 @@ var CUSTOM_ICON_TYPE;
     CUSTOM_ICON_TYPE["AUTOMATION"] = "automation";
     CUSTOM_ICON_TYPE["BADGE_CHECK"] = "badge-check";
     CUSTOM_ICON_TYPE["BRAND_CONFLUENCE"] = "brand-confluence";
+    CUSTOM_ICON_TYPE["BRAND_DRATA"] = "brand-drata";
     CUSTOM_ICON_TYPE["BRAND_FRONT"] = "brand-front";
     CUSTOM_ICON_TYPE["BRAND_GOOGLE_DRIVE"] = "brand-google-drive";
     CUSTOM_ICON_TYPE["BRAND_JIRA"] = "brand-jira";
@@ -299,6 +300,7 @@ const CustomIcons = {
     [CUSTOM_ICON_TYPE.AUTOMATION]: svg_1.Automation,
     [CUSTOM_ICON_TYPE.BADGE_CHECK]: svg_1.BadgeCheck,
     [CUSTOM_ICON_TYPE.BRAND_CONFLUENCE]: svg_1.BrandConfluenceIcon,
+    [CUSTOM_ICON_TYPE.BRAND_DRATA]: svg_1.BrandDrata,
     [CUSTOM_ICON_TYPE.BRAND_FRONT]: svg_1.BrandFront,
     [CUSTOM_ICON_TYPE.BRAND_GOOGLE_DRIVE]: svg_1.BrandGoogleDriveIcon,
     [CUSTOM_ICON_TYPE.BRAND_JIRA]: svg_1.BrandJira,

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandDrata = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandDrata = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "43", height: "32", viewBox: "0 0 43 32", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M10.795 31.991l13.41 0.007c10.977 0.006 18.904-6.27 18.91-15.985s-7.916-16.006-18.892-16.012l-13.41-0.007v0.071c0.072-0.071 8.496 7.699 8.496 7.699l4.53 0.002c6.114 0.004 10.893 2.381 10.89 8.245s-4.785 8.236-10.899 8.233l-4.535-0.002-8.5 7.75z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M10.789 8.408c2.188 3.279 5.138 5.554 8.79 6.89l1.991 0.69-1.991 0.687c-3.654 1.331-6.438 3.604-8.797 6.88-2.188-3.279-5.138-5.554-8.79-6.89l-1.991-0.689 1.991-0.687c3.654-1.331 6.606-3.604 8.797-6.881z" })));
+};
+exports.BrandDrata = BrandDrata;

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

@@ -4,6 +4,7 @@ export * from "./ArrowToRight";
 export * from "./Automation";
 export * from "./BadgeCheck";
 export * from "./BrandConfluenceIcon";
+export * from "./BrandDrata";
 export * from "./BrandFront";
 export * from "./BrandGoogleDriveIcon";
 export * from "./BrandJira";

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

@@ -20,6 +20,7 @@ __exportStar(require("./ArrowToRight"), exports);
 __exportStar(require("./Automation"), exports);
 __exportStar(require("./BadgeCheck"), exports);
 __exportStar(require("./BrandConfluenceIcon"), exports);
+__exportStar(require("./BrandDrata"), exports);
 __exportStar(require("./BrandFront"), exports);
 __exportStar(require("./BrandGoogleDriveIcon"), exports);
 __exportStar(require("./BrandJira"), 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", "confluence", "conveyor", "deploy", "docusign", "events-api", "front", "gcp", "github", "gitlab", "google_drive", "gsuite", "hubspot", "jamf", "jira", "jumpcloud", "microsoft_teams", "notion", "okta", "onelogin", "service_now", "salesforce", "slack", "zendesk", "zoom"];
+export declare const integrationLogoNames: readonly ["addigy", "aws", "bamboohr", "bitbucket", "confluence", "conveyor", "deploy", "docusign", "drata", "events-api", "front", "gcp", "github", "gitlab", "google_drive", "gsuite", "hubspot", "jamf", "jira", "jumpcloud", "microsoft_teams", "notion", "okta", "onelogin", "service_now", "salesforce", "slack", "zendesk", "zoom"];
 export type IntegrationLogoName = typeof integrationLogoNames[number];
 export interface IntegrationLogoProps extends SvgProps {
     logo?: IntegrationLogoName | string;

package/public/components/IntegrationLogo/IntegrationLogo.js

@@ -15,6 +15,7 @@ exports.integrationLogoNames = [
     "conveyor",
     "deploy",
     "docusign",
+    "drata",
     "events-api",
     "front",
     "gcp",

package/public/components/IntegrationLogo/IntegrationLogoSvg.js

@@ -23,6 +23,8 @@ const IntegrationLogoSvg = ({ logo, ...rest }) => {
             return react_1.default.createElement(svg_1.DeploySvg, { ...rest });
         case "docusign":
             return react_1.default.createElement(svg_1.DocuSignSvg, { ...rest });
+        case "drata":
+            return react_1.default.createElement(svg_1.DrataSvg, { ...rest });
         case "events-api":
             return react_1.default.createElement(svg_1.EventsAPI, { ...rest });
         case "front":

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrataSvg = void 0;
+const react_1 = __importDefault(require("react"));
+const wrapper_1 = require("./wrapper");
+const DrataSvg = ({ color = "#002536", square, ...rest }) => {
+    const viewBox = square ? "0 0 43 32" : "0 0 185 32";
+    const path = square ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("path", { fill: color, d: "M10.795 31.991l13.41 0.007c10.977 0.006 18.904-6.27 18.91-15.985s-7.916-16.006-18.892-16.012l-13.41-0.007v0.071c0.072-0.071 8.496 7.699 8.496 7.699l4.53 0.002c6.114 0.004 10.893 2.381 10.89 8.245s-4.785 8.236-10.899 8.233l-4.535-0.002-8.5 7.75z" }),
+        react_1.default.createElement("path", { fill: color, d: "M10.789 8.408c2.188 3.279 5.138 5.554 8.79 6.89l1.991 0.69-1.991 0.687c-3.654 1.331-6.438 3.604-8.797 6.88-2.188-3.279-5.138-5.554-8.79-6.89l-1.991-0.689 1.991-0.687c3.654-1.331 6.606-3.604 8.797-6.881z" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("path", { fill: color, d: "M17.8 0h-17.8v32h17.8c11.354 0 18.687-6.28 18.687-15.997s-7.335-16.003-18.687-16.003zM17.408 25.658h-9.58v-19.314h9.58c6.323 0 10.405 3.792 10.405 9.655s-4.082 9.655-10.405 9.655v0z" }),
+        react_1.default.createElement("path", { fill: color, d: "M69.307 21.643c4.202-1.945 6.422-5.385 6.422-9.951 0-7.21-5.649-11.691-14.743-11.691h-19.26v32h8.177v-8.805h10.7l6.263 8.805h9.018l-7.201-10.070 0.62-0.285h0.005zM60.393 17.092h-10.488v-10.841h10.488c4.292 0 6.659 1.931 6.659 5.442s-2.427 5.398-6.659 5.398z" }),
+        react_1.default.createElement("path", { fill: color, d: "M151.557 0h-38.676l2.467 6.298h12.605v25.701h8.582v-25.701h12.554l2.467-6.298h0.002z" }),
+        react_1.default.createElement("path", { fill: color, d: "M93.448 0l-13.888 32h8.653l1.714-4.566c6.525-1.927 11.059-2.066 17.478 0.214l1.626 4.352h8.85l-13.945-32h-10.485zM92.165 21.212l6.032-14.388h0.848l6.087 14.527c-4.421-1.752-8.543-1.89-12.967-0.139z" }),
+        react_1.default.createElement("path", { fill: color, d: "M160.683 0l-13.888 32h8.653l1.714-4.566c6.525-1.927 11.059-2.066 17.478 0.214l1.626 4.352h8.85l-13.947-32h-10.485zM159.398 21.212l6.032-14.388h0.848l6.087 14.527c-4.421-1.752-8.543-1.89-12.967-0.139z" })));
+    return (react_1.default.createElement(wrapper_1.IntegrationLogoSvgWrapper, { viewBox: viewBox, ...rest },
+        react_1.default.createElement("title", null, "Drata integration logo"),
+        path));
+};
+exports.DrataSvg = DrataSvg;

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

@@ -7,6 +7,7 @@ export { ConfluenceSvg } from "./confluence";
 export { DefaultSvg } from "./default";
 export { DeploySvg } from "./deploy";
 export { DocuSignSvg } from "./docusign";
+export { DrataSvg } from "./drata";
 export { EventsAPI } from "./events-api";
 export { FrontSvg } from "./front";
 export { GcpSvg } from "./gcp";

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.ZendeskSvg = exports.SlackSvg = exports.SalesforceSvg = exports.ServiceNowSvg = exports.OneLoginSvg = exports.OktaSvg = exports.NotionSvg = exports.MicrosoftTeamsSvg = exports.JumpcloudSvg = exports.JiraSvg = exports.JamfSvg = exports.HubspotSvg = exports.GsuiteSvg = exports.GoogleDriveSvg = exports.GitlabSvg = exports.GithubSvg = exports.GcpSvg = exports.FrontSvg = exports.EventsAPI = exports.DocuSignSvg = exports.DeploySvg = exports.DefaultSvg = exports.ConfluenceSvg = exports.ConveyorSvg = exports.BitbucketSvg = exports.BambooHrSvg = exports.AwsSvg = exports.AddigySvg = void 0;
+exports.ZoomSvg = exports.ZendeskSvg = exports.SlackSvg = exports.SalesforceSvg = exports.ServiceNowSvg = exports.OneLoginSvg = exports.OktaSvg = exports.NotionSvg = exports.MicrosoftTeamsSvg = exports.JumpcloudSvg = exports.JiraSvg = exports.JamfSvg = exports.HubspotSvg = exports.GsuiteSvg = exports.GoogleDriveSvg = exports.GitlabSvg = exports.GithubSvg = exports.GcpSvg = exports.FrontSvg = exports.EventsAPI = exports.DrataSvg = exports.DocuSignSvg = exports.DeploySvg = exports.DefaultSvg = exports.ConfluenceSvg = 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");
@@ -33,6 +33,8 @@ var deploy_1 = require("./deploy");
 Object.defineProperty(exports, "DeploySvg", { enumerable: true, get: function () { return deploy_1.DeploySvg; } });
 var docusign_1 = require("./docusign");
 Object.defineProperty(exports, "DocuSignSvg", { enumerable: true, get: function () { return docusign_1.DocuSignSvg; } });
+var drata_1 = require("./drata");
+Object.defineProperty(exports, "DrataSvg", { enumerable: true, get: function () { return drata_1.DrataSvg; } });
 var events_api_1 = require("./events-api");
 Object.defineProperty(exports, "EventsAPI", { enumerable: true, get: function () { return events_api_1.EventsAPI; } });
 var front_1 = require("./front");

package/src/components/Icon/Icon.tsx

@@ -235,6 +235,7 @@ import {
   Automation,
   BadgeCheck,
   BrandConfluenceIcon,
+  BrandDrata,
   BrandFront,
   BrandGoogleDriveIcon,
   BrandJira,
@@ -500,6 +501,7 @@ export enum CUSTOM_ICON_TYPE {
   AUTOMATION = "automation",
   BADGE_CHECK = "badge-check",
   BRAND_CONFLUENCE = "brand-confluence",
+  BRAND_DRATA = "brand-drata",
   BRAND_FRONT = "brand-front",
   BRAND_GOOGLE_DRIVE = "brand-google-drive",
   BRAND_JIRA = "brand-jira",
@@ -539,6 +541,7 @@ const CustomIcons: CustomIconPaths = {
   [CUSTOM_ICON_TYPE.AUTOMATION]: Automation,
   [CUSTOM_ICON_TYPE.BADGE_CHECK]: BadgeCheck,
   [CUSTOM_ICON_TYPE.BRAND_CONFLUENCE]: BrandConfluenceIcon,
+  [CUSTOM_ICON_TYPE.BRAND_DRATA]: BrandDrata,
   [CUSTOM_ICON_TYPE.BRAND_FRONT]: BrandFront,
   [CUSTOM_ICON_TYPE.BRAND_GOOGLE_DRIVE]: BrandGoogleDriveIcon,
   [CUSTOM_ICON_TYPE.BRAND_JIRA]: BrandJira,

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { Svg, SvgProps } from "../../Svg";
+
+export const BrandDrata = (props: SvgProps) => {
+  return (
+    <Svg width="43" height="32" viewBox="0 0 43 32" fill="none" {...props}>
+      <path
+        fill="currentColor"
+        d="M10.795 31.991l13.41 0.007c10.977 0.006 18.904-6.27 18.91-15.985s-7.916-16.006-18.892-16.012l-13.41-0.007v0.071c0.072-0.071 8.496 7.699 8.496 7.699l4.53 0.002c6.114 0.004 10.893 2.381 10.89 8.245s-4.785 8.236-10.899 8.233l-4.535-0.002-8.5 7.75z"
+      />
+      <path
+        fill="currentColor"
+        d="M10.789 8.408c2.188 3.279 5.138 5.554 8.79 6.89l1.991 0.69-1.991 0.687c-3.654 1.331-6.438 3.604-8.797 6.88-2.188-3.279-5.138-5.554-8.79-6.89l-1.991-0.689 1.991-0.687c3.654-1.331 6.606-3.604 8.797-6.881z"
+      />
+    </Svg>
+  );
+};

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

@@ -4,6 +4,7 @@ export * from "./ArrowToRight";
 export * from "./Automation";
 export * from "./BadgeCheck";
 export * from "./BrandConfluenceIcon";
+export * from "./BrandDrata";
 export * from "./BrandFront";
 export * from "./BrandGoogleDriveIcon";
 export * from "./BrandJira";

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

@@ -21,6 +21,7 @@ export const logos = [
   "confluence",
   "deploy",
   "docusign",
+  "drata",
   "events-api",
   "front",
   "gcp",

package/src/components/IntegrationLogo/IntegrationLogo.tsx

@@ -11,6 +11,7 @@ export const integrationLogoNames = [
   "conveyor",
   "deploy",
   "docusign",
+  "drata",
   "events-api",
   "front",
   "gcp",

package/src/components/IntegrationLogo/IntegrationLogoSvg.tsx

@@ -11,6 +11,7 @@ import {
   DefaultSvg,
   DeploySvg,
   DocuSignSvg,
+  DrataSvg,
   EventsAPI,
   FrontSvg,
   GcpSvg,
@@ -58,6 +59,8 @@ const IntegrationLogoSvg = ({ logo, ...rest }: IntegrationLogoSvgProps) => {
       return <DeploySvg {...rest} />;
     case "docusign":
       return <DocuSignSvg {...rest} />;
+    case "drata":
+      return <DrataSvg {...rest} />;
     case "events-api":
       return <EventsAPI {...rest} />;
     case "front":

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

@@ -0,0 +1,52 @@
+import React from "react";
+import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
+
+export const DrataSvg = ({
+  color = "#002536",
+  square,
+  ...rest
+}: SvgLogoProps) => {
+  const viewBox = square ? "0 0 43 32" : "0 0 185 32";
+  const path = square ? (
+    <>
+      <path
+        fill={color}
+        d="M10.795 31.991l13.41 0.007c10.977 0.006 18.904-6.27 18.91-15.985s-7.916-16.006-18.892-16.012l-13.41-0.007v0.071c0.072-0.071 8.496 7.699 8.496 7.699l4.53 0.002c6.114 0.004 10.893 2.381 10.89 8.245s-4.785 8.236-10.899 8.233l-4.535-0.002-8.5 7.75z"
+      />
+      <path
+        fill={color}
+        d="M10.789 8.408c2.188 3.279 5.138 5.554 8.79 6.89l1.991 0.69-1.991 0.687c-3.654 1.331-6.438 3.604-8.797 6.88-2.188-3.279-5.138-5.554-8.79-6.89l-1.991-0.689 1.991-0.687c3.654-1.331 6.606-3.604 8.797-6.881z"
+      />
+    </>
+  ) : (
+    <>
+      <path
+        fill={color}
+        d="M17.8 0h-17.8v32h17.8c11.354 0 18.687-6.28 18.687-15.997s-7.335-16.003-18.687-16.003zM17.408 25.658h-9.58v-19.314h9.58c6.323 0 10.405 3.792 10.405 9.655s-4.082 9.655-10.405 9.655v0z"
+      />
+      <path
+        fill={color}
+        d="M69.307 21.643c4.202-1.945 6.422-5.385 6.422-9.951 0-7.21-5.649-11.691-14.743-11.691h-19.26v32h8.177v-8.805h10.7l6.263 8.805h9.018l-7.201-10.070 0.62-0.285h0.005zM60.393 17.092h-10.488v-10.841h10.488c4.292 0 6.659 1.931 6.659 5.442s-2.427 5.398-6.659 5.398z"
+      />
+      <path
+        fill={color}
+        d="M151.557 0h-38.676l2.467 6.298h12.605v25.701h8.582v-25.701h12.554l2.467-6.298h0.002z"
+      />
+      <path
+        fill={color}
+        d="M93.448 0l-13.888 32h8.653l1.714-4.566c6.525-1.927 11.059-2.066 17.478 0.214l1.626 4.352h8.85l-13.945-32h-10.485zM92.165 21.212l6.032-14.388h0.848l6.087 14.527c-4.421-1.752-8.543-1.89-12.967-0.139z"
+      />
+      <path
+        fill={color}
+        d="M160.683 0l-13.888 32h8.653l1.714-4.566c6.525-1.927 11.059-2.066 17.478 0.214l1.626 4.352h8.85l-13.947-32h-10.485zM159.398 21.212l6.032-14.388h0.848l6.087 14.527c-4.421-1.752-8.543-1.89-12.967-0.139z"
+      />
+    </>
+  );
+
+  return (
+    <IntegrationLogoSvgWrapper viewBox={viewBox} {...rest}>
+      <title>Drata integration logo</title>
+      {path}
+    </IntegrationLogoSvgWrapper>
+  );
+};

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

@@ -7,6 +7,7 @@ export { ConfluenceSvg } from "./confluence";
 export { DefaultSvg } from "./default";
 export { DeploySvg } from "./deploy";
 export { DocuSignSvg } from "./docusign";
+export { DrataSvg } from "./drata";
 export { EventsAPI } from "./events-api";
 export { FrontSvg } from "./front";
 export { GcpSvg } from "./gcp";