@mparticle/aquarium 1.62.0-remove-nav-code.1 → 1.63.0-new-fonts.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aquarium.js +8025 -7895
- package/dist/aquarium.umd.cjs +51 -51
- package/dist/src/components/UXPatterns/StatisticsCard/StatisticsCard.d.ts +12 -0
- package/dist/src/components/data-display/Badge/Badge.d.ts +8 -2
- package/dist/src/components/data-display/Tooltip/IconWithTooltip.d.ts +11 -0
- package/dist/src/components/data-entry/Checkbox/Checkbox.d.ts +5 -6
- package/dist/src/components/data-entry/RadioCard/RadioCard.d.ts +20 -0
- package/dist/src/components/general/Button/Button.d.ts +5 -1
- package/dist/src/components/general/Typography/colors.d.ts +1 -1
- package/dist/src/components/index.d.ts +3 -0
- package/dist/src/constants/ChartConfig.d.ts +1 -1
- package/dist/src/styles/style.d.ts +2 -2
- package/dist/style.css +1 -1
- package/dist/style.ts +4 -2
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
export interface IStatisticsCardProps {
|
|
4
|
+
title: string;
|
|
5
|
+
value: string | number;
|
|
6
|
+
denominator?: string | number;
|
|
7
|
+
tooltip?: ReactNode;
|
|
8
|
+
valueFontSize?: string;
|
|
9
|
+
denominatorFontSize?: string;
|
|
10
|
+
valueFontWeight?: string | number;
|
|
11
|
+
}
|
|
12
|
+
export declare const StatisticsCard: React.FC<IStatisticsCardProps>;
|
|
@@ -3,9 +3,15 @@ import { FC } from 'react';
|
|
|
3
3
|
import { JSX } from 'react/jsx-runtime';
|
|
4
4
|
/// <reference types="react" />
|
|
5
5
|
import { type BadgeProps as AntBadgeProps } from 'antd';
|
|
6
|
-
export
|
|
6
|
+
export type BadgeVariant = 'default' | 'filled';
|
|
7
|
+
export type BadgeFilledSize = 'sm' | 'md' | 'lg';
|
|
8
|
+
export type BadgeShape = 'pill' | 'square';
|
|
9
|
+
export interface IBadgeProps extends Omit<AntBadgeProps, 'size'> {
|
|
10
|
+
variant?: BadgeVariant;
|
|
11
|
+
size?: BadgeFilledSize | 'default' | 'small';
|
|
12
|
+
shape?: BadgeShape;
|
|
7
13
|
}
|
|
8
14
|
export declare const Badge: {
|
|
9
|
-
(props: IBadgeProps): JSX.Element;
|
|
15
|
+
({ variant, size, shape, ...props }: IBadgeProps): JSX.Element;
|
|
10
16
|
Ribbon: FC<RibbonProps>;
|
|
11
17
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import { type IIconProps } from '../../general/Icon/Icon';
|
|
3
|
+
import { type ITooltipProps } from './Tooltip';
|
|
4
|
+
import type { IconNames } from '../../../types/icons';
|
|
5
|
+
import type { ReactNode } from 'react';
|
|
6
|
+
export interface IIconWithTooltipProps extends Omit<ITooltipProps, 'title'> {
|
|
7
|
+
title: ReactNode;
|
|
8
|
+
iconName?: IconNames;
|
|
9
|
+
iconProps?: Omit<IIconProps, 'name'>;
|
|
10
|
+
}
|
|
11
|
+
export declare const IconWithTooltip: ({ title, iconName, iconProps, ...rest }: IIconWithTooltipProps) => JSX.Element;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { RefAttributes, ReactElement, JSXElementConstructor } from 'react';
|
|
2
|
-
import { CheckboxGroupProps } from 'antd/es/checkbox';
|
|
3
1
|
import { JSX } from 'react/jsx-runtime';
|
|
4
|
-
/// <reference types="react" />
|
|
5
2
|
import { type CheckboxProps as AntCheckboxProps } from 'antd';
|
|
3
|
+
import { type CheckboxGroupProps as AntCheckboxGroupProps } from 'antd/es/checkbox/Group';
|
|
6
4
|
export interface ICheckboxProps extends AntCheckboxProps {
|
|
7
5
|
}
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
export interface ICheckboxGroupProps extends AntCheckboxGroupProps {
|
|
7
|
+
}
|
|
8
|
+
export declare const Checkbox: ((props: ICheckboxProps) => JSX.Element) & {
|
|
9
|
+
Group: (props: ICheckboxGroupProps) => JSX.Element;
|
|
11
10
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface RadioCardOption<T extends React.Key> {
|
|
4
|
+
value: T;
|
|
5
|
+
title: React.ReactNode;
|
|
6
|
+
description?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
tooltipTitle?: React.ReactNode;
|
|
9
|
+
testId?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface RadioCardsProps<T extends React.Key> {
|
|
12
|
+
options: Array<RadioCardOption<T>>;
|
|
13
|
+
value?: T;
|
|
14
|
+
onChange?: (value: T) => void;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
orientation?: 'vertical' | 'horizontal';
|
|
17
|
+
radioAlign?: 'start' | 'center';
|
|
18
|
+
gap?: number | string;
|
|
19
|
+
}
|
|
20
|
+
export declare const RadioCards: <T extends React.Key>({ options, value, onChange, disabled, orientation, radioAlign, gap, }: RadioCardsProps<T>) => JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { JSX } from 'react/jsx-runtime';
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { type ButtonProps as AntButtonProps } from 'antd';
|
|
5
5
|
import { type ReactNode } from 'react';
|
|
6
|
-
export interface IButtonProps extends Omit<AntButtonProps, 'variant'> {
|
|
6
|
+
export interface IButtonProps extends Omit<AntButtonProps, 'variant' | 'color'> {
|
|
7
7
|
/**
|
|
8
8
|
* @deprecated This variant is a temporary fix for new icons.
|
|
9
9
|
* Use this variant only with new icons to align the icon and text centered.
|
|
@@ -11,6 +11,10 @@ export interface IButtonProps extends Omit<AntButtonProps, 'variant'> {
|
|
|
11
11
|
*/
|
|
12
12
|
variant?: 'with-new-icon';
|
|
13
13
|
icon?: ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Color of the button text. Use 'inherit' to inherit from parent element.
|
|
16
|
+
*/
|
|
17
|
+
color?: 'inherit' | string;
|
|
14
18
|
}
|
|
15
19
|
export declare const Button: {
|
|
16
20
|
(props: IButtonProps): JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const TypographyColors: readonly ["ColorText", "ColorTextSecondary", "ColorTextTertiary", "ColorTextQuaternary", "ColorInfoText", "ColorInfoTextActive", "ColorPrimaryTextHover", "ColorPrimaryText", "ColorPrimaryTextActive", "ColorSuccessTextHover", "ColorSuccessText", "ColorSuccessTextActive", "ColorErrorTextHover", "ColorErrorText", "ColorErrorTextActive", "ColorWarningTextHover", "ColorWarningText", "ColorWarningTextActive", "ColorLink", "ColorLinkHover", "ColorLinkActive", "ColorTextPlaceholder", "ColorTextDisabled", "ColorTextHeading", "ColorTextLabel", "ColorTextDescription", "ColorTextLightSolid"];
|
|
1
|
+
export declare const TypographyColors: readonly ["ColorText", "ColorTextSecondary", "ColorTextTertiary", "ColorTextQuaternary", "ColorInfoText", "ColorInfoTextActive", "ColorPrimaryTextHover", "ColorPrimaryText", "ColorPrimaryTextActive", "ColorSuccessTextHover", "ColorSuccessText", "ColorSuccessTextActive", "ColorErrorTextHover", "ColorErrorText", "ColorErrorTextActive", "ColorWarningTextHover", "ColorWarningText", "ColorWarningTextActive", "ColorLink", "ColorLinkHover", "ColorLinkActive", "ColorTextPlaceholder", "ColorTextDisabled", "ColorTextHeading", "ColorTextLabel", "ColorTextDescription", "ColorTextLightSolid", "inherit"];
|
|
2
2
|
export type TypographyColor = (typeof TypographyColors)[number];
|
|
3
3
|
export declare function getColorFromStyles(color: TypographyColor | string): string;
|
|
@@ -10,6 +10,7 @@ export { TreeSelect, type ITreeSelectProps } from './data-entry/TreeSelect/TreeS
|
|
|
10
10
|
export { Select, type ISelectProps, type SelectDefaultOptionType, type SelectBaseOptionType, } from './data-entry/Select/Select';
|
|
11
11
|
export { Mentions, type IMentionsProps } from './not-prod-ready/Mentions/Mentions';
|
|
12
12
|
export { Radio, type IRadioProps } from './data-entry/Radio/Radio';
|
|
13
|
+
export { RadioCards, type RadioCardsProps, type RadioCardOption } from './data-entry/RadioCard/RadioCard';
|
|
13
14
|
export { ColorPicker, type IColorPickerProps } from './not-prod-ready/ColorPicker/ColorPicker';
|
|
14
15
|
export { Slider, type ISliderProps } from './not-prod-ready/Slider/Slider';
|
|
15
16
|
export { Cascader, type ICascaderProps } from './data-entry/Cascader/Cascader';
|
|
@@ -36,6 +37,7 @@ export { Tag, type ITagProps } from './data-display/Tag/Tag';
|
|
|
36
37
|
export { Tour, type ITourProps } from './data-display/Tour/Tour';
|
|
37
38
|
export { Carousel, type ICarouselProps } from './not-prod-ready/Carousel/Carousel';
|
|
38
39
|
export { Tooltip, type ITooltipProps } from './data-display/Tooltip/Tooltip';
|
|
40
|
+
export { IconWithTooltip, type IIconWithTooltipProps } from './data-display/Tooltip/IconWithTooltip';
|
|
39
41
|
export { Statistic, type IStatisticProps } from './not-prod-ready/Statistic/Statistic';
|
|
40
42
|
export { Tree, type ITreeProps, type ITreeData } from './not-prod-ready/Tree/Tree';
|
|
41
43
|
export { Image, type IImageProps } from './data-display/Image/Image';
|
|
@@ -92,4 +94,5 @@ export { useNewExperienceReminder, type INewExperienceReminderOptions, type NewE
|
|
|
92
94
|
export { ChartConfig, ChartAxisStyle } from '../constants/ChartConfig';
|
|
93
95
|
export { ChartColors } from '../constants/ChartColors';
|
|
94
96
|
export { MoreActionsButton, type IMoreActionsButtonProps, type IMoreActionsButtonItem, } from './UXPatterns/MoreActionsButton/MoreActionsButton';
|
|
97
|
+
export { StatisticsCard, type IStatisticsCardProps } from './UXPatterns/StatisticsCard/StatisticsCard';
|
|
95
98
|
export { UnauthorizedTooltip, type IUnauthorizedTooltipProps, } from './UXPatterns/PermissionsRestrictions/UnauthorizedTooltip';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Options } from 'highcharts';
|
|
2
2
|
export declare const ChartAxisStyle: {
|
|
3
|
-
readonly 'font-family': "'
|
|
3
|
+
readonly 'font-family': "'Inter', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif";
|
|
4
4
|
readonly 'font-size': ".9em";
|
|
5
5
|
readonly 'font-weight': "initial";
|
|
6
6
|
readonly color: "rgba(56, 60, 67, 0.7)";
|
|
@@ -19,8 +19,8 @@ export declare const ColorInfo = "#3600d1";
|
|
|
19
19
|
export declare const ColorLink = "#3600d1";
|
|
20
20
|
export declare const ColorTextBase = "#000";
|
|
21
21
|
export declare const ColorBgBase = "#fff";
|
|
22
|
-
export declare const FontFamily = "'
|
|
23
|
-
export declare const FontFamilyCode = "
|
|
22
|
+
export declare const FontFamily = "'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif";
|
|
23
|
+
export declare const FontFamilyCode = "ui-monospace, 'Roboto Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
|
|
24
24
|
export declare const FontSize = "14px";
|
|
25
25
|
export declare const LineWidth = "1px";
|
|
26
26
|
export declare const LineType = "solid";
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ant-btn .ant-btn-icon{line-height:0!important}.anticon>*{line-height:0!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}.ant-form-item-label label{margin-bottom:unset;font-weight:unset}.ant-radio-wrapper,.ant-radio-button-wrapper,.ant-checkbox-wrapper{font-weight:400}.query-item{border-width:0 0 var(--line-width) 0!important;border-color:var(--color-border)!important;border-radius:var(--border-radius-xs);background-color:var(--color-bg-container)!important;padding:var(--padding-xxs)!important;height:var(--control-height)!important;display:flex;justify-content:center;align-items:center;box-shadow:none;border-style:solid}.query-item:hover{border-color:var(--color-primary)!important;background-color:var(--control-item-bg-active)!important}.query-item:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--control-outline);background-color:var(--color-bg-container)!important}.query-item:active{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important;box-shadow:0 0 0 2px var(--control-outline)}.query-item[disabled]{color:var(--color-text-disabled)!important;background-color:var(--color-bg-container)!important;border-color:var(--mp-color-border-disabled)!important}.query-item.query-item--input-text,.query-item.query-item--input-number{color:var(--color-primary-text-active);font-weight:var(--font-weight-strong)}.query-item.query-item--input-text::placeholder,.query-item.query-item--input-number::placeholder{font-weight:400}.query-item.query-item--action{color:var(--color-link)!important;gap:var(--margin-xxs)}.query-item.query-item--secondary{color:var(--color-text-tertiary)!important}.query-item.query-item--secondary:hover{background-color:var(--control-item-bg-active)!important}.query-item.query-item--secondary:active{border-width:0 0 var(--line-width-bold) 0;background-color:var(--control-item-bg-active-hover)!important}.query-item.query-item--disabled{color:var(--color-text-tertiary)!important}.query-item.query-item--disabled:hover{background-color:var(--color-bg-container)!important}.query-item.query-item--disabled:active{border-width:0 0 var(--line-width) 0!important;background-color:var(--color-bg-container)!important;box-shadow:none!important}.query-item.query-item--selected>input{color:var(--color-primary-text-active)!important;font-weight:var(--font-weight-strong)!important}.query-item.query-item--error{border-color:var(--color-error)!important}.query-item.query-item--open{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important}.query-item .ant-select-selector{padding:0!important}.query-item__search-highlight{color:var(--color-link)}.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-card-hoverable:hover{box-shadow:var(--box-shadow-secondary)!important}.antd-table-override--disableStickyScroll .ant-table-sticky-scroll{display:none!important}:root{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px}.ant-empty-image{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px;margin:auto!important;width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image>svg{width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image .icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important;min-width:var(--empty-img-small-width)!important}.ant-empty-image .icon-size-lg.icon-color-error svg{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg.icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg[data-testid*=icon-stateError]{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-modal p,.ant-modal span{font-weight:400}.ant-modal .ant-modal-title{font-weight:var(--font-weight-strong)}.alert-expandable{align-items:flex-start;padding:var(--padding-xs) var(--padding-sm)}.alert-expandable .ant-alert-close-icon{margin-top:var(--margin-xxs)}: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;--mp-logo-height: 80px;--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;cursor:pointer}.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__submenu.globalNavigation__submenu--active .ant-menu-submenu-title{color:var(--color-primary)!important}.globalNavigation__childItem.globalNavigation__childItem--active{background-color:var(--control-item-bg-active)!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{margin-left:4px;border:solid 1px var(--color-border);border-radius:var(--border-radius-sm);padding:0;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.globalNavigation__mpHome--unified{margin-top:0;height:var(--mp-logo-height)}.globalNavigation__mpHome svg{width:28px;height:var(--size-lg)}.globalNavigation__mpHome.globalNavigation__mpHome--unified svg{width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xl)}.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)}.ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg{line-height:0!important}.suiteSelector__content{max-width:var(--suite-selector-content-max-width);margin-bottom:var(--margin-xs)}.suiteSelector__link{display:block;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);color:var(--color-text-base)}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover .suiteSelector__suiteLogo{background-color:var(--color-white)}.suiteSelector__link.suiteSelector__link--active{border-color:var(--color-border);color:var(--color-text-base)}.suiteSelector__link.suiteSelector__link--disabled{pointer-events:none;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:100%;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}.globalNavigation__newExperienceReminder .ant-btn-link span{color:var(--color-primary)}.globalNavigation__newExperienceReminder .ant-btn-link span:hover{color:var(--color-primary-hover)}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.ant-btn .ant-btn-icon{line-height:0!important}.anticon>*{line-height:0!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}.ant-form-item-label label{margin-bottom:unset;font-weight:unset}.ant-radio-wrapper,.ant-radio-button-wrapper{font-weight:400}.ant-card-hoverable:hover{box-shadow:var(--box-shadow-secondary)!important}.ant-checkbox-wrapper{display:inline-flex;align-items:flex-start;font-weight:400}.ant-checkbox{align-self:flex-start;margin-top:var(--margin-xxs)}.query-item{border-width:0 0 var(--line-width) 0!important;border-color:var(--color-border)!important;border-radius:var(--border-radius-xs);background-color:var(--color-bg-container)!important;padding:var(--padding-xxs)!important;height:var(--control-height)!important;display:flex;justify-content:center;align-items:center;box-shadow:none;border-style:solid}.query-item:hover{border-color:var(--color-primary)!important;background-color:var(--control-item-bg-active)!important}.query-item:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--control-outline);background-color:var(--color-bg-container)!important}.query-item:active{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important;box-shadow:0 0 0 2px var(--control-outline)}.query-item[disabled]{color:var(--color-text-disabled)!important;background-color:var(--color-bg-container)!important;border-color:var(--mp-color-border-disabled)!important}.query-item.query-item--input-text,.query-item.query-item--input-number{color:var(--color-primary-text-active);font-weight:var(--font-weight-strong)}.query-item.query-item--input-text::placeholder,.query-item.query-item--input-number::placeholder{font-weight:400}.query-item.query-item--action{color:var(--color-link)!important;gap:var(--margin-xxs)}.query-item.query-item--secondary{color:var(--color-text-tertiary)!important}.query-item.query-item--secondary:hover{background-color:var(--control-item-bg-active)!important}.query-item.query-item--secondary:active{border-width:0 0 var(--line-width-bold) 0;background-color:var(--control-item-bg-active-hover)!important}.query-item.query-item--disabled{color:var(--color-text-tertiary)!important}.query-item.query-item--disabled:hover{background-color:var(--color-bg-container)!important}.query-item.query-item--disabled:active{border-width:0 0 var(--line-width) 0!important;background-color:var(--color-bg-container)!important;box-shadow:none!important}.query-item.query-item--selected>input{color:var(--color-primary-text-active)!important;font-weight:var(--font-weight-strong)!important}.query-item.query-item--error{border-color:var(--color-error)!important}.query-item.query-item--open{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important}.query-item .ant-select-selector{padding:0!important}.query-item__search-highlight{color:var(--color-link)}.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)}.mp-badge-filled{display:inline-block;--border-radius-pill: 9999px;--badge-padding-vertical: 2px;--badge-line-height-sm: 18px;--badge-padding-horizontal-sm-start: 6px;--badge-padding-horizontal-md-start: 8px;--badge-padding-horizontal-md-end: 10px;--badge-padding-horizontal-lg-start: 10px;--badge-margin-left-md: 6px;--badge-margin-left-lg: 6px}.mp-badge-filled .ant-badge{display:inline-block}.mp-badge-filled--pill{border-radius:var(--border-radius-pill)}.mp-badge-filled--square{border-radius:var(--border-radius-sm)}.mp-badge-filled--sm{padding:var(--badge-padding-vertical) var(--padding-xs) var(--badge-padding-vertical) var(--badge-padding-horizontal-sm-start)}.mp-badge-filled--sm .ant-badge-status-text{font-size:var(--font-size-sm)!important;line-height:var(--badge-line-height-sm)!important;margin-left:var(--margin-xxs)!important}.mp-badge-filled--sm.mp-badge-filled--pill{padding:var(--badge-padding-vertical) var(--padding-xs) var(--badge-padding-vertical) var(--badge-padding-horizontal-sm-start)}.mp-badge-filled--md{padding:var(--badge-padding-vertical) var(--badge-padding-horizontal-md-end) var(--badge-padding-vertical) var(--badge-padding-horizontal-md-start)}.mp-badge-filled--md .ant-badge-status-text{font-size:var(--font-size)!important;line-height:var(--font-height-sm)!important;margin-left:var(--badge-margin-left-md)!important}.mp-badge-filled--md.mp-badge-filled--pill{padding:var(--badge-padding-vertical) var(--badge-padding-horizontal-md-end) var(--badge-padding-vertical) var(--badge-padding-horizontal-md-start)}.mp-badge-filled--lg{padding:var(--padding-xxs) var(--padding-sm) var(--padding-xxs) var(--badge-padding-horizontal-lg-start)}.mp-badge-filled--lg .ant-badge-status-text{font-size:var(--font-size)!important;line-height:var(--font-height-sm)!important;margin-left:var(--badge-margin-left-lg)!important}.mp-badge-filled--lg.mp-badge-filled--pill{padding:var(--padding-xxs) var(--padding-sm) var(--padding-xxs) var(--badge-padding-horizontal-lg-start)}.mp-badge-filled--success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border)}.mp-badge-filled--processing{background-color:var(--color-primary-bg);border:1px solid var(--color-primary-border)}.mp-badge-filled--error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border)}.mp-badge-filled--warning{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.mp-badge-filled--default{background-color:var(--mp-brand-secondary-2);border:1px solid var(--color-border-secondary)}.ant-badge:has(.ant-avatar-circle) .ant-badge-dot{transform:none}.ant-badge:has(.ant-avatar-circle) .ant-badge-count:not(.ant-badge-dot){transform:translate(50%,-50%)}.antd-table-override--disableStickyScroll .ant-table-sticky-scroll{display:none!important}:root{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px}.ant-empty-image{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px;margin:auto!important;width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image>svg{width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image .icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important;min-width:var(--empty-img-small-width)!important}.ant-empty-image .icon-size-lg.icon-color-error svg{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg.icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg[data-testid*=icon-stateError]{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-modal p,.ant-modal span{font-weight:400}.ant-modal .ant-modal-title{font-weight:var(--font-weight-strong)}.alert-expandable{align-items:flex-start;padding:var(--padding-xs) var(--padding-sm)}.alert-expandable .ant-alert-close-icon{margin-top:var(--margin-xxs)}: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: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-family-code: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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;--mp-logo-height: 80px;--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;cursor:pointer}.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__submenu.globalNavigation__submenu--active .ant-menu-submenu-title{color:var(--color-primary)!important}.globalNavigation__childItem.globalNavigation__childItem--active{background-color:var(--control-item-bg-active)!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{margin-left:4px;border:solid 1px var(--color-border);border-radius:var(--border-radius-sm);padding:0;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.globalNavigation__mpHome--unified{margin-top:0;height:var(--mp-logo-height)}.globalNavigation__mpHome svg{width:28px;height:var(--size-lg)}.globalNavigation__mpHome.globalNavigation__mpHome--unified svg{width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xl)}.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)}.ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg{line-height:0!important}.suiteSelector__content{max-width:var(--suite-selector-content-max-width);margin-bottom:var(--margin-xs)}.suiteSelector__link{display:block;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);color:var(--color-text-base)}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover .suiteSelector__suiteLogo{background-color:var(--color-white)}.suiteSelector__link.suiteSelector__link--active{border-color:var(--color-border);color:var(--color-text-base)}.suiteSelector__link.suiteSelector__link--disabled{pointer-events:none;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:100%;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}.globalNavigation__newExperienceReminder .ant-btn-link span{color:var(--color-primary)}.globalNavigation__newExperienceReminder .ant-btn-link span:hover{color:var(--color-primary-hover)}
|
package/dist/style.ts
CHANGED
|
@@ -19,8 +19,10 @@ export const ColorInfo = "#3600d1";
|
|
|
19
19
|
export const ColorLink = "#3600d1";
|
|
20
20
|
export const ColorTextBase = "#000";
|
|
21
21
|
export const ColorBgBase = "#fff";
|
|
22
|
-
export const FontFamily =
|
|
23
|
-
|
|
22
|
+
export const FontFamily =
|
|
23
|
+
"'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif";
|
|
24
|
+
export const FontFamilyCode =
|
|
25
|
+
"ui-monospace, 'Roboto Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
|
|
24
26
|
export const FontSize = "14px";
|
|
25
27
|
export const LineWidth = "1px";
|
|
26
28
|
export const LineType = "solid";
|