@conveyorhq/arrow-ds 1.209.0 → 1.210.0

package/package.json

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

package/public/components/Accordion/Accordion.d.ts

@@ -13,9 +13,9 @@ type AccordionGroupChildrenUnionType = AccordionGroupChildFunction | {
     children: React.ReactNode;
 };
 export type AccordionGroupProps = AccordionGroupOwnProps & AccordionGroupChildrenUnionType & Pick<StackProps, "spacing" | "className">;
-export declare const AccordionGroup: ({ children, spacing, defaultValue, disableAnimation, allowMultiple, allowToggle, className, ...rest }: AccordionGroupProps) => React.JSX.Element;
+export declare const AccordionGroup: React.ForwardRefExoticComponent<AccordionGroupProps & React.RefAttributes<HTMLDivElement>>;
 export type AccordionItemProps = AccordionItemOwnProps & BoxProps;
-export declare const AccordionItem: ({ value, defaultIsOpen: defaultIsOpenProp, children, className, ...rest }: AccordionItemProps) => React.JSX.Element;
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type AccordionButtonChildProps = Omit<AccordionDisclosureProps, "onToggle">;
 declare type AccordionButtonOwnProps = {
     children: React.ReactNode | ((props: AccordionButtonChildProps) => React.ReactNode);
@@ -28,7 +28,11 @@ export type AccordionIconProps = {
     direction?: "up" | "down" | "left" | "right";
     disabled?: boolean;
 } & Pick<IconProps, "color">;
-export declare const AccordionIcon: ({ className, direction, color, disabled, }: AccordionIconProps) => React.JSX.Element;
+export declare const AccordionIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    direction?: "right" | "left" | "up" | "down" | undefined;
+    disabled?: boolean | undefined;
+} & Pick<IconProps, "color"> & React.RefAttributes<HTMLSpanElement>>;
 export type AccordionContentProps = {
     children: React.ReactNode;
     maxHeight?: string;
@@ -36,14 +40,18 @@ export type AccordionContentProps = {
     className?: string;
     scrollClassName?: string;
 };
-export declare const AccordionContent: ({ children, maxHeight, style, className, scrollClassName, ...rest }: AccordionContentProps) => React.JSX.Element;
+export declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
 export type AccordionProps = AccordionOwnProps & BoxProps;
 export declare const Accordion: {
     (props: AccordionProps): React.JSX.Element;
-    Group: ({ children, spacing, defaultValue, disableAnimation, allowMultiple, allowToggle, className, ...rest }: AccordionGroupProps) => React.JSX.Element;
-    Item: ({ value, defaultIsOpen: defaultIsOpenProp, children, className, ...rest }: AccordionItemProps) => React.JSX.Element;
+    Group: React.ForwardRefExoticComponent<AccordionGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Button: React.ForwardRefExoticComponent<AccordionButtonProps & React.RefAttributes<HTMLButtonElement>>;
-    Icon: ({ className, direction, color, disabled, }: AccordionIconProps) => React.JSX.Element;
-    Content: ({ children, maxHeight, style, className, scrollClassName, ...rest }: AccordionContentProps) => React.JSX.Element;
+    Icon: React.ForwardRefExoticComponent<{
+        className?: string | undefined;
+        direction?: "right" | "left" | "up" | "down" | undefined;
+        disabled?: boolean | undefined;
+    } & Pick<IconProps, "color"> & React.RefAttributes<HTMLSpanElement>>;
+    Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
 };
 export {};

package/public/components/Accordion/Accordion.js

@@ -41,7 +41,8 @@ const Heading_1 = require("../Heading");
 const Icon_1 = require("../Icon");
 const context_1 = require("./context");
 const cn = (0, utilities_1.bemHOF)("Accordion");
-const AccordionGroup = ({ children, spacing = 0, defaultValue, disableAnimation, allowMultiple = true, allowToggle = true, className, ...rest }) => {
+exports.AccordionGroup = react_1.default.forwardRef(function AccordionGroup(props, ref) {
+    const { children, spacing = 0, defaultValue, disableAnimation, allowMultiple = true, allowToggle = true, className, ...rest } = props;
     const totalItems = react_1.default.Children.count(children);
     const [currentValue, setCurrentValue] = react_1.default.useState(defaultValue || "");
     const context = react_1.default.useMemo(() => ({
@@ -61,10 +62,10 @@ const AccordionGroup = ({ children, spacing = 0, defaultValue, disableAnimation,
         allowToggle,
     ]);
     return (react_1.default.createElement(context_1.AccordionGroupContext.Provider, { value: context },
-        react_1.default.createElement(Stack_1.Stack, { orientation: types_1.ORIENTATION.VERTICAL, spacing: spacing, className: className, ...rest }, typeof children === "function" ? children({ currentValue }) : children)));
-};
-exports.AccordionGroup = AccordionGroup;
-const AccordionItem = ({ value, defaultIsOpen: defaultIsOpenProp, children, className, ...rest }) => {
+        react_1.default.createElement(Stack_1.Stack, { ref: ref, orientation: types_1.ORIENTATION.VERTICAL, spacing: spacing, className: className, ...rest }, typeof children === "function" ? children({ currentValue }) : children)));
+});
+exports.AccordionItem = react_1.default.forwardRef(function AccordionItem(props, ref) {
+    const { value, defaultIsOpen: defaultIsOpenProp, children, className, ...rest } = props;
     const { defaultValue, currentValue, setCurrentValue, allowMultiple, allowToggle, } = (0, context_1.useAccordionGroupContext)();
     const hasDefaultValue = typeof defaultValue === "undefined" ? false : defaultValue === value;
     const defaultIsOpen = typeof defaultIsOpenProp === "undefined"
@@ -113,12 +114,11 @@ const AccordionItem = ({ value, defaultIsOpen: defaultIsOpenProp, children, clas
         }
     }, [allowMultiple, currentValue, value, onClose]);
     return (react_1.default.createElement(context_1.AccordionItemContext.Provider, { value: context },
-        react_1.default.createElement(Box_1.Box, { "data-component": "accordion", className: (0, classnames_1.default)(cn(), className, {
+        react_1.default.createElement(Box_1.Box, { ref: ref, "data-component": "accordion", className: (0, classnames_1.default)(cn(), className, {
                 [cn({ m: "isOpen" })]: isOpen,
             }), ...rest }, children)));
-};
-exports.AccordionItem = AccordionItem;
-exports.AccordionButton = react_1.default.forwardRef((props, forwardedRef) => {
+});
+exports.AccordionButton = react_1.default.forwardRef(function AccordionButton(props, forwardedRef) {
     const { children, className, onClick, disabled = false, ...rest } = props;
     const { buttonId, contentId, isOpen, onToggle, onClose, onOpen, value, setCurrentValue, allowToggle, } = (0, context_1.useAccordionItemContext)();
     const buttonRef = react_1.default.useRef(null);
@@ -141,17 +141,18 @@ exports.AccordionButton = react_1.default.forwardRef((props, forwardedRef) => {
         ? children({ isOpen, onClose, onOpen })
         : children));
 });
-const AccordionIcon = ({ className, direction = "down", color, disabled = false, }) => {
+exports.AccordionIcon = react_1.default.forwardRef(function AccordionIcon(props, ref) {
+    const { className, direction = "down", color, disabled = false } = props;
     const icon = {
         up: Icon_1.ICON_TYPE.CHEVRON_UP,
         down: Icon_1.ICON_TYPE.CHEVRON_DOWN,
         left: Icon_1.ICON_TYPE.CHEVRON_LEFT,
         right: Icon_1.ICON_TYPE.CHEVRON_RIGHT,
     };
-    return (react_1.default.createElement(Icon_1.Icon, { className: (0, classnames_1.default)([cn({ e: "icon" }), className]), "data-direction": disabled ? undefined : direction, icon: icon[direction], color: color }));
-};
-exports.AccordionIcon = AccordionIcon;
-const AccordionContent = ({ children, maxHeight, style, className, scrollClassName, ...rest }) => {
+    return (react_1.default.createElement(Icon_1.Icon, { ref: ref, className: (0, classnames_1.default)([cn({ e: "icon" }), className]), "data-direction": disabled ? undefined : direction, icon: icon[direction], color: color }));
+});
+exports.AccordionContent = react_1.default.forwardRef(function AccordionContent(props, ref) {
+    const { children, maxHeight, style, className, scrollClassName, ...rest } = props;
     const { disableAnimation } = (0, context_1.useAccordionGroupContext)();
     const { buttonId, contentId, defaultIsOpen, isOpen, } = (0, context_1.useAccordionItemContext)();
     const [childrenRef, setChildrenRef] = react_1.default.useState({ current: null });
@@ -162,7 +163,7 @@ const AccordionContent = ({ children, maxHeight, style, className, scrollClassNa
     }, []);
     const [enableTransition, setEnableTransition] = react_1.default.useState(!defaultIsOpen);
     const { height } = (0, component_size_1.default)(childrenRef);
-    const props = (0, web_1.useSpring)({
+    const springProps = (0, web_1.useSpring)({
         height: isOpen ? height : 0,
         opacity: isOpen ? 1 : 0,
         config: { mass: 2, tension: 400, friction: 50 },
@@ -173,10 +174,9 @@ const AccordionContent = ({ children, maxHeight, style, className, scrollClassNa
         },
         immediate: disableAnimation || !enableTransition,
     });
-    return (react_1.default.createElement(web_1.animated.div, { className: (0, classnames_1.default)("overflow-hidden box-content", className), style: { ...style, ...props }, "aria-labelledby": buttonId, id: contentId, role: "region", ...rest },
+    return (react_1.default.createElement(web_1.animated.div, { ref: ref, className: (0, classnames_1.default)("overflow-hidden box-content", className), style: { ...style, ...springProps }, "aria-labelledby": buttonId, id: contentId, role: "region", ...rest },
         react_1.default.createElement(Box_1.Box, { ref: onRefChange, className: (0, classnames_1.default)(maxHeight && "overflow-y-auto", scrollClassName), style: maxHeight ? { maxHeight } : undefined }, children)));
-};
-exports.AccordionContent = AccordionContent;
+});
 const Accordion = (props) => {
     const { title, isActive, maxHeight, children, iconSlot, className, removePadding, ...rest } = props;
     return (react_1.default.createElement(exports.AccordionItem, { className: className, ...rest },

package/public/components/Avatar/Avatar.d.ts

@@ -3,6 +3,7 @@ import { BoxProps } from "../Box";
 import { SvgProps } from "../Svg";
 import { AvatarSize, AVATAR_TYPE } from "./types";
 export declare const SystemIconConveyor: (props: SvgProps) => React.JSX.Element;
+export declare const SystemIconConveyorAI: (props: SvgProps) => React.JSX.Element;
 export declare const SystemIconAptible: (props: SvgProps) => React.JSX.Element;
 export interface SharedAvatarProps extends BoxProps {
     size?: AvatarSize;
@@ -16,6 +17,9 @@ type AnonymousAvatarProps = SharedAvatarProps & {
 type SystemAvatarProps = SharedAvatarProps & {
     type: AVATAR_TYPE.SYSTEM;
 };
+type ConveyorAIAvatarProps = SharedAvatarProps & {
+    type: AVATAR_TYPE.CONVEYOR_AI;
+};
 interface UserAvatarComponentProps extends GravatarOrInitialsProps {
     imgSrc?: string;
     enableTooltip?: boolean;
@@ -24,7 +28,7 @@ interface UserAvatarComponentProps extends GravatarOrInitialsProps {
 type UserAvatarProps = SharedAvatarProps & UserAvatarComponentProps & {
     type: AVATAR_TYPE.USER;
 };
-export type AvatarProps = AnonymousAvatarProps | SystemAvatarProps | UserAvatarProps;
+export type AvatarProps = AnonymousAvatarProps | SystemAvatarProps | UserAvatarProps | ConveyorAIAvatarProps;
 interface InitialsProps {
     email: string;
     name?: string;

package/public/components/Avatar/Avatar.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = exports.AvatarWrapper = exports.SystemAvatarAptible = exports.SystemAvatarConveyor = exports.SystemIconAptible = exports.SystemIconConveyor = void 0;
+exports.Avatar = exports.AvatarWrapper = exports.SystemAvatarAptible = exports.SystemAvatarConveyor = exports.SystemIconAptible = exports.SystemIconConveyorAI = exports.SystemIconConveyor = void 0;
 const react_1 = __importStar(require("react"));
 const md5_1 = __importDefault(require("md5"));
 const classnames_1 = __importDefault(require("classnames"));
@@ -52,8 +52,19 @@ const SystemIcon = (props) => {
         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" })));
 };
+const ConveyorAIIcon = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { 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" })));
+};
 const SystemIconConveyor = (props) => (react_1.default.createElement(SystemIcon, { ...props }));
 exports.SystemIconConveyor = SystemIconConveyor;
+const SystemIconConveyorAI = (props) => (react_1.default.createElement(ConveyorAIIcon, { ...props }));
+exports.SystemIconConveyorAI = SystemIconConveyorAI;
 const SystemIconAptible = (props) => (react_1.default.createElement(Svg_1.Svg, { viewBox: "0 0 40 32", ...props },
     react_1.default.createElement("path", { fill: color.gold["400"], d: "M22.018 31.667h5.646v-11.538l11.291 11.538v-7.692l-16.937-17.308z" }),
     react_1.default.createElement("path", { fill: color.gold["400"], d: "M27.777 0h-7.452l18.631 18.333v-7.333l-11.178-11z" }),
@@ -120,6 +131,10 @@ const SystemAvatar = () => {
     return (react_1.default.createElement(Box_1.Box, { className: cn({ e: "icon", m: "system" }) },
         react_1.default.createElement(SystemIcon, { "aria-hidden": "true", className: "svg-inline--fa fa-w-8", role: "img" })));
 };
+const ConveyorAIAvatar = () => {
+    return (react_1.default.createElement(Box_1.Box, { className: cn({ e: "icon", m: "conveyorai" }) },
+        react_1.default.createElement(ConveyorAIIcon, { "aria-hidden": "true", className: "svg-inline--fa fa-w-8", role: "img" })));
+};
 const SystemAvatarConveyor = () => {
     return react_1.default.createElement(SystemAvatar, null);
 };
@@ -134,6 +149,7 @@ const NonUserAvatarComponent = (type) => {
         anonymous: react_1.default.createElement(AnonymousAvatar, null),
         user: react_1.default.createElement(AnonymousAvatar, null),
         system: react_1.default.createElement(SystemAvatar, null),
+        conveyorai: react_1.default.createElement(ConveyorAIAvatar, null),
     }[type];
 };
 const AvatarWrapper = ({ children, size, square, bordered, className, ...rest }) => (react_1.default.createElement(Box_1.Box, { className: (0, classnames_1.default)(cn(), cn({ m: size }), square && cn({ m: "square" }), bordered && cn({ m: "bordered" }), className), ...rest }, children));

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

@@ -2,6 +2,10 @@ export type AvatarSize = "small" | "medium" | "large" | "xlarge";
 export declare enum AVATAR_TYPE {
     ANONYMOUS = "anonymous",
     SYSTEM = "system",
-    USER = "user"
+    USER = "user",
+    CONVEYOR_AI = "conveyorai"
 }
 export declare const AvatarSizesForGravatar: Record<AvatarSize, number>;
+export declare const avatarSizeMap: {
+    [key in AvatarSize]: number;
+};

package/public/components/Avatar/types.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarSizesForGravatar = exports.AVATAR_TYPE = void 0;
+exports.avatarSizeMap = exports.AvatarSizesForGravatar = exports.AVATAR_TYPE = void 0;
 var AVATAR_TYPE;
 (function (AVATAR_TYPE) {
     AVATAR_TYPE["ANONYMOUS"] = "anonymous";
     AVATAR_TYPE["SYSTEM"] = "system";
     AVATAR_TYPE["USER"] = "user";
+    AVATAR_TYPE["CONVEYOR_AI"] = "conveyorai";
 })(AVATAR_TYPE || (exports.AVATAR_TYPE = AVATAR_TYPE = {}));
 exports.AvatarSizesForGravatar = {
     small: 32,
@@ -13,3 +14,9 @@ exports.AvatarSizesForGravatar = {
     large: 64,
     xlarge: 96,
 };
+exports.avatarSizeMap = {
+    small: 16,
+    medium: 24,
+    large: 32,
+    xlarge: 48,
+};

package/public/components/Floating/FloatingTooltip.d.ts

@@ -18,6 +18,7 @@ export declare const FloatingTooltipTrigger: React.ForwardRefExoticComponent<Omi
 }, "ref"> & React.RefAttributes<HTMLElement>>;
 export interface FloatingTooltipContentProps extends HTMLProps<HTMLDivElement> {
     portalRoot?: PortalRootElementType;
+    disablePortal?: boolean;
 }
 export declare const FloatingTooltipContent: React.ForwardRefExoticComponent<Omit<FloatingTooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export type FloatingTooltipArrowProps = {

package/public/components/Floating/FloatingTooltip.js

@@ -106,20 +106,30 @@ exports.FloatingTooltipTrigger = (0, react_1.forwardRef)(function FloatingToolti
     }
     return (react_1.default.createElement(Box_1.Box, { ref: ref, as: "span", "data-state": state.open ? "open" : "closed", ...state.getReferenceProps(props) }, children));
 });
-exports.FloatingTooltipContent = (0, react_1.forwardRef)(function FloatingTooltipContent({ className, style, portalRoot, ...props }, propRef) {
+exports.FloatingTooltipContent = (0, react_1.forwardRef)(function FloatingTooltipContent({ className, style, portalRoot, disablePortal, ...props }, propRef) {
     var _a, _b;
     const state = (0, exports.useFloatingTooltipState)();
     const ref = (0, react_1.useMemo)(() => (0, react_merge_refs_1.default)([state.floating, propRef]), [
         state.floating,
         propRef,
     ]);
-    return (react_1.default.createElement(react_2.FloatingPortal, { root: portalRoot }, state.open && (react_1.default.createElement(Box_1.Box, { ref: ref, className: (0, classnames_1.default)(`${cn({ e: "content" })}`, className), style: {
-            position: state.strategy,
-            top: (_a = state.y) !== null && _a !== void 0 ? _a : 0,
-            left: (_b = state.x) !== null && _b !== void 0 ? _b : 0,
-            visibility: state.x == null ? "hidden" : "visible",
-            ...style,
-        }, ...state.getFloatingProps(props) }))));
+    const portalProps = (0, react_1.useMemo)(() => {
+        if (disablePortal) {
+            return {};
+        }
+        return {
+            root: portalRoot,
+        };
+    }, [portalRoot, disablePortal]);
+    const Portal = disablePortal ? react_1.default.Fragment : react_2.FloatingPortal;
+    return (react_1.default.createElement(react_1.default.Fragment, null, state.open && (react_1.default.createElement(Portal, { ...portalProps },
+        react_1.default.createElement(Box_1.Box, { ref: ref, className: (0, classnames_1.default)(`${cn({ e: "content" })}`, className), style: {
+                position: state.strategy,
+                top: (_a = state.y) !== null && _a !== void 0 ? _a : 0,
+                left: (_b = state.x) !== null && _b !== void 0 ? _b : 0,
+                visibility: state.x == null ? "hidden" : "visible",
+                ...style,
+            }, ...state.getFloatingProps(props) })))));
 });
 const FloatingTooltipArrow = ({ fill = tokens_1.tokens.color.gray[900], size = 6, }) => {
     const { arrowRef, placement, middlewareData: { arrow: { x: arrowX = undefined, y: arrowY = undefined } = {}, }, } = (0, exports.useFloatingTooltipState)();

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

@@ -16,6 +16,7 @@ export declare enum CUSTOM_ICON_TYPE {
     BRAND_SLACK = "brand-slack",
     BRAND_ZENDESK = "brand-zendesk",
     COMMENT_ALT_CHECK = "comment-alt-check",
+    CONVEYOR_AI = "conveyor-ai",
     CONVEYOR_LOGO = "conveyor-logo",
     DIALOG_CHECK = "dialog-check",
     DO_NOT_ENTER = "do-not-enter",

package/public/components/Icon/Icon.js

@@ -273,6 +273,7 @@ var CUSTOM_ICON_TYPE;
     CUSTOM_ICON_TYPE["BRAND_SLACK"] = "brand-slack";
     CUSTOM_ICON_TYPE["BRAND_ZENDESK"] = "brand-zendesk";
     CUSTOM_ICON_TYPE["COMMENT_ALT_CHECK"] = "comment-alt-check";
+    CUSTOM_ICON_TYPE["CONVEYOR_AI"] = "conveyor-ai";
     CUSTOM_ICON_TYPE["CONVEYOR_LOGO"] = "conveyor-logo";
     CUSTOM_ICON_TYPE["DIALOG_CHECK"] = "dialog-check";
     CUSTOM_ICON_TYPE["DO_NOT_ENTER"] = "do-not-enter";
@@ -302,6 +303,7 @@ const CustomIcons = {
     [CUSTOM_ICON_TYPE.BRAND_SLACK]: svg_1.BrandSlack,
     [CUSTOM_ICON_TYPE.BRAND_ZENDESK]: svg_1.BrandZendesk,
     [CUSTOM_ICON_TYPE.COMMENT_ALT_CHECK]: svg_1.CommentAltCheck,
+    [CUSTOM_ICON_TYPE.CONVEYOR_AI]: svg_1.ConveyorAI,
     [CUSTOM_ICON_TYPE.CONVEYOR_LOGO]: svg_1.ConveyorLogoIcon,
     [CUSTOM_ICON_TYPE.DIALOG_CHECK]: svg_1.DialogCheck,
     [CUSTOM_ICON_TYPE.DO_NOT_ENTER]: svg_1.DoNotEnter,

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

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

package/public/components/Icon/svg/ConveyorAI.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.ConveyorAI = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const ConveyorAI = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { 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.ConveyorAI = ConveyorAI;

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

@@ -12,6 +12,7 @@ export * from "./BrandSalesforce";
 export * from "./BrandSlack";
 export * from "./BrandZendesk";
 export * from "./CommentAltCheck";
+export * from "./ConveyorAI";
 export * from "./ConveyorLogoIcon";
 export * from "./DialogCheck";
 export * from "./DoNotEnter";

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

@@ -28,6 +28,7 @@ __exportStar(require("./BrandSalesforce"), exports);
 __exportStar(require("./BrandSlack"), exports);
 __exportStar(require("./BrandZendesk"), exports);
 __exportStar(require("./CommentAltCheck"), exports);
+__exportStar(require("./ConveyorAI"), exports);
 __exportStar(require("./ConveyorLogoIcon"), exports);
 __exportStar(require("./DialogCheck"), exports);
 __exportStar(require("./DoNotEnter"), exports);

package/public/css/styles.css

@@ -1709,6 +1709,16 @@ span.CodeMirror-selectedtext { background: none; }
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.ads-Avatar-icon--conveyorai {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 11 17 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 /* Double class selector to increase specificity and
 override built-in Image component classes */