@conveyorhq/arrow-ds 1.211.0 → 1.213.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.211.0",
+  "version": "1.213.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {
@@ -25,6 +25,8 @@
     "@fortawesome/free-regular-svg-icons": "^5.14.0",
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
     "@fortawesome/react-fontawesome": "^0.1.11",
+    "@material-symbols/svg-400": "^0.40.2",
+    "@material-symbols/svg-600": "^0.40.2",
     "@popperjs/core": "^2.11.8",
     "@react-spring/web": "^9.7.3",
     "@rehooks/component-size": "^1.0.3",
@@ -172,7 +174,7 @@
     "react-is": "^18.2.0",
     "regenerator-runtime": "^0.13.3",
     "remark-gfm": "^4.0.0",
-    "semantic-release": "^19.0.2",
+    "semantic-release": "^25.0.3",
     "storybook": "^7.6.3",
     "style-dictionary": "^3.1.1",
     "tailwindcss": "^3.0.23",

package/public/components/BrandIcon/BrandIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { BrandIconComponentMap, BrandIconName, BrandIconSize } from "./types";
+export declare const BRAND_ICON_MAP: BrandIconComponentMap;
+export declare const BrandIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    name: BrandIconName;
+    size?: BrandIconSize | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;

package/public/components/BrandIcon/BrandIcon.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandIcon = exports.BRAND_ICON_MAP = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Icons = __importStar(require("./svg"));
+const types_1 = require("./types");
+exports.BRAND_ICON_MAP = {
+    [types_1.BrandIconNameEnum.confluence]: Icons.BrandIconSVGConfluence,
+    [types_1.BrandIconNameEnum.conveyor_ai]: Icons.BrandIconSVGConveyorAI,
+    [types_1.BrandIconNameEnum.conveyor]: Icons.BrandIconSVGConveyor,
+    [types_1.BrandIconNameEnum.front]: Icons.BrandIconSVGFront,
+    [types_1.BrandIconNameEnum.google_drive]: Icons.BrandIconSVGGoogleDrive,
+    [types_1.BrandIconNameEnum.jira]: Icons.BrandIconSVGJira,
+    [types_1.BrandIconNameEnum.microsoft_teams]: Icons.BrandIconSVGMicrosoftTeams,
+    [types_1.BrandIconNameEnum.notion]: Icons.BrandIconSVGNotion,
+    [types_1.BrandIconNameEnum.salesforce]: Icons.BrandIconSVGSalesforce,
+    [types_1.BrandIconNameEnum.slack]: Icons.BrandIconSVGSlack,
+    [types_1.BrandIconNameEnum.zendesk]: Icons.BrandIconSVGZendesk,
+};
+exports.BrandIcon = (0, react_1.forwardRef)(function BrandIcon(props, ref) {
+    const { name, size = "md", className, style, ...rest } = props;
+    const iconSize = types_1.brandIconSizeMap[size];
+    const svgSize = iconSize * 0.8;
+    const SvgIconComponent = exports.BRAND_ICON_MAP[name];
+    if (!SvgIconComponent) {
+        if (process.env.NODE_ENV !== "production") {
+            console.warn(`Brand Icon "${name}" not found`);
+        }
+        return null;
+    }
+    return (react_1.default.createElement("span", { ref: ref, className: (0, classnames_1.default)("inline-flex items-center justify-center", className), style: {
+            width: iconSize,
+            height: iconSize,
+            ...style,
+        }, ...rest },
+        react_1.default.createElement(SvgIconComponent, { fill: "currentColor", width: svgSize, height: svgSize, role: "img", focusable: "false", "aria-hidden": "true" })));
+});

package/public/components/BrandIcon/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./BrandIcon";
+export * from "./svg";
+export * from "./types";

package/public/components/BrandIcon/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./BrandIcon"), exports);
+__exportStar(require("./svg"), exports);
+__exportStar(require("./types"), exports);

package/public/components/BrandIcon/svg/confluence.d.ts

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

package/public/components/BrandIcon/svg/confluence.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.BrandIconSVGConfluence = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGConfluence = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 512 512", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M2.3 412.2c-4.5 7.6-2.1 17.5 5.5 22.2l105.9 65.2c7.7 4.7 17.7 2.4 22.4-5.3 0-.1 .1-.2 .1-.2 67.1-112.2 80.5-95.9 280.9-.7 8.1 3.9 17.8 .4 21.7-7.7 .1-.1 .1-.3 .2-.4l50.4-114.1c3.6-8.1-.1-17.6-8.1-21.3-22.2-10.4-66.2-31.2-105.9-50.3C127.5 179 44.6 345.3 2.3 412.2zm507.4-312.1c4.5-7.6 2.1-17.5-5.5-22.2L398.4 12.8c-7.5-5-17.6-3.1-22.6 4.4-.2 .3-.4 .6-.6 1-67.3 112.6-81.1 95.6-280.6 .9-8.1-3.9-17.8-.4-21.7 7.7-.1 .1-.1 .3-.2 .4L22.2 141.3c-3.6 8.1 .1 17.6 8.1 21.3 22.2 10.4 66.3 31.2 106 50.4 248 120 330.8-45.4 373.4-112.9z" })));
+};
+exports.BrandIconSVGConfluence = BrandIconSVGConfluence;

package/public/components/BrandIcon/svg/conveyor-ai.d.ts

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

package/public/components/BrandIcon/svg/conveyor-ai.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandIconSVGConveyorAI = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGConveyorAI = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 32 32", ...props },
+        react_1.default.createElement("title", null, "ConveyorAI"),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M16.594 29.685c-0.896 0.206-1.831 0.315-2.791 0.315-0.184 0-0.367-0.004-0.549-0.012v-2.138c0-0.988-0.985-1.687-1.941-1.382-1.482 0.473-2.968 0.937-4.452 1.404-1.051-0.715-1.982-1.589-2.757-2.585l6.085-1.951c1.502-0.477 3.107-0.224 4.385 0.689s2.018 2.336 2.021 3.889l0.001 1.772z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M17.985 29.277l0.003-6.257c-0.003-1.553 0.728-2.977 2.020-3.894 1.262-0.912 2.863-1.161 4.381-0.682l1.584 0.506c-0.090 1.126-0.338 2.209-0.722 3.227-0.671-0.215-1.342-0.432-2.013-0.646-0.943-0.3-1.901 0.394-1.901 1.368v4.543c-1.003 0.774-2.131 1.397-3.351 1.834z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M13.412 6.006c0.13-0.004 0.26-0.006 0.39-0.006 1.176 0 2.313 0.163 3.388 0.468l-3.621 4.903c-0.928 1.256-2.374 1.984-3.954 1.986s-3.027-0.717-3.96-1.988l-0.987-1.332c0.744-0.824 1.602-1.547 2.55-2.144l1.2 1.668c0.585 0.814 1.813 0.817 2.403 0.006l2.59-3.56z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M2.111 14.538c0.373-1.218 0.938-2.355 1.659-3.376l3.696 4.998c0.933 1.271 1.187 2.846 0.695 4.309-0.487 1.492-1.638 2.616-3.14 3.093l-1.727 0.55c-0.565-0.937-1.004-1.956-1.294-3.034l2.055-0.684c0.954-0.317 1.311-1.461 0.713-2.257-0.895-1.192-1.777-2.395-2.657-3.598z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M25.978 15.378l1.68-3.721 3.721-1.68c0.829-0.383 0.829-1.552 0-1.935l-3.721-1.68-1.68-3.742c-0.383-0.829-1.552-0.829-1.935 0l-1.679 3.721-3.742 1.68c-0.829 0.383-0.829 1.552 0 1.935l3.721 1.68 1.68 3.742c0.383 0.829 1.573 0.829 1.956 0z" })));
+};
+exports.BrandIconSVGConveyorAI = BrandIconSVGConveyorAI;

package/public/components/BrandIcon/svg/conveyor.d.ts

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

package/public/components/BrandIcon/svg/conveyor.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.BrandIconSVGConveyor = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGConveyor = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M19.042 31.58c-1.17 0.275-2.389 0.42-3.642 0.42-0.24 0-0.479-0.005-0.716-0.016v-2.851c0-1.318-1.285-2.25-2.533-1.843-1.934 0.63-3.873 1.249-5.809 1.872-1.371-0.954-2.586-2.118-3.598-3.447l7.94-2.602c1.96-0.637 4.054-0.299 5.721 0.918s2.633 3.115 2.637 5.186l0.001 2.362z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M20.856 31.037l0.004-8.342c-0.003-2.071 0.95-3.969 2.636-5.191 1.647-1.216 3.736-1.548 5.716-0.909l2.066 0.675c-0.117 1.502-0.441 2.946-0.943 4.302-0.876-0.286-1.751-0.576-2.627-0.861-1.23-0.401-2.48 0.525-2.48 1.824v6.057c-1.308 1.032-2.781 1.862-4.372 2.445z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M31.314 15.338l-7.709-2.523c-1.98-0.64-3.471-2.149-4.105-4.12s-0.299-4.075 0.911-5.75l1.212-1.677c1.363 0.582 2.629 1.349 3.767 2.27-0.512 0.704-1.032 1.403-1.555 2.099-0.802 1.066-0.321 2.608 0.946 3.015l5.558 1.785c0.567 1.536 0.906 3.184 0.976 4.901z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M14.89 0.008c0.169-0.005 0.339-0.008 0.509-0.008 1.534 0 3.017 0.218 4.421 0.624l-4.725 6.537c-1.211 1.675-3.098 2.645-5.159 2.648s-3.949-0.956-5.166-2.651l-1.287-1.776c0.971-1.099 2.091-2.063 3.327-2.859l1.565 2.223c0.764 1.085 2.365 1.090 3.135 0.008l3.379-4.747z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M0.145 11.383c0.487-1.624 1.223-3.14 2.165-4.502l4.823 6.663c1.217 1.695 1.548 3.795 0.906 5.745-0.636 1.99-2.137 3.487-4.097 4.124l-2.253 0.733c-0.737-1.249-1.31-2.608-1.689-4.046l2.681-0.912c1.244-0.423 1.711-1.948 0.93-3.009-1.168-1.589-2.318-3.193-3.466-4.797z" })));
+};
+exports.BrandIconSVGConveyor = BrandIconSVGConveyor;

package/public/components/BrandIcon/svg/front.d.ts

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

package/public/components/BrandIcon/svg/front.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.BrandIconSVGFront = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGFront = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M0 31.318h10.531v-20.832h20.997v-10.488h-31.529v31.32z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M22.447 31.945c5.247 0 9.5-4.253 9.5-9.5s-4.253-9.5-9.5-9.5c-5.247 0-9.5 4.253-9.5 9.5s4.253 9.5 9.5 9.5z" })));
+};
+exports.BrandIconSVGFront = BrandIconSVGFront;

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

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

package/public/components/BrandIcon/svg/google-drive.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.BrandIconSVGGoogleDrive = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGGoogleDrive = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 512 512", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M339 314.9L175.4 32h161.2l163.6 282.9H339zm-137.5 23.6L120.9 480h310.5L512 338.5H201.5zM154.1 67.4L0 338.5 80.6 480 237 208.8 154.1 67.4z" })));
+};
+exports.BrandIconSVGGoogleDrive = BrandIconSVGGoogleDrive;

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

@@ -0,0 +1,11 @@
+export * from "./confluence";
+export * from "./conveyor-ai";
+export * from "./conveyor";
+export * from "./front";
+export * from "./google-drive";
+export * from "./jira";
+export * from "./microsoft-teams";
+export * from "./notion";
+export * from "./salesforce";
+export * from "./slack";
+export * from "./zendesk";

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

@@ -0,0 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./confluence"), exports);
+__exportStar(require("./conveyor-ai"), exports);
+__exportStar(require("./conveyor"), exports);
+__exportStar(require("./front"), exports);
+__exportStar(require("./google-drive"), exports);
+__exportStar(require("./jira"), exports);
+__exportStar(require("./microsoft-teams"), exports);
+__exportStar(require("./notion"), exports);
+__exportStar(require("./salesforce"), exports);
+__exportStar(require("./slack"), exports);
+__exportStar(require("./zendesk"), exports);

package/public/components/BrandIcon/svg/jira.d.ts

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

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandIconSVGJira = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGJira = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", 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" }),
+        react_1.default.createElement("path", { fill: "currentColor", 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" }),
+        react_1.default.createElement("path", { fill: "currentColor", 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" })));
+};
+exports.BrandIconSVGJira = BrandIconSVGJira;

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

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

package/public/components/BrandIcon/svg/microsoft-teams.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.BrandIconSVGMicrosoftTeams = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGMicrosoftTeams = (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.BrandIconSVGMicrosoftTeams = BrandIconSVGMicrosoftTeams;

package/public/components/BrandIcon/svg/notion.d.ts

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

package/public/components/BrandIcon/svg/notion.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.BrandIconSVGNotion = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGNotion = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M19.63 0.073l-17.705 1.305c-1.428 0.123-1.925 1.055-1.925 2.171v19.365c0 0.87 0.309 1.614 1.056 2.607l4.162 5.401c0.683 0.869 1.305 1.056 2.61 0.992l20.56-1.241c1.739-0.124 2.237-0.931 2.237-2.297v-21.786c0-0.706-0.279-0.91-1.103-1.51-0.305-0.217-0.351-0.251-0.397-0.285l0.256 0.182-5.651-3.972c-1.366-0.992-1.927-1.118-4.1-0.931zM8.294 6.233c-1.679 0.113-2.060 0.139-3.013-0.636l-2.425-1.924c-0.247-0.249-0.123-0.559 0.498-0.62l17.021-1.242c1.428-0.125 2.174 0.373 2.733 0.806l2.919 2.111c0.124 0.062 0.434 0.434 0.062 0.434l-17.795 1.070zM6.336 28.189v-18.496c0-0.806 0.249-1.179 0.994-1.242l20.188-1.179c0.685-0.062 0.995 0.373 0.995 1.179v18.371c0 0.809-0.125 1.491-1.244 1.553l-19.317 1.118c-1.12 0.062-1.616-0.309-1.616-1.305zM25.408 10.685c0.124 0.56 0 1.119-0.561 1.182l-0.93 0.186v13.653c-0.809 0.435-1.554 0.683-2.175 0.683-0.994 0-1.243-0.309-1.988-1.241l-6.087-9.557v9.248l1.926 0.434s0 1.117-1.555 1.117l-4.285 0.249c-0.125-0.249 0-0.869 0.435-0.993l1.118-0.309v-12.229l-1.553-0.125c-0.124-0.559 0.186-1.365 1.056-1.427l4.597-0.309 6.336 9.682v-8.565l-1.615-0.186c-0.125-0.684 0.372-1.181 0.993-1.242l4.288-0.25z" })));
+};
+exports.BrandIconSVGNotion = BrandIconSVGNotion;

package/public/components/BrandIcon/svg/salesforce.d.ts

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

package/public/components/BrandIcon/svg/salesforce.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.BrandIconSVGSalesforce = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGSalesforce = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", 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" })));
+};
+exports.BrandIconSVGSalesforce = BrandIconSVGSalesforce;

package/public/components/BrandIcon/svg/slack.d.ts

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

package/public/components/BrandIcon/svg/slack.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandIconSVGSlack = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGSlack = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M6.813 20.181c0 1.832-1.497 3.329-3.329 3.329s-3.329-1.497-3.329-3.329c0-1.832 1.497-3.329 3.329-3.329h3.329v3.329z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M8.49 20.181c0-1.832 1.497-3.329 3.329-3.329s3.329 1.497 3.329 3.329v8.335c0 1.832-1.497 3.329-3.329 3.329s-3.329-1.497-3.329-3.329v-8.335z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M11.819 6.813c-1.832 0-3.329-1.497-3.329-3.329s1.497-3.329 3.329-3.329c1.832 0 3.329 1.497 3.329 3.329v3.329h-3.329z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M11.819 8.49c1.832 0 3.329 1.497 3.329 3.329s-1.497 3.329-3.329 3.329h-8.335c-1.832 0-3.329-1.497-3.329-3.329s1.497-3.329 3.329-3.329h8.335z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M25.187 11.819c0-1.832 1.497-3.329 3.329-3.329s3.329 1.497 3.329 3.329c0 1.832-1.497 3.329-3.329 3.329h-3.329v-3.329z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M23.51 11.819c0 1.832-1.497 3.329-3.329 3.329s-3.329-1.497-3.329-3.329v-8.335c0-1.832 1.497-3.329 3.329-3.329s3.329 1.497 3.329 3.329v8.335z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M20.181 25.187c1.832 0 3.329 1.497 3.329 3.329s-1.497 3.329-3.329 3.329c-1.832 0-3.329-1.497-3.329-3.329v-3.329h3.329z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M20.181 23.51c-1.832 0-3.329-1.497-3.329-3.329s1.497-3.329 3.329-3.329h8.335c1.832 0 3.329 1.497 3.329 3.329s-1.497 3.329-3.329 3.329h-8.335z" })));
+};
+exports.BrandIconSVGSlack = BrandIconSVGSlack;

package/public/components/BrandIcon/svg/zendesk.d.ts

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

package/public/components/BrandIcon/svg/zendesk.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.BrandIconSVGZendesk = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const BrandIconSVGZendesk = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", ...props },
+        react_1.default.createElement("path", { fill: "currentColor", 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.BrandIconSVGZendesk = BrandIconSVGZendesk;

package/public/components/BrandIcon/types.d.ts

@@ -0,0 +1,21 @@
+import { FunctionComponent, SVGAttributes } from "react";
+export type BrandIconSVGElement = FunctionComponent<SVGAttributes<SVGElement>>;
+export declare enum BrandIconNameEnum {
+    confluence = "confluence",
+    conveyor_ai = "conveyor-ai",
+    conveyor = "conveyor",
+    front = "front",
+    google_drive = "google-drive",
+    jira = "jira",
+    microsoft_teams = "microsoft-teams",
+    notion = "notion",
+    salesforce = "salesforce",
+    slack = "slack",
+    zendesk = "zendesk"
+}
+export type BrandIconName = `${BrandIconNameEnum}`;
+export type BrandIconSize = "sm" | "md" | "lg" | "xl";
+export declare const brandIconSizeMap: {
+    [key in BrandIconSize]: number;
+};
+export type BrandIconComponentMap = Record<BrandIconNameEnum, (props: React.SVGAttributes<SVGElement>) => JSX.Element>;

package/public/components/BrandIcon/types.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.brandIconSizeMap = exports.BrandIconNameEnum = void 0;
+var BrandIconNameEnum;
+(function (BrandIconNameEnum) {
+    BrandIconNameEnum["confluence"] = "confluence";
+    BrandIconNameEnum["conveyor_ai"] = "conveyor-ai";
+    BrandIconNameEnum["conveyor"] = "conveyor";
+    BrandIconNameEnum["front"] = "front";
+    BrandIconNameEnum["google_drive"] = "google-drive";
+    BrandIconNameEnum["jira"] = "jira";
+    BrandIconNameEnum["microsoft_teams"] = "microsoft-teams";
+    BrandIconNameEnum["notion"] = "notion";
+    BrandIconNameEnum["salesforce"] = "salesforce";
+    BrandIconNameEnum["slack"] = "slack";
+    BrandIconNameEnum["zendesk"] = "zendesk";
+})(BrandIconNameEnum || (exports.BrandIconNameEnum = BrandIconNameEnum = {}));
+exports.brandIconSizeMap = {
+    sm: 12,
+    md: 16,
+    lg: 20,
+    xl: 24,
+};

package/public/components/MaterialIcon/MaterialIcon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { MaterialIconConfig, MaterialIconName, MaterialIconSize } from "./types";
+export declare const MATERIAL_ICON_MAP: MaterialIconConfig;
+export declare const MaterialIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    name: MaterialIconName;
+    weight?: keyof import("./types").MaterialIconWeightMap | undefined;
+    size?: MaterialIconSize | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;