@mparticle/aquarium 1.32.0-fix-notification-center-export-zindex.2 → 1.33.0-ant-update.1

package/dist/index.d.ts

@@ -21,16 +21,15 @@ 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';
 import { CascaderProps } from 'antd';
 import { CheckableTagProps as CheckableTagProps_2 } from 'antd/es/tag';
 import { CheckboxGroupProps } from 'antd/es/checkbox';
 import { CheckboxProps } from 'antd';
-import { CheckboxValueType } from 'antd/es/checkbox/Group';
 import { Col } from 'antd';
 import { CollapsePanelProps } from 'antd';
 import { CollapseProps } from 'antd';
 import { ColorPickerProps } from 'antd';
+import { ColumnGroupProps } from 'antd/es/table/ColumnGroup';
 import { ColumnsType } from 'antd/es/table';
 import { ColumnType } from 'antd/es/table/interface';
 import { CompositeUserPreferences } from '../services/user-preferences/models/user-preferences/composite-user-preferences';
@@ -42,18 +41,15 @@ import { CSSProperties } from 'react';
 import { DataNode } from 'antd/es/tree';
 import { DatePickerProps } from 'antd';
 import { Dayjs } from 'dayjs';
-import { default as default_10 } from 'antd/es/modal/useModal';
-import { default as default_11 } from 'antd/es/notification/useNotification';
-import { default as default_12 } from 'antd/es/alert/ErrorBoundary';
-import { default as default_13 } from 'antd/es/message/useMessage';
+import { default as default_10 } from 'antd/es/message/useMessage';
 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/date-picker/generatePicker';
-import { default as default_5 } from 'antd/es/calendar/generateCalendar';
-import { default as default_6 } from 'rc-tree/lib/Tree';
-import { default as default_7 } from 'antd/es/table/Column';
-import { default as default_8 } from 'antd/es/table/ColumnGroup';
-import { default as default_9 } from 'rc-table/lib/Footer/Summary';
+import { default as default_4 } from 'antd/es/cascader/Panel';
+import { default as default_5 } from 'rc-tree/lib/Tree';
+import { default as default_6 } from 'rc-table/lib/Footer/Summary';
+import { default as default_7 } from 'antd/es/modal/useModal';
+import { default as default_8 } from 'antd/es/notification/useNotification';
+import { default as default_9 } from 'antd/es/alert/ErrorBoundary';
 import { DefaultOptionType } from 'antd/es/select';
 import { DescriptionsItemProps } from 'antd/es/descriptions/Item';
 import { DescriptionsProps } from 'antd';
@@ -77,6 +73,8 @@ import { FormProps } from 'antd';
 import { FormProviderProps } from 'antd/es/form/context';
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
+import { GenerateConfig } from 'rc-picker/lib/generate';
+import { GenericTimePickerProps } from 'antd/es/date-picker/generatePicker/interface';
 import { GlobalConfigProps } from 'antd/es/notification/interface';
 import { Grid } from 'antd';
 import { GroupConsumerProps } from 'rc-image/lib/PreviewGroup';
@@ -130,12 +128,11 @@ import { ListItemTypeProps } from 'antd/es/list/Item';
 import { ListProps } from 'antd';
 import { Mentions } from './data-entry/Mentions/Mentions';
 import { MenuDividerProps } from 'antd/es/menu';
-import { MenuDividerType } from 'antd/es/menu/hooks/useItems';
 import { MenuInfo } from 'rc-menu/lib/interface';
-import { MenuItemGroup } from 'rc-menu';
-import { MenuItemGroupType } from 'antd/es/menu/hooks/useItems';
+import { MenuItemGroupProps } from 'rc-menu';
+import { MenuItemGroupType as MenuItemGroupType_2 } from '../../../../../../../../../src/components';
 import { MenuItemProps } from 'antd';
-import { MenuItemType } from 'antd/es/menu/hooks/useItems';
+import { MenuItemType as MenuItemType_2 } from '../../../../../../../../../src/components';
 import { MenuProps } from 'antd';
 import { message } from 'antd';
 import { MessageArgsProps } from 'antd';
@@ -188,8 +185,8 @@ import { SpinProps } from 'antd';
 import { StatisticProps } from 'antd';
 import { StepsProps } from 'antd';
 import { SubMenuProps } from 'antd';
-import { SubMenuType } from 'antd/es/menu/hooks/useItems';
 import { SwitchProps } from 'antd';
+import { TableColumnProps } from 'antd';
 import { TableProps } from 'antd/es/table';
 import { TableProps as TableProps_2 } from 'antd';
 import { TabPaneProps } from 'antd';
@@ -235,7 +232,7 @@ export declare const Affix: (props: IAffixProps) => JSX_2.Element;
 
 export declare const Alert: {
     (props: IAlertProps): JSX_2.Element;
-    ErrorBoundary: typeof default_12;
+    ErrorBoundary: typeof default_9;
 };
 
 export declare const Anchor: {
@@ -274,7 +271,7 @@ export declare const Button: {
 
 export declare const Calendar: {
     (props: ICalendarProps): JSX_2.Element;
-    generateCalendar: typeof default_5;
+    generateCalendar: <DateType extends AnyObject>(generateConfig: GenerateConfig<DateType>) => FC<Readonly<CalendarProps<DateType>>>;
 };
 
 export declare const Card: {
@@ -287,7 +284,7 @@ export declare const Carousel: (props: ICarouselProps) => JSX_2.Element;
 
 export declare const Cascader: {
     (props: ICascaderProps): JSX_2.Element;
-    Panel: FC<CascaderPanelProps>;
+    Panel: typeof default_4;
     SHOW_PARENT: "SHOW_PARENT";
     SHOW_CHILD: "SHOW_CHILD";
 };
@@ -298,7 +295,7 @@ declare type CheckableTagProps = CheckableTagProps_2 & ITagProps;
 
 export declare const Checkbox: {
     (props: ICheckboxProps): JSX_2.Element;
-    Group: <T extends CheckboxValueType = CheckboxValueType>(props: CheckboxGroupProps<T> & RefAttributes<HTMLDivElement>) => ReactElement<any, string | JSXElementConstructor<any>>;
+    Group: <T = any>(props: CheckboxGroupProps<T> & RefAttributes<HTMLDivElement>) => ReactElement<any, string | JSXElementConstructor<any>>;
 };
 
 export { Col }
@@ -329,11 +326,42 @@ export { ConfigProvider }
 
 export declare const DatePicker: {
     (props: IDatePickerProps): JSX_2.Element;
-    generatePicker: typeof default_4;
-    QuarterPicker: (<ValueType_2 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<Omit<PickerProps<Dayjs>, "picker" | "showTime">, "picker">, ValueType_2>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+    generatePicker: <DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>) => (<ValueType = DateType>(props: PickerPropsWithMultiple<DateType, PickerProps<DateType>, ValueType>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+        displayName?: string | undefined;
+    } & {
+        displayName?: string | undefined;
+        WeekPicker: (<ValueType_1 = DateType>(props: PickerPropsWithMultiple<DateType, Omit<PickerProps<DateType>, "picker">, ValueType_1>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+            displayName?: string | undefined;
+        };
+        MonthPicker: (<ValueType_2 = DateType>(props: PickerPropsWithMultiple<DateType, Omit<PickerProps<DateType>, "picker">, ValueType_2>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+            displayName?: string | undefined;
+        };
+        YearPicker: (<ValueType_3 = DateType>(props: PickerPropsWithMultiple<DateType, Omit<PickerProps<DateType>, "picker">, ValueType_3>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+            displayName?: string | undefined;
+        };
+        RangePicker: ForwardRefExoticComponent<Omit<RangePickerProps<DateType>, "locale" | "generateConfig" | "hideHeader"> & {
+            locale?: PickerLocale | undefined;
+            size?: ButtonSize;
+            placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+            bordered?: boolean | undefined;
+            status?: "" | "warning" | "error" | undefined;
+            variant?: "outlined" | "borderless" | "filled" | undefined;
+            dropdownClassName?: string | undefined;
+            popupClassName?: string | undefined;
+            rootClassName?: string | undefined;
+            popupStyle?: CSSProperties | undefined;
+        } & RefAttributes<PickerRef>>;
+        TimePicker: (<ValueType_4 = DateType>(props: PickerPropsWithMultiple<DateType, Omit<GenericTimePickerProps<DateType>, "picker">, ValueType_4>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+            displayName?: string | undefined;
+        };
+        QuarterPicker: (<ValueType_5 = DateType>(props: PickerPropsWithMultiple<DateType, Omit<PickerProps<DateType>, "picker">, ValueType_5>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+            displayName?: string | undefined;
+        };
+    };
+    QuarterPicker: (<ValueType_6 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<PickerProps<Dayjs>, "picker">, ValueType_6>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
         displayName?: string | undefined;
     };
-    MonthPicker: (<ValueType_1 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<PickerProps<Dayjs>, "picker">, ValueType_1>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+    MonthPicker: (<ValueType_7 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<PickerProps<Dayjs>, "picker">, ValueType_7>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
         displayName?: string | undefined;
     };
     RangePicker: ForwardRefExoticComponent<Omit<RangePickerProps<Dayjs>, "locale" | "generateConfig" | "hideHeader"> & {
@@ -348,13 +376,13 @@ export declare const DatePicker: {
         rootClassName?: string | undefined;
         popupStyle?: CSSProperties | undefined;
     } & RefAttributes<PickerRef>>;
-    TimePicker: (<ValueType_2_1 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<Omit<PickerProps<Dayjs>, "picker" | "showTime">, "picker">, ValueType_2_1>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+    TimePicker: (<ValueType_8 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<GenericTimePickerProps<Dayjs>, "picker">, ValueType_8>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
         displayName?: string | undefined;
     };
-    WeekPicker: (<ValueType_1_1 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<PickerProps<Dayjs>, "picker">, ValueType_1_1>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+    WeekPicker: (<ValueType_9 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<PickerProps<Dayjs>, "picker">, ValueType_9>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
         displayName?: string | undefined;
     };
-    YearPicker: (<ValueType_1_2 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<PickerProps<Dayjs>, "picker">, ValueType_1_2>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
+    YearPicker: (<ValueType_10 = Dayjs>(props: PickerPropsWithMultiple<Dayjs, Omit<PickerProps<Dayjs>, "picker">, ValueType_10>) => ReactElement<any, string | JSXElementConstructor<any>>) & {
         displayName?: string | undefined;
     };
 };
@@ -370,6 +398,11 @@ export declare const Divider: (props: IDividerProps) => JSX_2.Element;
 
 export declare const Drawer: (props: IDrawerProps) => JSX_2.Element;
 
+/**
+ * @deprecated This component is deprecated and will be removed in future versions.
+ * Please use the Select component instead. You can find more details here:
+ * https://mparticle.github.io/aquarium/?path=/docs/components-data-entry-select--documentation
+ */
 export declare const Dropdown: {
     (props: IDropdownProps): JSX_2.Element;
     Button: FC<DropdownButtonProps>;
@@ -388,7 +421,7 @@ export declare const Flex: (props: IFlexProps) => JSX_2.Element;
 export declare const FloatButton: {
     (props: IFloatButtonProps): JSX_2.Element;
     BackTop: ForwardRefExoticComponent<BackTopProps & RefAttributes<FloatButtonRef>>;
-    Group: NamedExoticComponent<FloatButtonGroupProps>;
+    Group: FC<Readonly<FloatButtonGroupProps>>;
 };
 
 export declare const Form: {
@@ -445,7 +478,7 @@ export { IBaseGlobalNavigationItem }
 export declare interface IBreadcrumbProps extends BreadcrumbProps {
 }
 
-export declare interface IButtonProps extends ButtonProps {
+export declare interface IButtonProps extends Omit<ButtonProps, 'variant'> {
     /**
      * @deprecated This variant is a temporary fix for new icons.
      * Use this variant only with new icons to align the icon and text centered.
@@ -605,12 +638,13 @@ export declare interface IModalProps extends ModalProps {
 
 export { INavigationAccount }
 
-export declare interface INavigationCreateGroup extends Omit<MenuItemGroupType, 'key'> {
+export declare interface INavigationCreateGroup extends Omit<MenuItemGroupType_2, 'key'> {
     label: string;
     type: 'group';
 }
 
-export declare interface INavigationCreateItem extends Omit<MenuItemType, 'key'> {
+export declare interface INavigationCreateItem extends Omit<MenuItemType_2, 'key'> {
+    disabled?: boolean;
     title: string;
     description: string;
     type?: undefined;
@@ -688,6 +722,7 @@ export declare interface IQueryItemCascaderProps {
     disabled?: boolean;
     placement?: ICascaderProps_2['placement'];
     defaultOpen?: ICascaderProps_2['defaultOpen'];
+    suffixIcon?: ICascaderProps_2['suffixIcon'];
 }
 
 export declare type IQueryItemQualifierOption = DefaultOptionType;
@@ -825,19 +860,19 @@ export declare const Menu: {
     (props: IMenuProps): JSX_2.Element;
     SubMenu: FC<SubMenuProps>;
     Item: Omit<FunctionComponent<MenuItemProps>, ""> & (<T extends MenuItemProps>(props: T extends infer U extends MenuItemProps ? unknown extends U ? MenuItemProps : U : MenuItemProps, context?: any) => ReactNode);
-    ItemGroup: typeof MenuItemGroup;
+    ItemGroup: ForwardRefExoticComponent<Omit<MenuItemGroupProps, "ref"> & RefAttributes<HTMLLIElement>>;
     Divider: FC<MenuDividerProps>;
 };
 
-export { MenuDividerType }
+export declare type MenuDividerType = Required<MenuProps>['items'][number];
 
-export { MenuItemGroupType }
+export declare type MenuItemGroupType = Required<MenuProps>['items'][number];
 
-export { MenuItemType }
+export declare type MenuItemType = Required<MenuProps>['items'][number];
 
 export declare const Message: {
     (props: IMessageProps): JSX_2.Element;
-    useMessage: typeof default_13;
+    useMessage: typeof default_10;
     info: TypeOpen;
     error: TypeOpen;
     destroy: (key?: Key | undefined) => void;
@@ -859,7 +894,7 @@ export declare const Modal: {
     error: ModalFunc;
     config: typeof modalGlobalConfig;
     destroyAll: () => void;
-    useModal: typeof default_10;
+    useModal: typeof default_7;
 };
 
 export { NewExperienceReminderHook }
@@ -868,7 +903,7 @@ export { notification }
 
 declare const Notification_2: {
     (props: INotificationProps): JSX_2.Element;
-    useNotification: typeof default_11;
+    useNotification: typeof default_8;
     warning: (config: NotificationArgsProps) => void;
     open: (config: NotificationArgsProps) => void;
     info: (config: NotificationArgsProps) => void;
@@ -957,7 +992,7 @@ export declare const Statistic: {
 
 export declare const Steps: (props: IStepsProps) => JSX_2.Element;
 
-export { SubMenuType }
+export declare type SubMenuType = Required<MenuProps>['items'][number];
 
 export declare function SuiteLogo({ icon, label, type, onSuiteLogoClick, navSwitcherTourOptions, suiteSelectorOptions, }: SuiteLogoProps): JSX_2.Element;
 
@@ -969,9 +1004,9 @@ export declare const Switch: (props: ISwitchProps) => JSX_2.Element;
 
 export declare const Table: {
     <RecordType extends AnyObject = AnyObject>(props: ITableProps<RecordType>): JSX_2.Element;
-    Column: typeof default_7;
-    ColumnGroup: typeof default_8;
-    Summary: typeof default_9;
+    Column: <RecordType_1 extends AnyObject>(_: TableColumnProps<RecordType_1>) => null;
+    ColumnGroup: <RecordType_2 extends AnyObject>(_: ColumnGroupProps<RecordType_2>) => null;
+    Summary: typeof default_6;
     EXPAND_COLUMN: {};
     SELECTION_NONE: "SELECT_NONE";
     SELECTION_ALL: "SELECT_ALL";
@@ -998,7 +1033,7 @@ export declare const Timeline: {
 
 export declare const TimePicker: {
     (props: ITimePickerProps): JSX_2.Element;
-    RangePicker: ForwardRefExoticComponent<TimeRangePickerProps & RefAttributes<any>>;
+    RangePicker: ForwardRefExoticComponent<TimeRangePickerProps & RefAttributes<PickerRef>>;
 };
 
 export declare const Tooltip: (props: ITooltipProps) => JSX_2.Element;
@@ -1008,7 +1043,7 @@ export declare const Tour: (props: ITourProps) => JSX_2.Element;
 export declare const Transfer: {
     (props: ITransferProps): JSX_3.Element;
     List: {
-        <RecordType_1 extends KeyWiseTransferItem>(props: TransferListProps<RecordType_1>): JSX_3.Element;
+        <RecordType extends KeyWiseTransferItem>(props: TransferListProps<RecordType>): JSX_3.Element;
         displayName: string;
     };
     Search: FC<TransferSearchProps>;
@@ -1019,7 +1054,7 @@ export declare const Tree: {
     <T extends BasicDataNode = TreeDataNode>(props: ITreeProps<T>): JSX_2.Element;
     DirectoryTree: (<T_1 extends BasicDataNode | TreeDataNode = TreeDataNode>(props: DirectoryTreeProps<T_1> & {
         children?: ReactNode;
-    } & RefAttributes<default_6<TreeDataNode>>) => ReactElement<any, string | JSXElementConstructor<any>>) & Pick<FC<{}>, "displayName">;
+    } & RefAttributes<default_5<TreeDataNode>>) => ReactElement<any, string | JSXElementConstructor<any>>) & Pick<FC<{}>, "displayName">;
     TreeNode: FC<TreeNodeProps_2<TreeDataNode>>;
 };
 

package/dist/style.css

@@ -1 +1 @@
-.icon-size-xxxxl{width:var(--mp-icon-size-xxxxl);min-width:var(--mp-icon-size-xxxxl);height:var(--mp-icon-size-xxxxl)}.icon-size-xxxl{width:var(--mp-icon-size-xxxl);min-width:var(--mp-icon-size-xxxl);height:var(--mp-icon-size-xxxl)}.icon-size-xxl{width:var(--mp-icon-size-xxl);min-width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xxl)}.icon-size-xl{width:var(--mp-icon-size-xl);min-width:var(--mp-icon-size-xl);height:var(--mp-icon-size-xl)}.icon-size-lg{width:var(--mp-icon-size-lg);min-width:var(--mp-icon-size-lg);height:var(--mp-icon-size-lg)}.icon-size-md{width:var(--mp-icon-size-md);min-width:var(--mp-icon-size-md);height:var(--mp-icon-size-md)}.icon-size-sm{width:var(--mp-icon-size-sm);min-width:var(--mp-icon-size-sm);height:var(--mp-icon-size-sm)}.icon-size-xs{width:var(--mp-icon-size-xs);min-width:var(--mp-icon-size-xs);height:var(--mp-icon-size-xs)}.icon-color-primary{color:var(--color-primary)}.icon-color-success{color:var(--color-success)}.icon-color-warning{color:var(--color-warning)}.icon-color-error{color:var(--color-error)}.icon-color-info{color:var(--color-info)}.icon-color-text{color:var(--color-text)}.icon-color-default{color:var(--mp-color-icon-strong)}.icon-color-brand{color:var(--mp-color-icon-brand)}.icon-color-strong{color:var(--mp-color-icon-strong)}.icon-color-white{color:#fff}.icon-color-black{color:#000}.icon-color-inherit{color:inherit}.query-item{border-width:var(--mp-query-item-border-width)!important;border-color:var(--mp-query-item-border-color)!important;border-radius:var(--mp-query-item-border-radius);background-color:var(--mp-query-item-bg-color)!important;padding:var(--mp-query-item-padding)!important;height:var(--mp-query-item-height)!important;display:flex;justify-content:center;align-items:center;box-shadow:none;border-style:solid}.query-item:hover{border-color:var(--mp-query-item-border-color-active)!important;background-color:var(--mp-query-item-bg-color-hover)!important}.query-item:focus{border-color:var(--mp-query-item-border-color-active)!important;box-shadow:var(--mp-query-item-shadow-focus);background-color:var(--mp-query-item-bg-color)!important}.query-item:active{border-color:var(--mp-query-item-border-color-active)!important;border-width:var(--mp-query-item-border-width-active)!important;background-color:var(--mp-query-item-bg-color-active)!important;box-shadow:var(--mp-query-item-shadow-active)}.query-item[disabled]{color:var(--mp-query-item-color-disabled)!important;background-color:var(--mp-query-item-bg-color)!important;border-color:var(--mp-query-item-border-color-disabled)!important}.query-item.query-item--input-text,.query-item.query-item--input-number{color:var(--mp-query-item-value-selector-color);font-weight:var(--mp-query-item-value-selector-font-weight)}.query-item.query-item--input-text::placeholder,.query-item.query-item--input-number::placeholder{font-weight:400}.query-item.query-item--action{color:var(--mp-query-item-action-primary-color)!important;gap:var(--mp-query-item-gap)}.query-item.query-item--secondary{color:var(--mp-query-item-action-secondary-color)!important}.query-item.query-item--secondary:hover{background-color:var(--mp-query-item-bg-color-hover)!important}.query-item.query-item--secondary:active{border-width:var(--mp-query-item-border-width-active);background-color:var(--mp-query-item-bg-color-active)!important}.query-item.query-item--disabled{color:var(--mp-query-item-action-secondary-color)!important}.query-item.query-item--disabled:hover{background-color:var(--mp-query-item-bg-color)!important}.query-item.query-item--disabled:active{border-width:var(--mp-query-item-border-width)!important;background-color:var(--mp-query-item-bg-color)!important;box-shadow:none!important}.query-item.query-item--selected>input{color:var(--mp-query-item-value-selector-color)!important;font-weight:var(--mp-query-item-value-selector-font-weight)!important}.query-item.query-item--error{border-color:var(--mp-query-item-border-color-error)!important}.query-item.query-item--open{border-color:var(--mp-query-item-border-color-active)!important;border-width:var(--mp-query-item-border-width-active)!important;background-color:var(--mp-query-item-bg-color-active)!important}.query-item .ant-select-selector{padding:0!important}.query-item__search-highlight{color:var(--mp-query-item-action-primary-color)}.query-item__icon{height:16px;width:16px}.query-item__dropdown{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.query-item__input-search .ant-input-outlined{height:var(--control-height)}.ant-empty-image{margin:auto!important}.ant-empty-image>svg{width:auto!important}: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: #ff4d4f;--color-info: #3600d1;--color-link: #3600d1;--color-text-base: #000;--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(54, 0, 209, .1);--color-warning-outline: #fffbe6;--color-error-outline: #fff2f0;--control-item-bg-hover: #f8f6fb;--control-item-bg-active: #ebe8f8;--control-item-bg-active-hover: #c3aeff;--color-text: rgba(0, 0, 0, .95);--color-text-secondary: rgba(0, 0, 0, .75);--color-text-tertiary: rgba(0, 0, 0, .55);--color-text-quaternary: rgba(0, 0, 0, .4);--color-fill: rgba(15, 14, 14, .15);--color-fill-secondary: rgba(32, 0, 122, .06);--color-fill-tertiary: rgba(15, 14, 14, .04);--color-fill-quaternary: rgba(32, 0, 122, .03);--color-border: #c3aeff;--color-border-secondary: #eceae9;--color-primary-bg: #f8f6fb;--color-primary-bg-hover: #ebe8f8;--color-primary-border: #c3aeff;--color-primary-border-hover: #ab8eff;--color-primary-hover: #ab8eff;--color-primary-active: #8255ff;--color-primary-text-hover: #5f29f8;--color-primary-text: #2c00aa;--color-primary-text-active: #20007a;--color-success-hover: #73d13d;--color-success-text-hover: #237804;--color-success-text: #135200;--color-success-text-active: #092b00;--color-warning-hover: #ffc53d;--color-warning-text-hover: #ad6800;--color-warning-text: #874d00;--color-warning-text-active: #613400;--color-info-bg: #f8f6fb;--color-info-bg-hover: #ebe8f8;--color-info-border: #c3aeff;--color-info-border-hover: #ab8eff;--color-info-hover: #ab8eff;--color-info-active: #8255ff;--color-info-text-hover: #5f29f8;--color-info-text: #2c00aa;--color-info-text-active: #20007a;--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: #ffffff;--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;--mp-color-icon-strong: #0f0e0e;--mp-color-icon-brand: #20007a;--mp-icon-size-xs: 12px;--mp-icon-size-sm: 16px;--mp-icon-size-md: 20px;--mp-icon-size-lg: 24px;--mp-icon-size-xl: 28px;--mp-icon-size-xxl: 32px;--mp-icon-size-xxxl: 40px;--mp-icon-size-xxxxl: 48px;--mp-query-item-height: 32px;--mp-query-item-padding: 4px;--mp-query-item-gap: 4px;--mp-query-item-border-width: 0 0 1px 0;--mp-query-item-border-width-active: 0 0 2px 0;--mp-query-item-border-radius: 2px;--mp-query-item-border-color: #c3aeff;--mp-query-item-border-color-focus: #3600d1;--mp-query-item-border-color-hover: #3600d1;--mp-query-item-border-color-active: #3600d1;--mp-query-item-border-color-disabled: #dcdcd8;--mp-query-item-border-color-error: #ff4d4f;--mp-query-item-bg-color: #ffffff;--mp-query-item-bg-color-hover: #f8f6fb;--mp-query-item-bg-color-active: #ebe8f8;--mp-query-item-bg-color-disabled: rgba(15, 14, 14, .04);--mp-query-item-color-disabled: rgba(0, 0, 0, .4);--mp-query-item-shadow: none;--mp-query-item-shadow-focus: 0 0 0 2px rgba(54, 0, 209, .1);--mp-query-item-shadow-active: 0 0 0 2px rgba(54, 0, 209, .1);--mp-query-item-value-selector-font-weight: 500;--mp-query-item-value-selector-color: #20007a;--mp-query-item-action-primary-color: #3600d1;--mp-query-item-action-secondary-color: rgba(0, 0, 0, .55);--mp-query-item-action-font-weight: 400;--blue1: #e6f4ff;--blue2: #bae0ff;--blue3: #91caff;--blue4: #69b1ff;--blue5: #4096ff;--blue6: #1677ff;--blue7: #0958d9;--blue8: #003eb3;--blue9: #002c8c;--blue10: #001d66;--purple1: #f9f0ff;--purple2: #efdbff;--purple3: #d3adf7;--purple4: #b37feb;--purple5: #9254de;--purple6: #722ed1;--purple7: #531dab;--purple8: #391085;--purple9: #22075e;--purple10: #120338;--cyan1: #e6fffb;--cyan2: #b5f5ec;--cyan3: #87e8de;--cyan4: #5cdbd3;--cyan5: #36cfc9;--cyan6: #13c2c2;--cyan7: #08979c;--cyan8: #006d75;--cyan9: #00474f;--cyan10: #002329;--green1: #f6ffed;--green2: #d9f7be;--green3: #b7eb8f;--green4: #95de64;--green5: #73d13d;--green6: #52c41a;--green7: #389e0d;--green8: #237804;--green9: #135200;--green10: #092b00;--magenta1: #fff0f6;--magenta2: #ffd6e7;--magenta3: #ffadd2;--magenta4: #ff85c0;--magenta5: #f759ab;--magenta6: #eb2f96;--magenta7: #c41d7f;--magenta8: #9e1068;--magenta9: #780650;--magenta10: #520339;--pink1: #fff0f6;--pink2: #ffd6e7;--pink3: #ffadd2;--pink4: #ff85c0;--pink5: #f759ab;--pink6: #eb2f96;--pink7: #c41d7f;--pink8: #9e1068;--pink9: #780650;--pink10: #520339;--red1: #fff1f0;--red2: #ffccc7;--red3: #ffa39e;--red4: #ff7875;--red5: #ff4d4f;--red6: #f5222d;--red7: #cf1322;--red8: #a8071a;--red9: #820014;--red10: #5c0011;--orange1: #fff7e6;--orange2: #ffe7ba;--orange3: #ffd591;--orange4: #ffc069;--orange5: #ffa940;--orange6: #fa8c16;--orange7: #d46b08;--orange8: #ad4e00;--orange9: #873800;--orange10: #612500;--yellow1: #feffe6;--yellow2: #ffffb8;--yellow3: #fffb8f;--yellow4: #fff566;--yellow5: #ffec3d;--yellow6: #fadb14;--yellow7: #d4b106;--yellow8: #ad8b00;--yellow9: #876800;--yellow10: #614700;--volcano1: #fff2e8;--volcano2: #ffd8bf;--volcano3: #ffbb96;--volcano4: #ff9c6e;--volcano5: #ff7a45;--volcano6: #fa541c;--volcano7: #d4380d;--volcano8: #ad2102;--volcano9: #871400;--volcano10: #610b00;--geekblue1: #f0f5ff;--geekblue2: #d6e4ff;--geekblue3: #adc6ff;--geekblue4: #85a5ff;--geekblue5: #597ef7;--geekblue6: #2f54eb;--geekblue7: #1d39c4;--geekblue8: #10239e;--geekblue9: #061178;--geekblue10: #030852;--gold1: #fffbe6;--gold2: #fff1b8;--gold3: #ffe58f;--gold4: #ffd666;--gold5: #ffc53d;--gold6: #faad14;--gold7: #d48806;--gold8: #ad6800;--gold9: #874d00;--gold10: #613400;--lime1: #fcffe6;--lime2: #f4ffb8;--lime3: #eaff8f;--lime4: #d3f261;--lime5: #bae637;--lime6: #a0d911;--lime7: #7cb305;--lime8: #5b8c00;--lime9: #3f6600;--lime10: #254000;--color-bg-layout: #f5f5f5;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-spotlight: rgba(0, 0, 0, .85);--color-bg-blur: transparent;--color-success-bg: #f6ffed;--color-success-bg-hover: #d9f7be;--color-success-border: #b7eb8f;--color-success-border-hover: #95de64;--color-success-active: #389e0d;--color-error-bg: #fff2f0;--color-error-bg-hover: #fff1f0;--color-error-border: #ffccc7;--color-error-border-hover: #ffa39e;--color-error-hover: #ff7875;--color-error-active: #d9363e;--color-error-text-hover: #ff7875;--color-error-text: #ff4d4f;--color-error-text-active: #d9363e;--color-warning-bg: #fffbe6;--color-warning-bg-hover: #fff1b8;--color-warning-border: #ffe58f;--color-warning-border-hover: #ffd666;--color-warning-active: #d48806;--color-link-active: #2800ab;--color-bg-mask: rgba(0, 0, 0, .45);--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: 16px;--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: rgba(32, 0, 122, .06);--color-fill-content-hover: rgba(15, 14, 14, .15);--color-fill-alter: rgba(32, 0, 122, .03);--color-bg-container-disabled: rgba(15, 14, 14, .04);--color-border-bg: #ffffff;--color-split: rgba(44, 22, 11, .09);--color-text-placeholder: rgba(0, 0, 0, .4);--color-text-disabled: rgba(0, 0, 0, .4);--color-text-heading: rgba(0, 0, 0, .95);--color-text-label: rgba(0, 0, 0, .75);--color-text-description: rgba(0, 0, 0, .55);--color-text-light-solid: #fff;--color-highlight: #ff4d4f;--color-bg-text-hover: rgba(32, 0, 122, .06);--color-bg-text-active: rgba(15, 14, 14, .15);--color-icon: rgba(0, 0, 0, .55);--color-icon-hover: rgba(0, 0, 0, .95);--font-size-icon: 12px;--line-width-focus: 4px;--control-outline-width: 2px;--control-interactive-size: 16px;--control-item-bg-active-disabled: rgba(15, 14, 14, .15);--control-tmp-outline: rgba(32, 0, 122, .03);--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;--color-scrollbar-handle: rgb(0 0 0 / 15%);--color-scrollbar-track: transparent;--size-scrollbar-handle: 6px;--label-size: 10px;--suite-selector-content-max-width: 272px}.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;left:0;bottom:0;overflow:hidden auto}@supports (scrollbar-color: auto){.globalNavigation{scrollbar-color:var(--color-scrollbar-handle) var(--color-scrollbar-track);scrollbar-width:thin}}.globalNavigation::-webkit-scrollbar{-webkit-appearance:none;width:var(--size-scrollbar-handle);height:var(--size-scrollbar-handle)}.globalNavigation::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}.globalNavigation::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-handle)}.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;border-left:solid 3px transparent;border-right:solid 3px transparent;transition:none!important}.globalNavigation__item.globalNavigation__link{cursor:pointer}.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;cursor:revert!important}.globalNavigation__item.workspaceSelector__menuItem{height:calc(var(--control-height-lg) * 2)!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-color:var(--color-primary);background-color:var(--control-item-bg-active)}.globalNavigation__search{width:100%}.navigationCreate__popupButton{cursor:default!important}.globalNavigation__searchButtonWrapper,.navigationCreate__popupButtonWrapper{height:var(--nav-item-height)}.globalNavigation__searchButton,.navigationCreate__popupButton{box-shadow:0 2px #3600d11a}.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}.globalNavigation__buttonItem{padding:0!important;margin:0 auto!important;color:var(--mp-brand-secondary-1)!important}.globalNavigation__buttonItem:hover{background-color:transparent!important}.navigationCreate__item{height:100%!important;min-height:100%!important;padding:var(--padding-xxs) 0}.navigationCreate__item .ant-flex{gap:0}.navigationCreate__item.navigationCreate__item--disabled{cursor:default!important}.navigationCreate__item.navigationCreate__item--disabled:hover{background-color:initial!important}.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemTitle,.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemDescription{color:var(--color-text-disabled)!important}.navigationCreate__itemTitle{display:flex;align-items:center;gap:var(--size-xxs);color:var(--color-text-heading);font-size:14px;font-weight:400;line-height:22px}.navigationCreate__itemDescription{color:var(--color-text-description);font-size:12px;line-height:20px;white-space:normal!important;padding:var(--padding-xs) 0}.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__menu .globalNavigation__iconLabel{margin-top:var(--margin-xxs)}.globalNavigation__iconLabel{color:var(--color-text);font-size:var(--label-size)}.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:var(--padding-md) 0 0;color:#000;font-size:var(--font-size-sm);font-weight:400;cursor:pointer}.globalNavigation__icon--suiteBackground{background-color:var(--mp-brand-primary-2);padding:10px;margin-bottom:8px;border-radius:100%}.globalNavigation__suiteLogo:hover .globalNavigation__icon--suiteBackground svg{fill:var(--mp-brand-primary-7)}.globalNavigation__icon.globalNavigation__icon--suiteLogo svg{width:36px;height:36px}.globalNavigation__divider{border-bottom:1px solid var(--color-border-secondary);margin:var(--margin-md) var(--margin-xxs) 0 var(--margin-xxs)}.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__mpHome svg{width:28px;height:var(--size-lg)}.notificationCenter__popover{left:var(--nav-width)!important;height:100%;width:300px}.notificationCenter__popover .ant-popover-inner{display:flex;flex-direction:column;height:100vh;padding:0;border-radius:0}.notificationCenter__popover .ant-popover-inner-content{flex-grow:1;overflow-y:auto}.notificationCenter__popover .ant-popover-title{margin:0}.notificationCenter__header{padding:var(--padding-content-vertical-lg) var(--padding-content-horizontal-lg);border-bottom:1px solid var(--color-border-secondary)}.suiteSelector__content{max-width:var(--suite-selector-content-max-width);margin-bottom:var(--margin-xs)}.suiteSelector__link{padding:var(--padding-sm) 0;border-radius:var(--border-radius-lg);color:var(--color-text-base);font-size:var(--font-size-sm);border:1px solid transparent;cursor:pointer}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover{background-color:var(--color-primary-bg-hover);border-color:var(--color-primary-bg-hover)}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover .suiteSelector__suiteLogo{background-color:var(--control-item-bg-hover)}.suiteSelector__link.suiteSelector__link--active{border-color:var(--color-border)}.suiteSelector__link.suiteSelector__link--disabled{cursor:default;color:var(--color-text-disabled)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo{background-color:var(--mp-brand-secondary-3)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo svg{color:var(--color-text-disabled)}.suiteSelector__suiteLogo{background-color:var(--control-item-bg-active);width:var(--control-height-lg);height:var(--control-height-lg);border-radius:100%}.u-display-none{display:none!important}.u-display-flex{display:flex!important}.u-align-items-center{align-items:center!important}.u-justify-center{justify-content:center!important}.u-padding-sm{padding:var(--padding-sm)!important}.u-padding-xxs{padding:var(--padding-xxs)!important}:root{--workspace-selector-height: 400px;--workspace-selector-search-height: 36px;--workspace-selector-signout-height: 40px;--workspace-selector-items-height: calc( var(--workspace-selector-height) - var(--workspace-selector-search-height) - var(--workspace-selector-signout-height) )}.workspaceSelector__search{position:sticky!important;bottom:var(--workspace-selector-search-height);z-index:1;width:100%!important;background-color:#fff!important;margin-bottom:var(--margin-xxs)}.workspaceSelector__noResults{height:var(--workspace-selector-items-height);pointer-events:none}.workspaceSelector__noResults .ant-result-title{font-size:var(--font-size)}.workspaceSelector__menuItem{display:flex;justify-content:center;align-items:center}.workspaceSelector__avatar{color:#fff!important;top:1px;margin-top:2px}.workspaceSelector__label{position:relative;top:2px;padding-top:var(--padding-xxs);font-size:var(--font-size-sm)}.workspaceSelector__popover{padding:var(--padding-xxs)!important}.workspaceSelector__popoverContent{height:var(--workspace-selector-height);width:200px}.workspaceSelector__itemsList{list-style:none;padding-left:0;margin-left:0;margin-block-start:0;overflow:auto;height:var(--workspace-selector-items-height);margin-bottom:var(--margin-xxs)}.workspaceSelector__orgName{color:var(--color-primary);pointer-events:none;padding:var(--padding-xs) var(--padding) 0;font-weight:var(--font-weight-strong)}.workspaceSelector__orgName:not(:first-child){border-top:1px solid var(--color-border-secondary)}.workspaceSelector__accountName{pointer-events:none;padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) var(--padding)}.workspaceSelector__workspaceName{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs);padding-left:calc(var(--padding-sm) + var(--padding))!important;border-radius:var(--border-radius-sm);cursor:pointer}.workspaceSelector__workspaceName:hover{background-color:var(--control-item-bg-hover)}.workspaceSelector__workspaceName.workspaceSelector__workspaceName--active,.workspaceSelector__workspaceName:active{background:var(--control-item-bg-active)!important;padding-right:var(--padding)}.workspaceSelector__orgName,.workspaceSelector__accountName{pointer-events:none}.workspaceSelector__orgName,.workspaceSelector__accountName,.workspaceSelector__workspaceName{margin-top:0!important;margin-bottom:0!important;overflow-wrap:anywhere}.workspaceSelector__signout{position:sticky!important;bottom:0;width:100%!important;padding:0 var(--padding-xxs)!important;margin:0!important;background-color:#fff!important;height:var(--workspace-selector-signout-height)}.workspaceSelector__signoutButtonContainer{width:calc(100% - var(--padding-xs));position:absolute;bottom:0;left:0;padding:var(--padding-xxs)}.workspaceSelector__signoutButton{width:100%}.globalNavigation__newExperienceReminder.globalNavigation__newExperienceReminder-bottomLeft{left:calc(var(--nav-width) + var(--margin-xs))!important}
+.icon-size-xxxxl{width:var(--mp-icon-size-xxxxl);min-width:var(--mp-icon-size-xxxxl);height:var(--mp-icon-size-xxxxl)}.icon-size-xxxl{width:var(--mp-icon-size-xxxl);min-width:var(--mp-icon-size-xxxl);height:var(--mp-icon-size-xxxl)}.icon-size-xxl{width:var(--mp-icon-size-xxl);min-width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xxl)}.icon-size-xl{width:var(--mp-icon-size-xl);min-width:var(--mp-icon-size-xl);height:var(--mp-icon-size-xl)}.icon-size-lg{width:var(--mp-icon-size-lg);min-width:var(--mp-icon-size-lg);height:var(--mp-icon-size-lg)}.icon-size-md{width:var(--mp-icon-size-md);min-width:var(--mp-icon-size-md);height:var(--mp-icon-size-md)}.icon-size-sm{width:var(--mp-icon-size-sm);min-width:var(--mp-icon-size-sm);height:var(--mp-icon-size-sm)}.icon-size-xs{width:var(--mp-icon-size-xs);min-width:var(--mp-icon-size-xs);height:var(--mp-icon-size-xs)}.icon-color-primary{color:var(--color-primary)}.icon-color-success{color:var(--color-success)}.icon-color-warning{color:var(--color-warning)}.icon-color-error{color:var(--color-error)}.icon-color-info{color:var(--color-info)}.icon-color-text{color:var(--color-text)}.icon-color-default{color:var(--mp-color-icon-strong)}.icon-color-brand{color:var(--mp-color-icon-brand)}.icon-color-strong{color:var(--mp-color-icon-strong)}.icon-color-white{color:#fff}.icon-color-black{color:#000}.icon-color-inherit{color:inherit}.query-item{border-width:var(--mp-query-item-border-width)!important;border-color:var(--mp-query-item-border-color)!important;border-radius:var(--mp-query-item-border-radius);background-color:var(--mp-query-item-bg-color)!important;padding:var(--mp-query-item-padding)!important;height:var(--mp-query-item-height)!important;display:flex;justify-content:center;align-items:center;box-shadow:none;border-style:solid}.query-item:hover{border-color:var(--mp-query-item-border-color-active)!important;background-color:var(--mp-query-item-bg-color-hover)!important}.query-item:focus{border-color:var(--mp-query-item-border-color-active)!important;box-shadow:var(--mp-query-item-shadow-focus);background-color:var(--mp-query-item-bg-color)!important}.query-item:active{border-color:var(--mp-query-item-border-color-active)!important;border-width:var(--mp-query-item-border-width-active)!important;background-color:var(--mp-query-item-bg-color-active)!important;box-shadow:var(--mp-query-item-shadow-active)}.query-item[disabled]{color:var(--mp-query-item-color-disabled)!important;background-color:var(--mp-query-item-bg-color)!important;border-color:var(--mp-query-item-border-color-disabled)!important}.query-item.query-item--input-text,.query-item.query-item--input-number{color:var(--mp-query-item-value-selector-color);font-weight:var(--mp-query-item-value-selector-font-weight)}.query-item.query-item--input-text::placeholder,.query-item.query-item--input-number::placeholder{font-weight:400}.query-item.query-item--action{color:var(--mp-query-item-action-primary-color)!important;gap:var(--mp-query-item-gap)}.query-item.query-item--secondary{color:var(--mp-query-item-action-secondary-color)!important}.query-item.query-item--secondary:hover{background-color:var(--mp-query-item-bg-color-hover)!important}.query-item.query-item--secondary:active{border-width:var(--mp-query-item-border-width-active);background-color:var(--mp-query-item-bg-color-active)!important}.query-item.query-item--disabled{color:var(--mp-query-item-action-secondary-color)!important}.query-item.query-item--disabled:hover{background-color:var(--mp-query-item-bg-color)!important}.query-item.query-item--disabled:active{border-width:var(--mp-query-item-border-width)!important;background-color:var(--mp-query-item-bg-color)!important;box-shadow:none!important}.query-item.query-item--selected>input{color:var(--mp-query-item-value-selector-color)!important;font-weight:var(--mp-query-item-value-selector-font-weight)!important}.query-item.query-item--error{border-color:var(--mp-query-item-border-color-error)!important}.query-item.query-item--open{border-color:var(--mp-query-item-border-color-active)!important;border-width:var(--mp-query-item-border-width-active)!important;background-color:var(--mp-query-item-bg-color-active)!important}.query-item .ant-select-selector{padding:0!important}.query-item__search-highlight{color:var(--mp-query-item-action-primary-color)}.query-item__icon{height:16px;width:16px}.query-item__dropdown{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.query-item__input-search .ant-input-outlined{height:var(--control-height)}.ant-empty-image{margin:auto!important}.ant-empty-image>svg{width:auto!important}: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: #ff4d4f;--color-info: #3600d1;--color-link: #3600d1;--color-text-base: #000;--color-bg-base: #fff;--font-family: "GT America", -system-ui, sans-serif;--font-family-code: ‘Roboto Mono’, 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-text: rgba(0, 0, 0, .95);--color-text-secondary: rgba(0, 0, 0, .75);--color-text-tertiary: rgba(0, 0, 0, .55);--color-text-quaternary: rgba(0, 0, 0, .4);--color-border: #c3aeff;--color-border-secondary: #eceae9;--color-fill: rgba(32, 0, 122, .15);--color-fill-secondary: rgba(32, 0, 122, .06);--color-fill-tertiary: rgba(32, 0, 122, .04);--color-fill-quaternary: rgba(32, 0, 122, .02);--color-info-bg: #f8f6fb;--color-info-bg-hover: #ebe8f8;--color-info-border: #c3aeff;--color-info-border-hover: #ab8eff;--color-info-hover: #5f29f8;--color-info-active: #2c00aa;--color-info-text-hover: #5f29f8;--color-info-text: #2c00aa;--color-info-text-active: #20007a;--color-primary-bg: #f8f6fb;--color-primary-bg-hover: #ebe8f8;--color-primary-border: #c3aeff;--color-primary-border-hover: #ab8eff;--color-primary-hover: #5f29f8;--color-primary-active: #2c00aa;--color-primary-text-hover: #5f29f8;--color-primary-text: #2c00aa;--color-primary-text-active: #20007a;--control-outline: rgba(54, 0, 209, .1);--font-weight-strong: 500;--color-fill-alter-solid: #f8f6fb;--color-filled-handle-bg: #ebe8f8;--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: #ffffff;--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-icon-strong: #0f0e0e;--mp-color-icon-brand: #20007a;--mp-color-border-disabled: #dcdcd8;--mp-icon-size-xs: 12px;--mp-icon-size-sm: 16px;--mp-icon-size-md: 20px;--mp-icon-size-lg: 24px;--mp-icon-size-xl: 28px;--mp-icon-size-xxl: 32px;--mp-icon-size-xxxl: 40px;--mp-icon-size-xxxxl: 48px;--mp-query-item-height: 32px;--mp-query-item-padding: 4px;--mp-query-item-gap: 4px;--mp-query-item-border-width: 0 0 1px 0;--mp-query-item-border-width-active: 0 0 2px 0;--mp-query-item-border-radius: 2px;--mp-query-item-border-color: #c3aeff;--mp-query-item-border-color-focus: #3600d1;--mp-query-item-border-color-hover: #3600d1;--mp-query-item-border-color-active: #3600d1;--mp-query-item-border-color-disabled: #dcdcd8;--mp-query-item-border-color-error: #ff4d4f;--mp-query-item-bg-color: #ffffff;--mp-query-item-bg-color-hover: #f8f6fb;--mp-query-item-bg-color-active: #ebe8f8;--mp-query-item-bg-color-disabled: rgba(15, 14, 14, .04);--mp-query-item-color-disabled: rgba(0, 0, 0, .4);--mp-query-item-shadow: none;--mp-query-item-shadow-focus: 0 0 0 2px rgba(54, 0, 209, .1);--mp-query-item-shadow-active: 0 0 0 2px rgba(54, 0, 209, .1);--mp-query-item-value-selector-font-weight: 500;--mp-query-item-value-selector-color: #20007a;--mp-query-item-action-primary-color: #3600d1;--mp-query-item-action-secondary-color: rgba(0, 0, 0, .55);--mp-query-item-action-font-weight: 400;--blue1: #e6f4ff;--blue2: #bae0ff;--blue3: #91caff;--blue4: #69b1ff;--blue5: #4096ff;--blue6: #1677ff;--blue7: #0958d9;--blue8: #003eb3;--blue9: #002c8c;--blue10: #001d66;--purple1: #f9f0ff;--purple2: #efdbff;--purple3: #d3adf7;--purple4: #b37feb;--purple5: #9254de;--purple6: #722ed1;--purple7: #531dab;--purple8: #391085;--purple9: #22075e;--purple10: #120338;--cyan1: #e6fffb;--cyan2: #b5f5ec;--cyan3: #87e8de;--cyan4: #5cdbd3;--cyan5: #36cfc9;--cyan6: #13c2c2;--cyan7: #08979c;--cyan8: #006d75;--cyan9: #00474f;--cyan10: #002329;--green1: #f6ffed;--green2: #d9f7be;--green3: #b7eb8f;--green4: #95de64;--green5: #73d13d;--green6: #52c41a;--green7: #389e0d;--green8: #237804;--green9: #135200;--green10: #092b00;--magenta1: #fff0f6;--magenta2: #ffd6e7;--magenta3: #ffadd2;--magenta4: #ff85c0;--magenta5: #f759ab;--magenta6: #eb2f96;--magenta7: #c41d7f;--magenta8: #9e1068;--magenta9: #780650;--magenta10: #520339;--pink1: #fff0f6;--pink2: #ffd6e7;--pink3: #ffadd2;--pink4: #ff85c0;--pink5: #f759ab;--pink6: #eb2f96;--pink7: #c41d7f;--pink8: #9e1068;--pink9: #780650;--pink10: #520339;--red1: #fff1f0;--red2: #ffccc7;--red3: #ffa39e;--red4: #ff7875;--red5: #ff4d4f;--red6: #f5222d;--red7: #cf1322;--red8: #a8071a;--red9: #820014;--red10: #5c0011;--orange1: #fff7e6;--orange2: #ffe7ba;--orange3: #ffd591;--orange4: #ffc069;--orange5: #ffa940;--orange6: #fa8c16;--orange7: #d46b08;--orange8: #ad4e00;--orange9: #873800;--orange10: #612500;--yellow1: #feffe6;--yellow2: #ffffb8;--yellow3: #fffb8f;--yellow4: #fff566;--yellow5: #ffec3d;--yellow6: #fadb14;--yellow7: #d4b106;--yellow8: #ad8b00;--yellow9: #876800;--yellow10: #614700;--volcano1: #fff2e8;--volcano2: #ffd8bf;--volcano3: #ffbb96;--volcano4: #ff9c6e;--volcano5: #ff7a45;--volcano6: #fa541c;--volcano7: #d4380d;--volcano8: #ad2102;--volcano9: #871400;--volcano10: #610b00;--geekblue1: #f0f5ff;--geekblue2: #d6e4ff;--geekblue3: #adc6ff;--geekblue4: #85a5ff;--geekblue5: #597ef7;--geekblue6: #2f54eb;--geekblue7: #1d39c4;--geekblue8: #10239e;--geekblue9: #061178;--geekblue10: #030852;--gold1: #fffbe6;--gold2: #fff1b8;--gold3: #ffe58f;--gold4: #ffd666;--gold5: #ffc53d;--gold6: #faad14;--gold7: #d48806;--gold8: #ad6800;--gold9: #874d00;--gold10: #613400;--lime1: #fcffe6;--lime2: #f4ffb8;--lime3: #eaff8f;--lime4: #d3f261;--lime5: #bae637;--lime6: #a0d911;--lime7: #7cb305;--lime8: #5b8c00;--lime9: #3f6600;--lime10: #254000;--color-bg-layout: #f5f5f5;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-spotlight: rgba(0, 0, 0, .85);--color-bg-blur: transparent;--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: #fff2f0;--color-error-bg-hover: #fff1f0;--color-error-bg-active: #ffccc7;--color-error-border: #ffccc7;--color-error-border-hover: #ffa39e;--color-error-hover: #ff7875;--color-error-active: #d9363e;--color-error-text-hover: #ff7875;--color-error-text: #ff4d4f;--color-error-text-active: #d9363e;--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-link-hover: #804beb;--color-link-active: #2800ab;--color-bg-mask: rgba(0, 0, 0, .45);--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: 16px;--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: rgba(32, 0, 122, .06);--color-fill-content-hover: rgba(32, 0, 122, .15);--color-fill-alter: rgba(32, 0, 122, .02);--color-bg-container-disabled: rgba(32, 0, 122, .04);--color-border-bg: #ffffff;--color-split: rgba(44, 22, 11, .09);--color-text-placeholder: rgba(0, 0, 0, .4);--color-text-disabled: rgba(0, 0, 0, .4);--color-text-heading: rgba(0, 0, 0, .95);--color-text-label: rgba(0, 0, 0, .75);--color-text-description: rgba(0, 0, 0, .55);--color-text-light-solid: #fff;--color-highlight: #ff4d4f;--color-bg-text-hover: rgba(32, 0, 122, .06);--color-bg-text-active: rgba(32, 0, 122, .15);--color-icon: rgba(0, 0, 0, .55);--color-icon-hover: rgba(0, 0, 0, .95);--color-error-outline: rgba(255, 38, 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-hover: rgba(32, 0, 122, .04);--control-item-bg-active: #f8f6fb;--control-item-bg-active-hover: #ebe8f8;--control-item-bg-active-disabled: rgba(32, 0, 122, .15);--control-tmp-outline: rgba(32, 0, 122, .02);--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;--color-scrollbar-handle: rgb(0 0 0 / 15%);--color-scrollbar-track: transparent;--size-scrollbar-handle: 6px;--label-size: 10px;--suite-selector-content-max-width: 272px}.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;left:0;bottom:0;overflow:hidden auto}@supports (scrollbar-color: auto){.globalNavigation{scrollbar-color:var(--color-scrollbar-handle) var(--color-scrollbar-track);scrollbar-width:thin}}.globalNavigation::-webkit-scrollbar{-webkit-appearance:none;width:var(--size-scrollbar-handle);height:var(--size-scrollbar-handle)}.globalNavigation::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}.globalNavigation::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-handle)}.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;border-left:solid 3px transparent;border-right:solid 3px transparent;transition:none!important}.globalNavigation__item.globalNavigation__link{cursor:pointer}.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;cursor:revert!important}.globalNavigation__item.workspaceSelector__menuItem{height:calc(var(--control-height-lg) * 2)!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-color:var(--color-primary);background-color:var(--control-item-bg-active)}.globalNavigation__search{width:100%}.navigationCreate__popupButton{cursor:default!important}.globalNavigation__searchButtonWrapper,.navigationCreate__popupButtonWrapper{height:var(--nav-item-height)}.globalNavigation__searchButton,.navigationCreate__popupButton{box-shadow:0 2px #3600d11a}.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}.globalNavigation__buttonItem{padding:0!important;margin:0 auto!important;color:var(--mp-brand-secondary-1)!important}.globalNavigation__buttonItem:hover{background-color:transparent!important}.navigationCreate__item{height:100%!important;min-height:100%!important;padding:var(--padding-xxs) 0}.navigationCreate__item .ant-flex{gap:0}.navigationCreate__item.navigationCreate__item--disabled{cursor:default!important}.navigationCreate__item.navigationCreate__item--disabled:hover{background-color:initial!important}.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemTitle,.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemDescription{color:var(--color-text-disabled)!important}.navigationCreate__itemTitle{display:flex;align-items:center;gap:var(--size-xxs);color:var(--color-text-heading);font-size:14px;font-weight:400;line-height:22px}.navigationCreate__itemDescription{color:var(--color-text-description);font-size:12px;line-height:20px;white-space:normal!important;padding:var(--padding-xs) 0}.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__menu .globalNavigation__iconLabel{margin-top:var(--margin-xxs)}.globalNavigation__iconLabel{color:var(--color-text);font-size:var(--label-size)}.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:var(--padding-md) 0 0;color:#000;font-size:var(--font-size-sm);font-weight:400;cursor:pointer}.globalNavigation__icon--suiteBackground{background-color:var(--mp-brand-primary-2);padding:10px;margin-bottom:8px;border-radius:100%}.globalNavigation__suiteLogo:hover .globalNavigation__icon--suiteBackground svg{fill:var(--mp-brand-primary-7)}.globalNavigation__icon.globalNavigation__icon--suiteLogo svg{width:36px;height:36px}.globalNavigation__divider{border-bottom:1px solid var(--color-border-secondary);margin:var(--margin-md) var(--margin-xxs) 0 var(--margin-xxs)}.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__mpHome svg{width:28px;height:var(--size-lg)}.notificationCenter__popover{left:var(--nav-width)!important;height:100%;width:300px}.notificationCenter__popover .ant-popover-inner{display:flex;flex-direction:column;height:100vh;padding:0;border-radius:0}.notificationCenter__popover .ant-popover-inner-content{flex-grow:1;overflow-y:auto}.notificationCenter__popover .ant-popover-title{margin:0}.notificationCenter__header{padding:var(--padding-content-vertical-lg) var(--padding-content-horizontal-lg);border-bottom:1px solid var(--color-border-secondary)}.suiteSelector__content{max-width:var(--suite-selector-content-max-width);margin-bottom:var(--margin-xs)}.suiteSelector__link{padding:var(--padding-sm) 0;border-radius:var(--border-radius-lg);color:var(--color-text-base);font-size:var(--font-size-sm);border:1px solid transparent;cursor:pointer}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover{background-color:var(--color-primary-bg-hover);border-color:var(--color-primary-bg-hover)}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover .suiteSelector__suiteLogo{background-color:var(--control-item-bg-hover)}.suiteSelector__link.suiteSelector__link--active{border-color:var(--color-border)}.suiteSelector__link.suiteSelector__link--disabled{cursor:default;color:var(--color-text-disabled)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo{background-color:var(--mp-brand-secondary-3)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo svg{color:var(--color-text-disabled)}.suiteSelector__suiteLogo{background-color:var(--control-item-bg-active);width:var(--control-height-lg);height:var(--control-height-lg);border-radius:100%}.u-display-none{display:none!important}.u-display-flex{display:flex!important}.u-align-items-center{align-items:center!important}.u-justify-center{justify-content:center!important}.u-padding-sm{padding:var(--padding-sm)!important}.u-padding-xxs{padding:var(--padding-xxs)!important}:root{--workspace-selector-height: 400px;--workspace-selector-search-height: 36px;--workspace-selector-signout-height: 40px;--workspace-selector-items-height: calc( var(--workspace-selector-height) - var(--workspace-selector-search-height) - var(--workspace-selector-signout-height) )}.workspaceSelector__search{position:sticky!important;bottom:var(--workspace-selector-search-height);z-index:1;width:100%!important;background-color:#fff!important;margin-bottom:var(--margin-xxs)}.workspaceSelector__noResults{height:var(--workspace-selector-items-height);pointer-events:none}.workspaceSelector__noResults .ant-result-title{font-size:var(--font-size)}.workspaceSelector__menuItem{display:flex;justify-content:center;align-items:center}.workspaceSelector__avatar{color:#fff!important;top:1px;margin-top:2px}.workspaceSelector__label{position:relative;top:2px;padding-top:var(--padding-xxs);font-size:var(--font-size-sm)}.workspaceSelector__popover{padding:var(--padding-xxs)!important}.workspaceSelector__popoverContent{height:var(--workspace-selector-height);width:200px}.workspaceSelector__itemsList{list-style:none;padding-left:0;margin-left:0;margin-block-start:0;overflow:auto;height:var(--workspace-selector-items-height);margin-bottom:var(--margin-xxs)}.workspaceSelector__orgName{color:var(--color-primary);pointer-events:none;padding:var(--padding-xs) var(--padding) 0;font-weight:var(--font-weight-strong)}.workspaceSelector__orgName:not(:first-child){border-top:1px solid var(--color-border-secondary)}.workspaceSelector__accountName{pointer-events:none;padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) var(--padding)}.workspaceSelector__workspaceName{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs);padding-left:calc(var(--padding-sm) + var(--padding))!important;border-radius:var(--border-radius-sm);cursor:pointer}.workspaceSelector__workspaceName:hover{background-color:var(--control-item-bg-hover)}.workspaceSelector__workspaceName.workspaceSelector__workspaceName--active,.workspaceSelector__workspaceName:active{background:var(--control-item-bg-active)!important;padding-right:var(--padding)}.workspaceSelector__orgName,.workspaceSelector__accountName{pointer-events:none}.workspaceSelector__orgName,.workspaceSelector__accountName,.workspaceSelector__workspaceName{margin-top:0!important;margin-bottom:0!important;overflow-wrap:anywhere}.workspaceSelector__signout{position:sticky!important;bottom:0;width:100%!important;padding:0 var(--padding-xxs)!important;margin:0!important;background-color:#fff!important;height:var(--workspace-selector-signout-height)}.workspaceSelector__signoutButtonContainer{width:calc(100% - var(--padding-xs));position:absolute;bottom:0;left:0;padding:var(--padding-xxs)}.workspaceSelector__signoutButton{width:100%}.globalNavigation__newExperienceReminder.globalNavigation__newExperienceReminder-bottomLeft{left:calc(var(--nav-width) + var(--margin-xs))!important}

package/dist/style.ts

@@ -1,9 +1,9 @@
-export const Blue = "#1677ff";
+export const Blue = "#1677FF";
 export const Purple = "#722ED1";
 export const Cyan = "#13C2C2";
 export const Green = "#52C41A";
 export const Magenta = "#EB2F96";
-export const Pink = "#eb2f96";
+export const Pink = "#EB2F96";
 export const Red = "#F5222D";
 export const Orange = "#FA8C16";
 export const Yellow = "#FADB14";
@@ -19,8 +19,8 @@ export const ColorInfo = "#3600d1";
 export const ColorLink = "#3600d1";
 export const ColorTextBase = "#000";
 export const ColorBgBase = "#fff";
-export const FontFamily = "'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'";
-export const FontFamilyCode = "'Roboto Mono', Consolas, 'Liberation Mono', Menlo, Courier, monospace";
+export const FontFamily = "'GT America', -system-ui, sans-serif";
+export const FontFamilyCode = "‘Roboto Mono’, monospace";
 export const FontSize = "14px";
 export const LineWidth = "1px";
 export const LineType = "solid";
@@ -44,49 +44,38 @@ export const ZIndexPopupBase = 1000;
 export const OpacityImage = 1;
 export const Wireframe = false;
 export const Motion = true;
-export const ColorLinkHover = "#ab8eff";
-export const ControlOutline = "rgba(54, 0, 209, 0.1)";
-export const ColorWarningOutline = "#fffbe6";
-export const ColorErrorOutline = "#fff2f0";
-export const ControlItemBgHover = "#f8f6fb";
-export const ControlItemBgActive = "#ebe8f8";
-export const ControlItemBgActiveHover = "#c3aeff";
 export const ColorText = "rgba(0, 0, 0, 0.95)";
 export const ColorTextSecondary = "rgba(0, 0, 0, 0.75)";
 export const ColorTextTertiary = "rgba(0, 0, 0, 0.55)";
 export const ColorTextQuaternary = "rgba(0, 0, 0, 0.4)";
-export const ColorFill = "rgba(15, 14, 14, 0.15)";
-export const ColorFillSecondary = "rgba(32, 0, 122, 0.06)";
-export const ColorFillTertiary = "rgba(15, 14, 14, 0.04)";
-export const ColorFillQuaternary = "rgba(32, 0, 122, 0.03)";
 export const ColorBorder = "#c3aeff";
 export const ColorBorderSecondary = "#eceae9";
-export const ColorPrimaryBg = "#f8f6fb";
-export const ColorPrimaryBgHover = "#ebe8f8";
-export const ColorPrimaryBorder = "#c3aeff";
-export const ColorPrimaryBorderHover = "#ab8eff";
-export const ColorPrimaryHover = "#ab8eff";
-export const ColorPrimaryActive = "#8255ff";
-export const ColorPrimaryTextHover = "#5f29f8";
-export const ColorPrimaryText = "#2c00aa";
-export const ColorPrimaryTextActive = "#20007a";
-export const ColorSuccessHover = "#73d13d";
-export const ColorSuccessTextHover = "#237804";
-export const ColorSuccessText = "#135200";
-export const ColorSuccessTextActive = "#092b00";
-export const ColorWarningHover = "#ffc53d";
-export const ColorWarningTextHover = "#ad6800";
-export const ColorWarningText = "#874d00";
-export const ColorWarningTextActive = "#613400";
+export const ColorFill = "rgba(32, 0, 122, 0.15)";
+export const ColorFillSecondary = "rgba(32, 0, 122, 0.06)";
+export const ColorFillTertiary = "rgba(32, 0, 122, 0.04)";
+export const ColorFillQuaternary = "rgba(32, 0, 122, 0.02)";
 export const ColorInfoBg = "#f8f6fb";
 export const ColorInfoBgHover = "#ebe8f8";
 export const ColorInfoBorder = "#c3aeff";
 export const ColorInfoBorderHover = "#ab8eff";
-export const ColorInfoHover = "#ab8eff";
-export const ColorInfoActive = "#8255ff";
+export const ColorInfoHover = "#5f29f8";
+export const ColorInfoActive = "#2c00aa";
 export const ColorInfoTextHover = "#5f29f8";
 export const ColorInfoText = "#2c00aa";
 export const ColorInfoTextActive = "#20007a";
+export const ColorPrimaryBg = "#f8f6fb";
+export const ColorPrimaryBgHover = "#ebe8f8";
+export const ColorPrimaryBorder = "#c3aeff";
+export const ColorPrimaryBorderHover = "#ab8eff";
+export const ColorPrimaryHover = "#5f29f8";
+export const ColorPrimaryActive = "#2c00aa";
+export const ColorPrimaryTextHover = "#5f29f8";
+export const ColorPrimaryText = "#2c00aa";
+export const ColorPrimaryTextActive = "#20007a";
+export const ControlOutline = "rgba(54, 0, 209, 0.1)";
+export const FontWeightStrong = 500;
+export const ColorFillAlterSolid = "#f8f6fb";
+export const ColorFilledHandleBg = "#ebe8f8";
 export const MpBrandPrimary1 = "#f8f6fb";
 export const MpBrandPrimary2 = "#ebe8f8";
 export const MpBrandPrimary3 = "#dbceff";
@@ -107,9 +96,9 @@ export const MpBrandSecondary7 = "#505249";
 export const MpBrandSecondary8 = "#2c2d2b";
 export const MpBrandSecondary9 = "#212020";
 export const MpBrandSecondary10 = "#0f0e0e";
-export const MpColorBorderDisabled = "#dcdcd8";
 export const MpColorIconStrong = "#0f0e0e";
 export const MpColorIconBrand = "#20007a";
+export const MpColorBorderDisabled = "#dcdcd8";
 export const MpIconSizeXs = "12px";
 export const MpIconSizeSm = "16px";
 export const MpIconSizeMd = "20px";
@@ -282,9 +271,14 @@ export const ColorSuccessBg = "#f6ffed";
 export const ColorSuccessBgHover = "#d9f7be";
 export const ColorSuccessBorder = "#b7eb8f";
 export const ColorSuccessBorderHover = "#95de64";
+export const ColorSuccessHover = "#95de64";
 export const ColorSuccessActive = "#389e0d";
+export const ColorSuccessTextHover = "#73d13d";
+export const ColorSuccessText = "#52c41a";
+export const ColorSuccessTextActive = "#389e0d";
 export const ColorErrorBg = "#fff2f0";
 export const ColorErrorBgHover = "#fff1f0";
+export const ColorErrorBgActive = "#ffccc7";
 export const ColorErrorBorder = "#ffccc7";
 export const ColorErrorBorderHover = "#ffa39e";
 export const ColorErrorHover = "#ff7875";
@@ -296,7 +290,12 @@ export const ColorWarningBg = "#fffbe6";
 export const ColorWarningBgHover = "#fff1b8";
 export const ColorWarningBorder = "#ffe58f";
 export const ColorWarningBorderHover = "#ffd666";
+export const ColorWarningHover = "#ffd666";
 export const ColorWarningActive = "#d48806";
+export const ColorWarningTextHover = "#ffc53d";
+export const ColorWarningText = "#faad14";
+export const ColorWarningTextActive = "#d48806";
+export const ColorLinkHover = "#804beb";
 export const ColorLinkActive = "#2800ab";
 export const ColorBgMask = "rgba(0, 0, 0, 0.45)";
 export const ColorWhite = "#fff";
@@ -340,9 +339,9 @@ export const BorderRadiusSm = "4px";
 export const BorderRadiusLg = "8px";
 export const BorderRadiusOuter = "4px";
 export const ColorFillContent = "rgba(32, 0, 122, 0.06)";
-export const ColorFillContentHover = "rgba(15, 14, 14, 0.15)";
-export const ColorFillAlter = "rgba(32, 0, 122, 0.03)";
-export const ColorBgContainerDisabled = "rgba(15, 14, 14, 0.04)";
+export const ColorFillContentHover = "rgba(32, 0, 122, 0.15)";
+export const ColorFillAlter = "rgba(32, 0, 122, 0.02)";
+export const ColorBgContainerDisabled = "rgba(32, 0, 122, 0.04)";
 export const ColorBorderBg = "#ffffff";
 export const ColorSplit = "rgba(44, 22, 11, 0.09)";
 export const ColorTextPlaceholder = "rgba(0, 0, 0, 0.4)";
@@ -353,16 +352,20 @@ export const ColorTextDescription = "rgba(0, 0, 0, 0.55)";
 export const ColorTextLightSolid = "#fff";
 export const ColorHighlight = "#ff4d4f";
 export const ColorBgTextHover = "rgba(32, 0, 122, 0.06)";
-export const ColorBgTextActive = "rgba(15, 14, 14, 0.15)";
+export const ColorBgTextActive = "rgba(32, 0, 122, 0.15)";
 export const ColorIcon = "rgba(0, 0, 0, 0.55)";
 export const ColorIconHover = "rgba(0, 0, 0, 0.95)";
+export const ColorErrorOutline = "rgba(255, 38, 5, 0.06)";
+export const ColorWarningOutline = "rgba(255, 215, 5, 0.1)";
 export const FontSizeIcon = "12px";
 export const LineWidthFocus = "4px";
 export const ControlOutlineWidth = "2px";
 export const ControlInteractiveSize = "16px";
-export const ControlItemBgActiveDisabled = "rgba(15, 14, 14, 0.15)";
-export const ControlTmpOutline = "rgba(32, 0, 122, 0.03)";
-export const FontWeightStrong = 600;
+export const ControlItemBgHover = "rgba(32, 0, 122, 0.04)";
+export const ControlItemBgActive = "#f8f6fb";
+export const ControlItemBgActiveHover = "#ebe8f8";
+export const ControlItemBgActiveDisabled = "rgba(32, 0, 122, 0.15)";
+export const ControlTmpOutline = "rgba(32, 0, 122, 0.02)";
 export const OpacityLoading = 0.65;
 export const LinkDecoration = "none";
 export const LinkHoverDecoration = "none";