@mparticle/aquarium 1.6.0 → 1.6.2

package/dist/index.d.ts

@@ -6,9 +6,13 @@ import { AutoCompleteProps } from 'antd';
 import { AvatarProps } from 'antd';
 import { BadgeProps } from 'antd';
 import { BaseOptionType } from 'antd/es/select';
+import { BreadcrumbItemProps } from 'antd';
 import { BreadcrumbProps } from 'antd';
+import { ButtonGroupProps } from 'antd/es/button';
 import { ButtonProps } from 'antd';
 import { CalendarProps } from 'antd';
+import { CardGridProps } from 'antd/es/card';
+import { CardMetaProps } from 'antd/es/card';
 import { CardProps } from 'antd';
 import { CarouselProps } from 'antd';
 import { CascaderPanelProps } from 'antd/es/cascader/Panel';
@@ -23,36 +27,66 @@ import { CollapseProps } from 'antd';
 import { ColorPickerProps } from 'antd';
 import { ConfigProviderProps } from 'antd/es/config-provider';
 import { Dayjs } from 'dayjs';
-import { default as default_2 } from 'antd/es/alert/ErrorBoundary';
+import { default as default_2 } from 'rc-field-form/es/useWatch';
+import { default as default_3 } from 'antd/es/form/hooks/useFormInstance';
+import { default as default_4 } from 'antd/es/alert/ErrorBoundary';
 import { DefaultOptionType } from 'antd/es/select';
+import { DescriptionsItemProps } from 'antd/es/descriptions/Item';
 import { DescriptionsProps } from 'antd';
 import { DividerProps } from 'antd';
 import { DrawerProps } from 'antd';
 import { DropdownButtonProps } from 'antd/es/dropdown';
 import { DropdownProps } from 'antd';
 import { EmptyProps } from 'antd';
+import { ErrorListProps } from 'antd/es/form';
 import { FC } from 'react';
 import { FlexProps } from 'antd';
 import { FloatButtonProps } from 'antd';
+import { FormItemProps } from 'antd';
+import { FormListProps } from 'antd/es/form';
 import { FormProps } from 'antd';
+import { FormProviderProps } from 'antd/es/form/context';
 import { ForwardRefExoticComponent } from 'react';
 import { Grid } from 'antd';
 import { GroupProps } from 'antd/es/input';
+import { GroupProps as GroupProps_2 } from 'antd/es/avatar';
 import { ColProps as IColProps } from 'antd';
-import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { IFlexProps as IFlexProps_2 } from '../../../../../../../../../src/components/layout/Flex/Flex';
+import { IGlobalNavigationLogo } from '../../../../../../../src/components/navigation/GlobalNavigation/GlobalNavigationItems';
+import { IGlobalNavigationLogo as IGlobalNavigationLogo_2 } from '../../../../../../../../../src/components/navigation/GlobalNavigation/GlobalNavigationItems';
+import { IGlobalNavigationManagement } from '../../../../../../../src/components/navigation/GlobalNavigation/GlobalNavigationItems';
+import { IGlobalNavigationManagement as IGlobalNavigationManagement_2 } from '../../../../../../../../../src/components/navigation/GlobalNavigation/GlobalNavigationItems';
+import { IGlobalNavigationTool } from '../../../../../../../src/components/navigation/GlobalNavigation/GlobalNavigationItems';
+import { IGlobalNavigationTool as IGlobalNavigationTool_2 } from '../../../../../../../../../src/components/navigation/GlobalNavigation/GlobalNavigationItems';
 import { ImageProps } from 'antd';
+import { IMentionsProps } from './data-entry/Mentions/Mentions';
 import { IModalProps as IModalProps_2 } from '../../../../../../../../../src/components/feedback/Modal/Modal';
+import { INavigationAccount } from './navigation/GlobalNavigation/WorkspaceSelector/WorkspaceSelectorItems';
+import { INavigationCreateGroup } from '../../../../../../../src/components/navigation/GlobalNavigation/NavigationCreate';
+import { INavigationCreateItem } from '../../../../../../../src/components/navigation/GlobalNavigation/NavigationCreate';
+import { INavigationCreateProps } from '../../../../../../../src/components/navigation/GlobalNavigation/NavigationCreate';
+import { INavigationCreateProps as INavigationCreateProps_2 } from '../../../../../../../../../src/components';
+import { INavigationOrg } from './navigation/GlobalNavigation/WorkspaceSelector/WorkspaceSelectorItems';
+import { INavigationOrg as INavigationOrg_2 } from '../../../../../../../../../src/components/navigation/GlobalNavigation/WorkspaceSelectorItems';
+import { INavigationWorkspace } from './navigation/GlobalNavigation/WorkspaceSelector/WorkspaceSelectorItems';
 import { InputNumberProps } from 'antd';
 import { InputProps } from 'antd';
 import { InputRef } from 'antd';
 import { RowProps as IRowProps } from 'antd';
+import { IWorkspaceSelectorDisplayItem } from './navigation/GlobalNavigation/WorkspaceSelector/WorkspaceSelectorItems';
+import { IWorkspaceSelectorItem } from './navigation/GlobalNavigation/WorkspaceSelector/WorkspaceSelectorItems';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
 import { LayoutProps } from 'antd';
 import { ListItemTypeProps } from 'antd/es/list/Item';
 import { ListProps } from 'antd';
 import { MemoExoticComponent } from 'react';
-import { MentionProps } from 'antd';
+import { Mentions } from './data-entry/Mentions/Mentions';
+import { MenuDividerType } from 'antd/es/menu/hooks/useItems';
+import { MenuInfo } from 'rc-menu/lib/interface';
+import { default as MenuItem } from 'antd/es/menu/MenuItem';
+import { MenuItemGroupType } from 'antd/es/menu/hooks/useItems';
+import { MenuItemType } from 'antd/es/menu/hooks/useItems';
 import { MenuProps } from 'antd';
 import { MessageArgsProps } from 'antd';
 import { ModalProps } from 'antd';
@@ -72,6 +106,7 @@ import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { ResultProps } from 'antd';
+import { RibbonProps } from 'antd/es/badge/Ribbon';
 import { Row } from 'antd';
 import { SearchProps } from 'antd/es/input';
 import { SegmentedProps } from 'antd';
@@ -84,6 +119,7 @@ import { SpaceProps } from 'antd';
 import { SpinProps } from 'antd';
 import { StatisticProps } from 'antd';
 import { StepsProps } from 'antd';
+import { SubMenuType } from 'antd/es/menu/hooks/useItems';
 import { SwitchProps } from 'antd';
 import { TableProps } from 'antd';
 import { TabsProps } from 'antd';
@@ -95,16 +131,18 @@ import { TimePickerProps } from 'antd';
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { TourProps } from 'antd';
 import { TransferProps } from 'antd';
+import { TreeDataNode } from 'antd';
 import { TreeProps } from 'antd';
 import { TreeSelectProps } from 'antd';
 import { UploadProps } from 'antd';
+import { useForm } from 'antd/es/form/Form';
 import { WatermarkProps } from 'antd';
 
 export declare const Affix: (props: IAffixProps) => JSX_2.Element;
 
 export declare const Alert: {
     (props: IAlertProps): JSX_2.Element;
-    ErrorBoundary: typeof default_2;
+    ErrorBoundary: typeof default_4;
 };
 
 export declare const Anchor: (props: IAnchorProps) => JSX_2.Element;
@@ -115,17 +153,35 @@ export declare const App: (props: IAppProps) => JSX_2.Element;
 
 export declare const AutoComplete: (props: IAutoCompleteProps) => JSX_2.Element;
 
-export declare const Avatar: (props: IAvatarProps) => JSX_2.Element;
+export declare const Avatar: {
+    (props: IAvatarProps): JSX_2.Element;
+    Group: FC<GroupProps_2>;
+};
 
-export declare const Badge: (props: IBadgeProps) => JSX_2.Element;
+export declare const Badge: {
+    (props: IBadgeProps): JSX_2.Element;
+    Ribbon: FC<RibbonProps>;
+};
 
-export declare const Breadcrumb: (props: IBreadcrumbProps) => JSX_2.Element;
+export declare const Breadcrumb: {
+    (props: IBreadcrumbProps): JSX_2.Element;
+    Item: FC<BreadcrumbItemProps> & {
+        __ANT_BREADCRUMB_ITEM: boolean;
+    };
+};
 
-export declare const Button: (props: IButtonProps) => JSX_2.Element;
+export declare const Button: {
+    (props: IButtonProps): JSX_2.Element;
+    Group: FC<ButtonGroupProps>;
+};
 
 export declare const Calendar: (props: ICalendarProps) => JSX_2.Element;
 
-export declare const Card: (props: ICardProps) => JSX_2.Element;
+export declare const Card: {
+    (props: ICardProps): JSX_2.Element;
+    Meta: FC<CardMetaProps>;
+    Grid: FC<CardGridProps>;
+};
 
 export declare const Carousel: (props: ICarouselProps) => JSX_2.Element;
 
@@ -136,6 +192,8 @@ export declare const Cascader: {
     SHOW_CHILD: "SHOW_CHILD";
 };
 
+export declare const Center: (props: Omit<IFlexProps_2, 'justify' | 'align'>) => JSX_2.Element;
+
 declare type CheckableTagProps = CheckableTagProps_2 & ITagProps;
 
 export declare const Checkbox: {
@@ -153,7 +211,10 @@ export declare const ConfigProvider: (props: IConfigProviderProps) => JSX_2.Elem
 
 export declare const DatePicker: (props: IDatePickerProps) => JSX_2.Element;
 
-export declare const Descriptions: (props: IDescriptionsProps) => JSX_2.Element;
+export declare const Descriptions: {
+    (props: IDescriptionsProps): JSX_2.Element;
+    Item: FC<DescriptionsItemProps>;
+};
 
 export declare const Divider: (props: IDividerProps) => JSX_2.Element;
 
@@ -174,7 +235,27 @@ export declare const Flex: (props: IFlexProps) => JSX_2.Element;
 
 export declare const FloatButton: (props: IFloatButtonProps) => JSX_2.Element;
 
-export declare const Form: (props: IFormProps) => JSX_2.Element;
+export declare const Form: {
+    (props: IFormProps): JSX_2.Element;
+    useForm: typeof useForm;
+    useWatch: typeof default_2;
+    useFormInstance: typeof default_3;
+    Item: (<Values = any>(props: FormItemProps<Values>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+        useStatus: () => {
+            status?: "" | "warning" | "error" | "success" | "validating" | undefined;
+            errors: ReactNode[];
+            warnings: ReactNode[];
+        };
+    };
+    List: FC<FormListProps>;
+    displayName: string | undefined;
+    Provider: FC<FormProviderProps>;
+    ErrorList: FC<ErrorListProps>;
+};
+
+export declare const GlobalNavigation: (props: IGlobalNavigationProps) => JSX_2.Element;
+
+export declare const GlobalNavWidth: 90;
 
 export { Grid }
 
@@ -227,8 +308,6 @@ export declare interface IColorPickerProps extends ColorPickerProps {
 
 export { IColProps }
 
-export declare const Icon: (props: IIconProps) => JSX_2.Element;
-
 export declare interface IConfigProviderProps extends ConfigProviderProps {
 }
 
@@ -257,13 +336,30 @@ export declare interface IFloatButtonProps extends FloatButtonProps {
 }
 
 export declare interface IFormProps extends FormProps {
-    children: React.ReactNode;
+    children: ReactNode;
 }
 
-export declare interface IIconProps {
-    icon: IconProp;
+export { IGlobalNavigationLogo }
+
+export { IGlobalNavigationManagement }
+
+export declare interface IGlobalNavigationProps {
+    logo: IGlobalNavigationLogo_2;
+    tools: IGlobalNavigationTool_2[];
+    management: IGlobalNavigationManagement_2[];
+    orgs?: INavigationOrg_2[];
+    createItems?: INavigationCreateProps_2['createItems'];
+    onSearchClick?: () => void;
+    onMpHomeClick: () => void;
+    hideMpHome?: boolean;
+    signoutOptions?: {
+        label?: string;
+        onSignout: () => void;
+    };
 }
 
+export { IGlobalNavigationTool }
+
 export declare interface IImageProps extends ImageProps {
 }
 
@@ -287,7 +383,9 @@ export declare interface ILoadingModalProps<Data> extends Omit<IModalProps_2, 'c
 declare const Image_2: (props: IImageProps) => JSX_2.Element;
 export { Image_2 as Image }
 
-export declare interface IMentionsProps extends MentionProps {
+export { IMentionsProps }
+
+export declare interface IMenuInfo extends MenuInfo {
 }
 
 export declare interface IMenuProps extends MenuProps {
@@ -300,6 +398,18 @@ export declare interface IMessageProps extends MessageArgsProps {
 export declare interface IModalProps extends ModalProps {
 }
 
+export { INavigationAccount }
+
+export { INavigationCreateGroup }
+
+export { INavigationCreateItem }
+
+export { INavigationCreateProps }
+
+export { INavigationOrg }
+
+export { INavigationWorkspace }
+
 export declare interface INotificationProps extends NotificationArgsProps {
     children: React.ReactNode;
 }
@@ -391,6 +501,9 @@ export declare interface ITourProps extends TourProps {
 export declare interface ITransferProps extends TransferProps {
 }
 
+export declare interface ITreeData extends TreeDataNode {
+}
+
 export declare interface ITreeProps extends TreeProps {
 }
 
@@ -403,6 +516,10 @@ export declare interface IUploadProps extends UploadProps {
 export declare interface IWatermarkProps extends WatermarkProps {
 }
 
+export { IWorkspaceSelectorDisplayItem }
+
+export { IWorkspaceSelectorItem }
+
 export declare const Layout: {
     (props: ILayoutProps): JSX_2.Element;
     Sider: ForwardRefExoticComponent<SiderProps & RefAttributes<HTMLDivElement>>;
@@ -418,10 +535,18 @@ export declare const List: {
 
 export declare function LoadingModal<Data>(props: ILoadingModalProps<Data>): JSX_2.Element;
 
-export declare const Mentions: (props: IMentionsProps) => JSX_2.Element;
+export { Mentions }
 
 export declare const Menu: (props: IMenuProps) => JSX_2.Element;
 
+export { MenuDividerType }
+
+export { MenuItem }
+
+export { MenuItemGroupType }
+
+export { MenuItemType }
+
 export declare const Message: (props: IMessageProps) => JSX_2.Element;
 
 export declare const Modal: (props: IModalProps) => JSX_2.Element;
@@ -467,6 +592,8 @@ export declare const Statistic: (props: IStatisticProps) => JSX_2.Element;
 
 export declare const Steps: (props: IStepsProps) => JSX_2.Element;
 
+export { SubMenuType }
+
 export declare const Switch: (props: ISwitchProps) => JSX_2.Element;
 
 export declare const Table: (props: ITableProps) => JSX_2.Element;

package/dist/style.css

@@ -0,0 +1 @@
+:root{--blue: #1677ff;--purple: #722ED1;--cyan: #13C2C2;--green: #52C41A;--magenta: #EB2F96;--pink: #eb2f96;--red: #F5222D;--orange: #FA8C16;--yellow: #FADB14;--volcano: #FA541C;--geekblue: #2F54EB;--gold: #FAAD14;--lime: #A0D911;--color-primary: #3600d1;--color-success: #52c41a;--color-warning: #faad14;--color-error: #f5222d;--color-info: #1677ff;--color-link: #1677ff;--color-text-base: #0f0e0e;--color-bg-base: #fff;--font-family: "GT America", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-code: "Roboto Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-size: 14px;--line-width: 1px;--line-type: solid;--motion-unit: .1;--motion-base: 0;--motion-ease-out-circ: cubic-bezier(.08, .82, .17, 1);--motion-ease-in-out-circ: cubic-bezier(.78, .14, .15, .86);--motion-ease-out: cubic-bezier(.215, .61, .355, 1);--motion-ease-in-out: cubic-bezier(.645, .045, .355, 1);--motion-ease-out-back: cubic-bezier(.12, .4, .29, 1.46);--motion-ease-in-back: cubic-bezier(.71, -.46, .88, .6);--motion-ease-in-quint: cubic-bezier(.755, .05, .855, .06);--motion-ease-out-quint: cubic-bezier(.23, 1, .32, 1);--border-radius: 6px;--size-unit: 4px;--size-step: 4px;--size-popup-arrow: 16px;--control-height: 32px;--z-index-base: 0;--z-index-popup-base: 1000;--opacity-image: 1;--wireframe: false;--motion: true;--color-link-hover: #ab8eff;--control-outline: rgba(.21176470816135406, 0, .8196078538894653, .10000000149011612);--control-item-bg-hover: #f8f6fb;--control-item-bg-active: #ebe8f8;--control-item-bg-active-hover: #c3aeff;--color-text: #0f0e0e;--color-text-secondary: #212020;--color-text-tertiary: #2c2d2b;--color-text-quaternary: #505249;--color-fill: #dcdcd8;--color-fill-secondary: #ebe8f8;--color-fill-tertiary: #faf9f8;--color-fill-quaternary: #f8f6fb;--color-bg-layout: #fff;--color-bg-spotlight: #2c2d2b;--color-border: #c3aeff;--color-border-secondary: #eceae9;--color-split: #eceae9;--color-bg-mask: #babbb5;--mp-brand-primary-1: #f8f6fb;--mp-brand-primary-2: #ebe8f8;--mp-brand-primary-3: #dbceff;--mp-brand-primary-4: #c3aeff;--mp-brand-primary-5: #ab8eff;--mp-brand-primary-6: #8255ff;--mp-brand-primary-7: #5f29f8;--mp-brand-primary-8: #3600d1;--mp-brand-primary-9: #2c00aa;--mp-brand-primary-10: #20007a;--mp-brand-secondary-1: #fff;--mp-brand-secondary-2: #faf9f8;--mp-brand-secondary-3: #eceae9;--mp-brand-secondary-4: #dcdcd8;--mp-brand-secondary-5: #babbb5;--mp-brand-secondary-6: #717368;--mp-brand-secondary-7: #505249;--mp-brand-secondary-8: #2c2d2b;--mp-brand-secondary-9: #212020;--mp-brand-secondary-10: #0f0e0e;--mp-color-border-disabled: #dcdcd8;--blue-1: #e6f4ff;--blue1: #e6f4ff;--blue-2: #bae0ff;--blue2: #bae0ff;--blue-3: #91caff;--blue3: #91caff;--blue-4: #69b1ff;--blue4: #69b1ff;--blue-5: #4096ff;--blue5: #4096ff;--blue-6: #1677ff;--blue6: #1677ff;--blue-7: #0958d9;--blue7: #0958d9;--blue-8: #003eb3;--blue8: #003eb3;--blue-9: #002c8c;--blue9: #002c8c;--blue-10: #001d66;--blue10: #001d66;--purple-1: #f9f0ff;--purple1: #f9f0ff;--purple-2: #efdbff;--purple2: #efdbff;--purple-3: #d3adf7;--purple3: #d3adf7;--purple-4: #b37feb;--purple4: #b37feb;--purple-5: #9254de;--purple5: #9254de;--purple-6: #722ed1;--purple6: #722ed1;--purple-7: #531dab;--purple7: #531dab;--purple-8: #391085;--purple8: #391085;--purple-9: #22075e;--purple9: #22075e;--purple-10: #120338;--purple10: #120338;--cyan-1: #e6fffb;--cyan1: #e6fffb;--cyan-2: #b5f5ec;--cyan2: #b5f5ec;--cyan-3: #87e8de;--cyan3: #87e8de;--cyan-4: #5cdbd3;--cyan4: #5cdbd3;--cyan-5: #36cfc9;--cyan5: #36cfc9;--cyan-6: #13c2c2;--cyan6: #13c2c2;--cyan-7: #08979c;--cyan7: #08979c;--cyan-8: #006d75;--cyan8: #006d75;--cyan-9: #00474f;--cyan9: #00474f;--cyan-10: #002329;--cyan10: #002329;--green-1: #f6ffed;--green1: #f6ffed;--green-2: #d9f7be;--green2: #d9f7be;--green-3: #b7eb8f;--green3: #b7eb8f;--green-4: #95de64;--green4: #95de64;--green-5: #73d13d;--green5: #73d13d;--green-6: #52c41a;--green6: #52c41a;--green-7: #389e0d;--green7: #389e0d;--green-8: #237804;--green8: #237804;--green-9: #135200;--green9: #135200;--green-10: #092b00;--green10: #092b00;--magenta-1: #fff0f6;--magenta1: #fff0f6;--magenta-2: #ffd6e7;--magenta2: #ffd6e7;--magenta-3: #ffadd2;--magenta3: #ffadd2;--magenta-4: #ff85c0;--magenta4: #ff85c0;--magenta-5: #f759ab;--magenta5: #f759ab;--magenta-6: #eb2f96;--magenta6: #eb2f96;--magenta-7: #c41d7f;--magenta7: #c41d7f;--magenta-8: #9e1068;--magenta8: #9e1068;--magenta-9: #780650;--magenta9: #780650;--magenta-10: #520339;--magenta10: #520339;--pink-1: #fff0f6;--pink1: #fff0f6;--pink-2: #ffd6e7;--pink2: #ffd6e7;--pink-3: #ffadd2;--pink3: #ffadd2;--pink-4: #ff85c0;--pink4: #ff85c0;--pink-5: #f759ab;--pink5: #f759ab;--pink-6: #eb2f96;--pink6: #eb2f96;--pink-7: #c41d7f;--pink7: #c41d7f;--pink-8: #9e1068;--pink8: #9e1068;--pink-9: #780650;--pink9: #780650;--pink-10: #520339;--pink10: #520339;--red-1: #fff1f0;--red1: #fff1f0;--red-2: #ffccc7;--red2: #ffccc7;--red-3: #ffa39e;--red3: #ffa39e;--red-4: #ff7875;--red4: #ff7875;--red-5: #ff4d4f;--red5: #ff4d4f;--red-6: #f5222d;--red6: #f5222d;--red-7: #cf1322;--red7: #cf1322;--red-8: #a8071a;--red8: #a8071a;--red-9: #820014;--red9: #820014;--red-10: #5c0011;--red10: #5c0011;--orange-1: #fff7e6;--orange1: #fff7e6;--orange-2: #ffe7ba;--orange2: #ffe7ba;--orange-3: #ffd591;--orange3: #ffd591;--orange-4: #ffc069;--orange4: #ffc069;--orange-5: #ffa940;--orange5: #ffa940;--orange-6: #fa8c16;--orange6: #fa8c16;--orange-7: #d46b08;--orange7: #d46b08;--orange-8: #ad4e00;--orange8: #ad4e00;--orange-9: #873800;--orange9: #873800;--orange-10: #612500;--orange10: #612500;--yellow-1: #feffe6;--yellow1: #feffe6;--yellow-2: #ffffb8;--yellow2: #ffffb8;--yellow-3: #fffb8f;--yellow3: #fffb8f;--yellow-4: #fff566;--yellow4: #fff566;--yellow-5: #ffec3d;--yellow5: #ffec3d;--yellow-6: #fadb14;--yellow6: #fadb14;--yellow-7: #d4b106;--yellow7: #d4b106;--yellow-8: #ad8b00;--yellow8: #ad8b00;--yellow-9: #876800;--yellow9: #876800;--yellow-10: #614700;--yellow10: #614700;--volcano-1: #fff2e8;--volcano1: #fff2e8;--volcano-2: #ffd8bf;--volcano2: #ffd8bf;--volcano-3: #ffbb96;--volcano3: #ffbb96;--volcano-4: #ff9c6e;--volcano4: #ff9c6e;--volcano-5: #ff7a45;--volcano5: #ff7a45;--volcano-6: #fa541c;--volcano6: #fa541c;--volcano-7: #d4380d;--volcano7: #d4380d;--volcano-8: #ad2102;--volcano8: #ad2102;--volcano-9: #871400;--volcano9: #871400;--volcano-10: #610b00;--volcano10: #610b00;--geekblue-1: #f0f5ff;--geekblue1: #f0f5ff;--geekblue-2: #d6e4ff;--geekblue2: #d6e4ff;--geekblue-3: #adc6ff;--geekblue3: #adc6ff;--geekblue-4: #85a5ff;--geekblue4: #85a5ff;--geekblue-5: #597ef7;--geekblue5: #597ef7;--geekblue-6: #2f54eb;--geekblue6: #2f54eb;--geekblue-7: #1d39c4;--geekblue7: #1d39c4;--geekblue-8: #10239e;--geekblue8: #10239e;--geekblue-9: #061178;--geekblue9: #061178;--geekblue-10: #030852;--geekblue10: #030852;--gold-1: #fffbe6;--gold1: #fffbe6;--gold-2: #fff1b8;--gold2: #fff1b8;--gold-3: #ffe58f;--gold3: #ffe58f;--gold-4: #ffd666;--gold4: #ffd666;--gold-5: #ffc53d;--gold5: #ffc53d;--gold-6: #faad14;--gold6: #faad14;--gold-7: #d48806;--gold7: #d48806;--gold-8: #ad6800;--gold8: #ad6800;--gold-9: #874d00;--gold9: #874d00;--gold-10: #613400;--gold10: #613400;--lime-1: #fcffe6;--lime1: #fcffe6;--lime-2: #f4ffb8;--lime2: #f4ffb8;--lime-3: #eaff8f;--lime3: #eaff8f;--lime-4: #d3f261;--lime4: #d3f261;--lime-5: #bae637;--lime5: #bae637;--lime-6: #a0d911;--lime6: #a0d911;--lime-7: #7cb305;--lime7: #7cb305;--lime-8: #5b8c00;--lime8: #5b8c00;--lime-9: #3f6600;--lime9: #3f6600;--lime-10: #254000;--lime10: #254000;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-blur: transparent;--color-primary-bg: #f1e6ff;--color-primary-bg-hover: #c8a3ff;--color-primary-border: #a677f7;--color-primary-border-hover: #804beb;--color-primary-hover: #5b23de;--color-primary-active: #2800ab;--color-primary-text-hover: #5b23de;--color-primary-text: #3600d1;--color-primary-text-active: #2800ab;--color-success-bg: #f6ffed;--color-success-bg-hover: #d9f7be;--color-success-border: #b7eb8f;--color-success-border-hover: #95de64;--color-success-hover: #95de64;--color-success-active: #389e0d;--color-success-text-hover: #73d13d;--color-success-text: #52c41a;--color-success-text-active: #389e0d;--color-error-bg: #fff1f0;--color-error-bg-hover: #ffccc7;--color-error-border: #ffa39e;--color-error-border-hover: #ff7875;--color-error-hover: #ff4d4f;--color-error-active: #cf1322;--color-error-text-hover: #ff4d4f;--color-error-text: #f5222d;--color-error-text-active: #cf1322;--color-warning-bg: #fffbe6;--color-warning-bg-hover: #fff1b8;--color-warning-border: #ffe58f;--color-warning-border-hover: #ffd666;--color-warning-hover: #ffd666;--color-warning-active: #d48806;--color-warning-text-hover: #ffc53d;--color-warning-text: #faad14;--color-warning-text-active: #d48806;--color-info-bg: #e6f4ff;--color-info-bg-hover: #bae0ff;--color-info-border: #91caff;--color-info-border-hover: #69b1ff;--color-info-hover: #69b1ff;--color-info-active: #0958d9;--color-info-text-hover: #4096ff;--color-info-text: #1677ff;--color-info-text-active: #0958d9;--color-link-active: #0958d9;--color-white: #fff;--font-size-sm: 12px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-heading1: 38px;--font-size-heading2: 30px;--font-size-heading3: 24px;--font-size-heading4: 20px;--font-size-heading5: 16px;--line-height: 1.5714285714285714;--line-height-lg: 1.5;--line-height-sm: 1.6666666666666667;--font-height: 22px;--font-height-lg: 24px;--font-height-sm: 20px;--line-height-heading1: 1.2105263157894737;--line-height-heading2: 1.2666666666666666;--line-height-heading3: 1.3333333333333333;--line-height-heading4: 1.4;--line-height-heading5: 1.5;--size-xxl: 48px;--size-xl: 32px;--size-lg: 24px;--size-md: 20px;--size-ms: 16px;--size: 16rem;--size-sm: 12px;--size-xs: 8px;--size-xxs: 4px;--control-height-sm: 24px;--control-height-xs: 16px;--control-height-lg: 40px;--motion-duration-fast: .1s;--motion-duration-mid: .2s;--motion-duration-slow: .3s;--line-width-bold: 2px;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-lg: 8px;--border-radius-outer: 4px;--color-fill-content: #ebe8f8;--color-fill-content-hover: #dcdcd8;--color-fill-alter: #f8f6fb;--color-bg-container-disabled: #faf9f8;--color-border-bg: #ffffff;--color-text-placeholder: #505249;--color-text-disabled: #505249;--color-text-heading: #0f0e0e;--color-text-label: #212020;--color-text-description: #2c2d2b;--color-text-light-solid: #fff;--color-highlight: #f5222d;--color-bg-text-hover: #ebe8f8;--color-bg-text-active: #dcdcd8;--color-icon: #2c2d2b;--color-icon-hover: #0f0e0e;--color-error-outline: rgba(255, 22, 5, .06);--color-warning-outline: rgba(255, 215, 5, .1);--font-size-icon: 12px;--line-width-focus: 4px;--control-outline-width: 2px;--control-interactive-size: 16px;--control-item-bg-active-disabled: #dcdcd8;--control-tmp-outline: #f8f6fb;--font-weight-strong: 600;--opacity-loading: .65;--link-decoration: none;--link-hover-decoration: none;--link-focus-decoration: none;--control-padding-horizontal: 12px;--control-padding-horizontal-sm: 8px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-md: 20px;--padding-lg: 24px;--padding-xl: 32px;--padding-content-horizontal-lg: 24px;--padding-content-vertical-lg: 16px;--padding-content-horizontal: 16px;--padding-content-vertical: 12px;--padding-content-horizontal-sm: 16px;--padding-content-vertical-sm: 8px;--margin-xxs: 4px;--margin-xs: 8px;--margin-sm: 12px;--margin: 16px;--margin-md: 20px;--margin-lg: 24px;--margin-xl: 32px;--margin-xxl: 48px;--box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02) ;--screen-xs: 480px;--screen-xs-min: 480px;--screen-xs-max: 575px;--screen-sm: 576px;--screen-sm-min: 576px;--screen-sm-max: 767px;--screen-md: 768px;--screen-md-min: 768px;--screen-md-max: 991px;--screen-lg: 992px;--screen-lg-min: 992px;--screen-lg-max: 1199px;--screen-xl: 1200px;--screen-xl-min: 1200px;--screen-xl-max: 1599px;--screen-xxl: 1600px;--screen-xxl-min: 1600px;--box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, .05);--box-shadow-card: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09) ;--box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, .08), -3px 0 6px -4px rgba(0, 0, 0, .12), -9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, .08), 3px 0 6px -4px rgba(0, 0, 0, .12), 9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, .08), 0 -3px 6px -4px rgba(0, 0, 0, .12), 0 -9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, .08)}:root{--nav-item-height: 56px;--nav-item-width: 82px;--nav-width: 90px;--suite-logo-height: 82px}.globalNavigation{width:var(--nav-width);min-height:100%;background-color:#fff!important;border-right:1px solid var(--color-border-secondary);box-shadow:0 2px 4px #00000005,0 1px 6px -1px #00000005,0 1px 2px #00000008;position:absolute;top:0;bottom:0;overflow:hidden auto}.globalNavigation__sider{min-height:100%;background-color:#fff!important}.globalNavigation__item{height:var(--nav-item-height)!important;width:var(--nav-width);margin:0;padding:0;gap:var(--margin-xxs);border-radius:0!important;cursor:pointer;transition:none!important}.globalNavigation__item:hover{background-color:var(--control-item-bg-hover)!important}.globalNavigation__item:focus,.globalNavigation__item:active{background-color:var(--control-item-bg-active)}.globalNavigation__item .ant-menu-submenu-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:var(--nav-item-height)!important;padding:0!important;margin:0!important;background-color:transparent!important}.globalNavigation__item .ant-menu-title-content{text-wrap:normal;margin-inline-start:0!important;opacity:1!important}.globalNavigation__item.globalNavigation__item--workspaceSelector:hover{background-color:initial}.globalNavigation__item.globalNavigation__item--createNew{border:none!important}.globalNavigation__item.globalNavigation__item--createNew:hover{background-color:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-menu-item-icon{pointer-events:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-button:hover{border-color:var(--color-primary-hover)!important}.globalNavigation__item.globalNavigation__item--active{border-left:solid 3px var(--color-primary);background-color:var(--color-bg-text-hover)}.globalNavigation__search{width:100%}.globalNavigation__searchButtonWrapper,.navigationCreate__popupButtonWrapper{height:var(--nav-item-height)}.globalNavigation__searchButton,.navigationCreate__popupButton{box-shadow:0 2px #3600d11a}.navigationCreate__popupIcon,.globalNavigation__searchIcon{width:var(--size-lg)!important;height:var(--size-lg)!important}.navigationCreate__lockIcon{padding-left:var(--padding-xs);width:var(--size-sm)!important;height:var(--size-sm)!important}.globalNavigation__searchButton{padding-inline:var(--padding-xs) var(--padding-xs)!important}.globalNavigation__popup .ant-menu-item-group-title{margin:0 var(--margin-xxs)!important;padding:var(--padding-xs) var(--padding) 0!important;user-select:none;color:var(--color-primary-text)!important;font-size:12px!important;font-weight:500;line-height:20px}.globalNavigation__popup.globalNavigation__popup--navigationCreate{width:290px!important}.globalNavigation__popup.globalNavigation__popup--navigationCreate .ant-menu-item-group-title{border-top:1px solid var(--color-border-secondary);color:var(--color-primary-text)!important}.navigationCreate__item{height:100%!important;min-height:100%!important}.navigationCreate__item .ant-flex{gap:0}.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemTitle,.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemDescription{color:var(--color-text-disabled)!important}.navigationCreate__itemTitle{color:var(--color-text-heading);font-size:14px;font-weight:500;line-height:22px}.navigationCreate__itemDescription{color:var(--color-text-description);font-size:12px;line-height:20px;white-space:normal!important}.navigationCreate__itemLoading,.navigationCreate__itemLock{padding-left:var(--padding-sm)}.navigationCreate__itemLock{width:var(--size-sm);height:var(--size-sm)}.globalNavigation__menu{height:var(--nav-item-height)!important;width:100%;border-inline-end:initial!important}.globalNavigation__menu .globalNavigation__icon{height:100%;width:20px}.globalNavigation__icon.globalNavigation__icon--suiteLogo{padding-bottom:var(--padding-xxs)}.globalNavigation__icon.globalNavigation__icon--suiteLogo svg{width:20px;height:20px}.globalNavigation__menu .globalNavigation__iconLabel{margin-top:var(--margin-xxs)}.globalNavigation__iconLabel{color:var(--color-text);font-size:10px}.globalNavigation__badge{border:solid 1px var(--color-border);border-radius:var(--border-radius-sm);padding:1px var(--padding-content-vertical-sm);box-shadow:none!important}.globalNavigation__badge .ant-badge-count{color:var(--color-text)!important;background:transparent!important;box-shadow:none!important}.ant-badge-color-red{color:var(--color-error)!important;background:var(--color-error)!important}.ant-menu-item-selected{background-color:revert!important;color:revert!important}.globalNavigation__headerItem{width:var(--control-height-lg);height:var(--control-height-lg)!important;padding:0 var(--padding-sm);border-radius:var(--border-radius-lg);border:1px solid var(--color-border, #c3aeff)}.globalNavigation__suiteLogo{min-height:var(--suite-logo-height);min-width:var(--nav-width);padding-top:var(--padding-lg);color:#000;font-size:var(--font-size-sm);font-weight:400;cursor:default}.globalNavigation__divider{border-bottom:1px solid var(--color-border-secondary);width:80%;margin-top:var(--margin-md);margin-bottom:var(--margin-md)}.globalNavigation__mpHome{padding:var(--padding-lg, 20px);margin-top:var(--margin-xs);width:var(--nav-width);height:var(--nav-item-height);background-color:#000;color:#fff;cursor:pointer}.globalNavigation__mpSvg{width:28px;height:var(--size-lg)}.u-display-none{display:none!important}.workspaceSelector .ant-menu{max-height:500px!important}.workspaceSelector__search{position:sticky!important;bottom:40px;z-index:1;width:100%!important;padding:0 var(--padding-xxs)!important;margin:0!important;background-color:#fff!important}.workspaceSelector__noResults{height:100%!important;width:180px!important;pointer-events:none}.workspaceSelector__noResults .ant-menu-title-content{height:100%!important}.workspaceSelector__noResults .ant-result-title{font-size:var(--font-size)}.workspaceSelector__avatar{color:#fff!important}.workspaceSelector__orgName{color:var(--color-primary);pointer-events:none;font-weight:500;padding:var(--padding-xxs) var(--control-padding-horizontal)!important}.workspaceSelector__orgName:not(:nth-child(2)){padding-left:var(--padding-xs);padding-right:var(--padding-xs);border-top:1px solid var(--color-border-secondary)}.workspaceSelector__accountName{height:var(--control-height);padding:0 var(--control-padding-horizontal)!important;pointer-events:none}.workspaceSelector__workspaceName{padding-left:calc(var(--padding-sm) + var(--padding))!important}.workspaceSelector__workspaceName.workspaceSelector__workspaceName--active{border-radius:4px;background:var(--control-item-bg-active)!important}.workspaceSelector__orgName,.workspaceSelector__accountName{pointer-events:none}.workspaceSelector__orgName,.workspaceSelector__accountName,.workspaceSelector__workspaceName{margin-top:0!important;margin-bottom:0!important}.workspaceSelector__signout{position:sticky!important;bottom:0;width:100%!important;padding:0 var(--padding-xxs)!important;margin:0!important;background-color:#fff!important}.workspaceSelector__signoutButton{padding:0!important;width:100%!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mparticle/aquarium",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "mParticle Component Library",
   "license": "Apache-2.0",
   "keywords": [
@@ -12,30 +12,28 @@
   "publishConfig": {
     "access": "public"
   },
+  "type": "module",
   "types": "dist/index.d.ts",
-  "main": "dist/aquarium.mjs",
+  "main": "dist/aquarium.umd.cjs",
+  "module": "dist/aquarium.js",
   "files": [
-    "dist/aquarium.mjs",
+    "dist/aquarium.umd.cjs",
+    "dist/aquarium.js",
     "dist/index.d.ts",
-    "dist/_variables.css"
+    "dist/style.css"
   ],
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.5.1",
-    "@fortawesome/free-solid-svg-icons": "6.5.1",
-    "@fortawesome/react-fontawesome": "0.2.0"
-  },
   "peerDependencies": {
-    "antd": "<=5.13.2",
-    "react": "<=17.0.2",
-    "react-dom": "<=17.0.2"
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2",
+    "antd": ">=5.13.1"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "7.6.10",
+    "@storybook/addon-essentials": "7.6.14",
     "@storybook/addon-interactions": "7.6.10",
     "@storybook/addon-links": "7.6.10",
-    "@storybook/addon-onboarding": "1.0.10",
-    "@storybook/blocks": "7.6.10",
-    "@storybook/builder-vite": "7.6.10",
+    "@storybook/addon-onboarding": "1.0.11",
+    "@storybook/blocks": "7.6.14",
+    "@storybook/builder-vite": "7.6.14",
     "@storybook/jest": "0.2.3",
     "@storybook/react": "7.6.10",
     "@storybook/react-vite": "7.6.10",
@@ -56,20 +54,21 @@
     "http-server": "14.1.1",
     "husky": "8.0.3",
     "prettier": "3.1.1",
-    "storybook": "7.6.10",
+    "storybook": "7.6.14",
     "stylelint": "16.2.0",
     "stylelint-config-recommended": "14.0.0",
     "stylelint-config-standard": "36.0.0",
     "stylelint-no-indistinguishable-colors": "2.1.0",
     "typescript": "5.3.3",
     "vite": "5.0.12",
-    "vite-plugin-dts": "3.7.1",
+    "vite-plugin-dts": "3.7.2",
+    "vite-plugin-svgr": "4.2.0",
     "wait-on": "7.2.0"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.9.5",
-    "@swc/core-linux-x64-gnu": "1.3.104",
-    "@swc/core-linux-x64-musl": "1.3.104"
+    "@rollup/rollup-linux-x64-gnu": "4.9.6",
+    "@swc/core-linux-x64-gnu": "1.4.0",
+    "@swc/core-linux-x64-musl": "1.4.0"
   },
   "scripts": {
     "prepare": "husky install",