@mparticle/aquarium 1.62.0-antd-v6-react-v19.1 → 1.62.0-aquarium-2-beetroot.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 +5014 -24200
- package/dist/aquarium.umd.cjs +12 -165
- package/dist/src/styles/style.d.ts +78 -78
- package/dist/style.css +1 -1
- package/dist/style.ts +78 -78
- package/package.json +4 -4
|
@@ -2,8 +2,8 @@ export declare const Blue = "#1677FF";
|
|
|
2
2
|
export declare const Purple = "#722ED1";
|
|
3
3
|
export declare const Cyan = "#13C2C2";
|
|
4
4
|
export declare const Green = "#52C41A";
|
|
5
|
-
export declare const Magenta = "#
|
|
6
|
-
export declare const Pink = "#
|
|
5
|
+
export declare const Magenta = "#C20075";
|
|
6
|
+
export declare const Pink = "#C20075";
|
|
7
7
|
export declare const Red = "#F5222D";
|
|
8
8
|
export declare const Orange = "#FA8C16";
|
|
9
9
|
export declare const Yellow = "#FADB14";
|
|
@@ -11,12 +11,12 @@ export declare const Volcano = "#FA541C";
|
|
|
11
11
|
export declare const Geekblue = "#2F54EB";
|
|
12
12
|
export declare const Gold = "#FAAD14";
|
|
13
13
|
export declare const Lime = "#A0D911";
|
|
14
|
-
export declare const ColorPrimary = "#
|
|
14
|
+
export declare const ColorPrimary = "#C20075";
|
|
15
15
|
export declare const ColorSuccess = "#52c41a";
|
|
16
16
|
export declare const ColorWarning = "#faad14";
|
|
17
17
|
export declare const ColorError = "#ff4d4f";
|
|
18
|
-
export declare const ColorInfo = "#
|
|
19
|
-
export declare const ColorLink = "#
|
|
18
|
+
export declare const ColorInfo = "#C20075";
|
|
19
|
+
export declare const ColorLink = "#C20075";
|
|
20
20
|
export declare const ColorTextBase = "#000";
|
|
21
21
|
export declare const ColorBgBase = "#fff";
|
|
22
22
|
export declare const FontFamily = "'GT America', -system-ui, sans-serif";
|
|
@@ -48,56 +48,56 @@ export declare const ColorText = "rgba(0, 0, 0, 0.95)";
|
|
|
48
48
|
export declare const ColorTextSecondary = "rgba(0, 0, 0, 0.75)";
|
|
49
49
|
export declare const ColorTextTertiary = "rgba(0, 0, 0, 0.55)";
|
|
50
50
|
export declare const ColorTextQuaternary = "rgba(0, 0, 0, 0.4)";
|
|
51
|
-
export declare const ColorBorder = "#
|
|
52
|
-
export declare const ColorBorderSecondary = "#
|
|
53
|
-
export declare const ColorFill = "rgba(
|
|
54
|
-
export declare const ColorFillSecondary = "rgba(
|
|
55
|
-
export declare const ColorFillTertiary = "rgba(
|
|
56
|
-
export declare const ColorFillQuaternary = "rgba(
|
|
57
|
-
export declare const ColorInfoBg = "#
|
|
58
|
-
export declare const ColorInfoBgHover = "#
|
|
59
|
-
export declare const ColorInfoBorder = "#
|
|
60
|
-
export declare const ColorInfoBorderHover = "#
|
|
61
|
-
export declare const ColorInfoHover = "#
|
|
62
|
-
export declare const ColorInfoActive = "#
|
|
63
|
-
export declare const ColorInfoTextHover = "#
|
|
64
|
-
export declare const ColorInfoText = "#
|
|
65
|
-
export declare const ColorInfoTextActive = "#
|
|
66
|
-
export declare const ColorPrimaryBg = "#
|
|
67
|
-
export declare const ColorPrimaryBgHover = "#
|
|
68
|
-
export declare const ColorPrimaryBorder = "#
|
|
69
|
-
export declare const ColorPrimaryBorderHover = "#
|
|
70
|
-
export declare const ColorPrimaryHover = "#
|
|
71
|
-
export declare const ColorPrimaryActive = "#
|
|
72
|
-
export declare const ColorPrimaryTextHover = "#
|
|
73
|
-
export declare const ColorPrimaryText = "#
|
|
74
|
-
export declare const ColorPrimaryTextActive = "#
|
|
75
|
-
export declare const ControlOutline = "rgba(
|
|
51
|
+
export declare const ColorBorder = "#E0E0E4";
|
|
52
|
+
export declare const ColorBorderSecondary = "#F8F8FA";
|
|
53
|
+
export declare const ColorFill = "rgba(194, 0, 117, 0.08)";
|
|
54
|
+
export declare const ColorFillSecondary = "rgba(194, 0, 117, 0.04)";
|
|
55
|
+
export declare const ColorFillTertiary = "rgba(194, 0, 117, 0.02)";
|
|
56
|
+
export declare const ColorFillQuaternary = "rgba(194, 0, 117, 0.01)";
|
|
57
|
+
export declare const ColorInfoBg = "#FDF5F9";
|
|
58
|
+
export declare const ColorInfoBgHover = "#F9E5F1";
|
|
59
|
+
export declare const ColorInfoBorder = "#F5B8DC";
|
|
60
|
+
export declare const ColorInfoBorderHover = "#ED87C3";
|
|
61
|
+
export declare const ColorInfoHover = "#E5368A";
|
|
62
|
+
export declare const ColorInfoActive = "#480029";
|
|
63
|
+
export declare const ColorInfoTextHover = "#E5368A";
|
|
64
|
+
export declare const ColorInfoText = "#C20075";
|
|
65
|
+
export declare const ColorInfoTextActive = "#480029";
|
|
66
|
+
export declare const ColorPrimaryBg = "#FDF5F9";
|
|
67
|
+
export declare const ColorPrimaryBgHover = "#F9E5F1";
|
|
68
|
+
export declare const ColorPrimaryBorder = "#F5B8DC";
|
|
69
|
+
export declare const ColorPrimaryBorderHover = "#ED87C3";
|
|
70
|
+
export declare const ColorPrimaryHover = "#E5368A";
|
|
71
|
+
export declare const ColorPrimaryActive = "#480029";
|
|
72
|
+
export declare const ColorPrimaryTextHover = "#E5368A";
|
|
73
|
+
export declare const ColorPrimaryText = "#C20075";
|
|
74
|
+
export declare const ColorPrimaryTextActive = "#480029";
|
|
75
|
+
export declare const ControlOutline = "rgba(194, 0, 117, 0.12)";
|
|
76
76
|
export declare const FontWeightStrong = 500;
|
|
77
|
-
export declare const ColorFillAlterSolid = "#
|
|
78
|
-
export declare const ColorFilledHandleBg = "#
|
|
79
|
-
export declare const MpBrandPrimary1 = "#
|
|
80
|
-
export declare const MpBrandPrimary2 = "#
|
|
81
|
-
export declare const MpBrandPrimary3 = "#
|
|
82
|
-
export declare const MpBrandPrimary4 = "#
|
|
83
|
-
export declare const MpBrandPrimary5 = "#
|
|
84
|
-
export declare const MpBrandPrimary6 = "#
|
|
85
|
-
export declare const MpBrandPrimary7 = "#
|
|
86
|
-
export declare const MpBrandPrimary8 = "#
|
|
87
|
-
export declare const MpBrandPrimary9 = "#
|
|
88
|
-
export declare const MpBrandPrimary10 = "#
|
|
89
|
-
export declare const MpBrandSecondary1 = "#
|
|
90
|
-
export declare const MpBrandSecondary2 = "#
|
|
91
|
-
export declare const MpBrandSecondary3 = "#
|
|
92
|
-
export declare const MpBrandSecondary4 = "#
|
|
93
|
-
export declare const MpBrandSecondary5 = "#
|
|
94
|
-
export declare const MpBrandSecondary6 = "#
|
|
95
|
-
export declare const MpBrandSecondary7 = "#
|
|
96
|
-
export declare const MpBrandSecondary8 = "#
|
|
97
|
-
export declare const MpBrandSecondary9 = "#
|
|
98
|
-
export declare const MpBrandSecondary10 = "#
|
|
99
|
-
export declare const MpColorIconStrong = "#
|
|
100
|
-
export declare const MpColorIconBrand = "#
|
|
77
|
+
export declare const ColorFillAlterSolid = "#FDF5F9";
|
|
78
|
+
export declare const ColorFilledHandleBg = "#F9E5F1";
|
|
79
|
+
export declare const MpBrandPrimary1 = "#FFF5FB";
|
|
80
|
+
export declare const MpBrandPrimary2 = "#FFEAF6";
|
|
81
|
+
export declare const MpBrandPrimary3 = "#FFCFE8";
|
|
82
|
+
export declare const MpBrandPrimary4 = "#F5B8DC";
|
|
83
|
+
export declare const MpBrandPrimary5 = "#ED87C3";
|
|
84
|
+
export declare const MpBrandPrimary6 = "#E5368A";
|
|
85
|
+
export declare const MpBrandPrimary7 = "#C20075";
|
|
86
|
+
export declare const MpBrandPrimary8 = "#9E005E";
|
|
87
|
+
export declare const MpBrandPrimary9 = "#6D0042";
|
|
88
|
+
export declare const MpBrandPrimary10 = "#480029";
|
|
89
|
+
export declare const MpBrandSecondary1 = "#FFFFFF";
|
|
90
|
+
export declare const MpBrandSecondary2 = "#F8F8FA";
|
|
91
|
+
export declare const MpBrandSecondary3 = "#E0E0E4";
|
|
92
|
+
export declare const MpBrandSecondary4 = "#C7C7CC";
|
|
93
|
+
export declare const MpBrandSecondary5 = "#AEAEB2";
|
|
94
|
+
export declare const MpBrandSecondary6 = "#86868B";
|
|
95
|
+
export declare const MpBrandSecondary7 = "#6E6E73";
|
|
96
|
+
export declare const MpBrandSecondary8 = "#48484A";
|
|
97
|
+
export declare const MpBrandSecondary9 = "#2C2C2E";
|
|
98
|
+
export declare const MpBrandSecondary10 = "#1C1C1E";
|
|
99
|
+
export declare const MpColorIconStrong = "#1C1C1E";
|
|
100
|
+
export declare const MpColorIconBrand = "#480029";
|
|
101
101
|
export declare const MpColorBorderDisabled = "#dcdcd8";
|
|
102
102
|
export declare const MpIconSizeXs = "12px";
|
|
103
103
|
export declare const MpIconSizeSm = "16px";
|
|
@@ -113,23 +113,23 @@ export declare const MpQueryItemGap = "4px";
|
|
|
113
113
|
export declare const MpQueryItemBorderWidth = "0 0 1px 0";
|
|
114
114
|
export declare const MpQueryItemBorderWidthActive = "0 0 2px 0";
|
|
115
115
|
export declare const MpQueryItemBorderRadius = "2px";
|
|
116
|
-
export declare const MpQueryItemBorderColor = "#
|
|
117
|
-
export declare const MpQueryItemBorderColorFocus = "#
|
|
118
|
-
export declare const MpQueryItemBorderColorHover = "#
|
|
119
|
-
export declare const MpQueryItemBorderColorActive = "#
|
|
116
|
+
export declare const MpQueryItemBorderColor = "#F5B8DC";
|
|
117
|
+
export declare const MpQueryItemBorderColorFocus = "#C20075";
|
|
118
|
+
export declare const MpQueryItemBorderColorHover = "#C20075";
|
|
119
|
+
export declare const MpQueryItemBorderColorActive = "#C20075";
|
|
120
120
|
export declare const MpQueryItemBorderColorDisabled = "#dcdcd8";
|
|
121
121
|
export declare const MpQueryItemBorderColorError = "#ff4d4f";
|
|
122
122
|
export declare const MpQueryItemBgColor = "#ffffff";
|
|
123
|
-
export declare const MpQueryItemBgColorHover = "#
|
|
124
|
-
export declare const MpQueryItemBgColorActive = "#
|
|
125
|
-
export declare const MpQueryItemBgColorDisabled = "rgba(
|
|
123
|
+
export declare const MpQueryItemBgColorHover = "#FDF5F9";
|
|
124
|
+
export declare const MpQueryItemBgColorActive = "#F9E5F1";
|
|
125
|
+
export declare const MpQueryItemBgColorDisabled = "rgba(28, 28, 30, 0.04)";
|
|
126
126
|
export declare const MpQueryItemColorDisabled = "rgba(0, 0, 0, 0.4)";
|
|
127
127
|
export declare const MpQueryItemShadow = "none";
|
|
128
|
-
export declare const MpQueryItemShadowFocus = "0 0 0 2px rgba(
|
|
129
|
-
export declare const MpQueryItemShadowActive = "0 0 0 2px rgba(
|
|
128
|
+
export declare const MpQueryItemShadowFocus = "0 0 0 2px rgba(194, 0, 117, 0.12)";
|
|
129
|
+
export declare const MpQueryItemShadowActive = "0 0 0 2px rgba(194, 0, 117, 0.12)";
|
|
130
130
|
export declare const MpQueryItemValueSelectorFontWeight = "500";
|
|
131
|
-
export declare const MpQueryItemValueSelectorColor = "#
|
|
132
|
-
export declare const MpQueryItemActionPrimaryColor = "#
|
|
131
|
+
export declare const MpQueryItemValueSelectorColor = "#480029";
|
|
132
|
+
export declare const MpQueryItemActionPrimaryColor = "#C20075";
|
|
133
133
|
export declare const MpQueryItemActionSecondaryColor = "rgba(0, 0, 0, 0.55)";
|
|
134
134
|
export declare const MpQueryItemActionFontWeight = "400";
|
|
135
135
|
export declare const Blue1 = "#e6f4ff";
|
|
@@ -295,8 +295,8 @@ export declare const ColorWarningActive = "#d48806";
|
|
|
295
295
|
export declare const ColorWarningTextHover = "#ffc53d";
|
|
296
296
|
export declare const ColorWarningText = "#faad14";
|
|
297
297
|
export declare const ColorWarningTextActive = "#d48806";
|
|
298
|
-
export declare const ColorLinkHover = "#
|
|
299
|
-
export declare const ColorLinkActive = "#
|
|
298
|
+
export declare const ColorLinkHover = "#d444f1";
|
|
299
|
+
export declare const ColorLinkActive = "#800a51";
|
|
300
300
|
export declare const ColorBgMask = "rgba(0, 0, 0, 0.45)";
|
|
301
301
|
export declare const ColorWhite = "#fff";
|
|
302
302
|
export declare const FontSizeSm = "12px";
|
|
@@ -338,10 +338,10 @@ export declare const BorderRadiusXs = "2px";
|
|
|
338
338
|
export declare const BorderRadiusSm = "4px";
|
|
339
339
|
export declare const BorderRadiusLg = "8px";
|
|
340
340
|
export declare const BorderRadiusOuter = "4px";
|
|
341
|
-
export declare const ColorFillContent = "rgba(
|
|
342
|
-
export declare const ColorFillContentHover = "rgba(
|
|
343
|
-
export declare const ColorFillAlter = "rgba(
|
|
344
|
-
export declare const ColorBgContainerDisabled = "rgba(
|
|
341
|
+
export declare const ColorFillContent = "rgba(100, 12, 65, 0.06)";
|
|
342
|
+
export declare const ColorFillContentHover = "rgba(100, 12, 65, 0.15)";
|
|
343
|
+
export declare const ColorFillAlter = "rgba(100, 12, 65, 0.02)";
|
|
344
|
+
export declare const ColorBgContainerDisabled = "rgba(100, 12, 65, 0.04)";
|
|
345
345
|
export declare const ColorBorderBg = "#ffffff";
|
|
346
346
|
export declare const ColorSplit = "rgba(44, 22, 11, 0.09)";
|
|
347
347
|
export declare const ColorTextPlaceholder = "rgba(0, 0, 0, 0.4)";
|
|
@@ -351,8 +351,8 @@ export declare const ColorTextLabel = "rgba(0, 0, 0, 0.75)";
|
|
|
351
351
|
export declare const ColorTextDescription = "rgba(0, 0, 0, 0.55)";
|
|
352
352
|
export declare const ColorTextLightSolid = "#fff";
|
|
353
353
|
export declare const ColorHighlight = "#ff4d4f";
|
|
354
|
-
export declare const ColorBgTextHover = "rgba(
|
|
355
|
-
export declare const ColorBgTextActive = "rgba(
|
|
354
|
+
export declare const ColorBgTextHover = "rgba(100, 12, 65, 0.06)";
|
|
355
|
+
export declare const ColorBgTextActive = "rgba(100, 12, 65, 0.15)";
|
|
356
356
|
export declare const ColorIcon = "rgba(0, 0, 0, 0.55)";
|
|
357
357
|
export declare const ColorIconHover = "rgba(0, 0, 0, 0.95)";
|
|
358
358
|
export declare const ColorErrorOutline = "rgba(255, 38, 5, 0.06)";
|
|
@@ -361,11 +361,11 @@ export declare const FontSizeIcon = "12px";
|
|
|
361
361
|
export declare const LineWidthFocus = "4px";
|
|
362
362
|
export declare const ControlOutlineWidth = "2px";
|
|
363
363
|
export declare const ControlInteractiveSize = "16px";
|
|
364
|
-
export declare const ControlItemBgHover = "rgba(
|
|
365
|
-
export declare const ControlItemBgActive = "#
|
|
366
|
-
export declare const ControlItemBgActiveHover = "#
|
|
367
|
-
export declare const ControlItemBgActiveDisabled = "rgba(
|
|
368
|
-
export declare const ControlTmpOutline = "rgba(
|
|
364
|
+
export declare const ControlItemBgHover = "rgba(100, 12, 65, 0.04)";
|
|
365
|
+
export declare const ControlItemBgActive = "#fcf3f8";
|
|
366
|
+
export declare const ControlItemBgActiveHover = "#f7d9eb";
|
|
367
|
+
export declare const ControlItemBgActiveDisabled = "rgba(100, 12, 65, 0.15)";
|
|
368
|
+
export declare const ControlTmpOutline = "rgba(100, 12, 65, 0.02)";
|
|
369
369
|
export declare const OpacityLoading = 0.65;
|
|
370
370
|
export declare const LinkDecoration = "none";
|
|
371
371
|
export declare const LinkHoverDecoration = "none";
|
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
|
+
.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: #C20075;--pink: #C20075;--red: #F5222D;--orange: #FA8C16;--yellow: #FADB14;--volcano: #FA541C;--geekblue: #2F54EB;--gold: #FAAD14;--lime: #A0D911;--color-primary: #C20075;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #C20075;--color-link: #C20075;--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: #E0E0E4;--color-border-secondary: #F8F8FA;--color-fill: rgba(194, 0, 117, .08);--color-fill-secondary: rgba(194, 0, 117, .04);--color-fill-tertiary: rgba(194, 0, 117, .02);--color-fill-quaternary: rgba(194, 0, 117, .01);--color-info-bg: #FDF5F9;--color-info-bg-hover: #F9E5F1;--color-info-border: #F5B8DC;--color-info-border-hover: #ED87C3;--color-info-hover: #E5368A;--color-info-active: #480029;--color-info-text-hover: #E5368A;--color-info-text: #C20075;--color-info-text-active: #480029;--color-primary-bg: #FDF5F9;--color-primary-bg-hover: #F9E5F1;--color-primary-border: #F5B8DC;--color-primary-border-hover: #ED87C3;--color-primary-hover: #E5368A;--color-primary-active: #480029;--color-primary-text-hover: #E5368A;--color-primary-text: #C20075;--color-primary-text-active: #480029;--control-outline: rgba(194, 0, 117, .12);--font-weight-strong: 500;--color-fill-alter-solid: #FDF5F9;--color-filled-handle-bg: #F9E5F1;--mp-brand-primary-1: #FFF5FB;--mp-brand-primary-2: #FFEAF6;--mp-brand-primary-3: #FFCFE8;--mp-brand-primary-4: #F5B8DC;--mp-brand-primary-5: #ED87C3;--mp-brand-primary-6: #E5368A;--mp-brand-primary-7: #C20075;--mp-brand-primary-8: #9E005E;--mp-brand-primary-9: #6D0042;--mp-brand-primary-10: #480029;--mp-brand-secondary-1: #FFFFFF;--mp-brand-secondary-2: #F8F8FA;--mp-brand-secondary-3: #E0E0E4;--mp-brand-secondary-4: #C7C7CC;--mp-brand-secondary-5: #AEAEB2;--mp-brand-secondary-6: #86868B;--mp-brand-secondary-7: #6E6E73;--mp-brand-secondary-8: #48484A;--mp-brand-secondary-9: #2C2C2E;--mp-brand-secondary-10: #1C1C1E;--mp-color-icon-strong: #1C1C1E;--mp-color-icon-brand: #480029;--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: #F5B8DC;--mp-query-item-border-color-focus: #C20075;--mp-query-item-border-color-hover: #C20075;--mp-query-item-border-color-active: #C20075;--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: #FDF5F9;--mp-query-item-bg-color-active: #F9E5F1;--mp-query-item-bg-color-disabled: rgba(28, 28, 30, .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(194, 0, 117, .12);--mp-query-item-shadow-active: 0 0 0 2px rgba(194, 0, 117, .12);--mp-query-item-value-selector-font-weight: 500;--mp-query-item-value-selector-color: #480029;--mp-query-item-action-primary-color: #C20075;--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: #d444f1;--color-link-active: #800a51;--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(100, 12, 65, .06);--color-fill-content-hover: rgba(100, 12, 65, .15);--color-fill-alter: rgba(100, 12, 65, .02);--color-bg-container-disabled: rgba(100, 12, 65, .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(100, 12, 65, .06);--color-bg-text-active: rgba(100, 12, 65, .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(100, 12, 65, .04);--control-item-bg-active: #fcf3f8;--control-item-bg-active-hover: #f7d9eb;--control-item-bg-active-disabled: rgba(100, 12, 65, .15);--control-tmp-outline: rgba(100, 12, 65, .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, #ef76bf)}.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
|
@@ -2,8 +2,8 @@ export const Blue = "#1677FF";
|
|
|
2
2
|
export const Purple = "#722ED1";
|
|
3
3
|
export const Cyan = "#13C2C2";
|
|
4
4
|
export const Green = "#52C41A";
|
|
5
|
-
export const Magenta = "#
|
|
6
|
-
export const Pink = "#
|
|
5
|
+
export const Magenta = "#C20075";
|
|
6
|
+
export const Pink = "#C20075";
|
|
7
7
|
export const Red = "#F5222D";
|
|
8
8
|
export const Orange = "#FA8C16";
|
|
9
9
|
export const Yellow = "#FADB14";
|
|
@@ -11,12 +11,12 @@ export const Volcano = "#FA541C";
|
|
|
11
11
|
export const Geekblue = "#2F54EB";
|
|
12
12
|
export const Gold = "#FAAD14";
|
|
13
13
|
export const Lime = "#A0D911";
|
|
14
|
-
export const ColorPrimary = "#
|
|
14
|
+
export const ColorPrimary = "#C20075";
|
|
15
15
|
export const ColorSuccess = "#52c41a";
|
|
16
16
|
export const ColorWarning = "#faad14";
|
|
17
17
|
export const ColorError = "#ff4d4f";
|
|
18
|
-
export const ColorInfo = "#
|
|
19
|
-
export const ColorLink = "#
|
|
18
|
+
export const ColorInfo = "#C20075";
|
|
19
|
+
export const ColorLink = "#C20075";
|
|
20
20
|
export const ColorTextBase = "#000";
|
|
21
21
|
export const ColorBgBase = "#fff";
|
|
22
22
|
export const FontFamily = "'GT America', -system-ui, sans-serif";
|
|
@@ -48,56 +48,56 @@ export const ColorText = "rgba(0, 0, 0, 0.95)";
|
|
|
48
48
|
export const ColorTextSecondary = "rgba(0, 0, 0, 0.75)";
|
|
49
49
|
export const ColorTextTertiary = "rgba(0, 0, 0, 0.55)";
|
|
50
50
|
export const ColorTextQuaternary = "rgba(0, 0, 0, 0.4)";
|
|
51
|
-
export const ColorBorder = "#
|
|
52
|
-
export const ColorBorderSecondary = "#
|
|
53
|
-
export const ColorFill = "rgba(
|
|
54
|
-
export const ColorFillSecondary = "rgba(
|
|
55
|
-
export const ColorFillTertiary = "rgba(
|
|
56
|
-
export const ColorFillQuaternary = "rgba(
|
|
57
|
-
export const ColorInfoBg = "#
|
|
58
|
-
export const ColorInfoBgHover = "#
|
|
59
|
-
export const ColorInfoBorder = "#
|
|
60
|
-
export const ColorInfoBorderHover = "#
|
|
61
|
-
export const ColorInfoHover = "#
|
|
62
|
-
export const ColorInfoActive = "#
|
|
63
|
-
export const ColorInfoTextHover = "#
|
|
64
|
-
export const ColorInfoText = "#
|
|
65
|
-
export const ColorInfoTextActive = "#
|
|
66
|
-
export const ColorPrimaryBg = "#
|
|
67
|
-
export const ColorPrimaryBgHover = "#
|
|
68
|
-
export const ColorPrimaryBorder = "#
|
|
69
|
-
export const ColorPrimaryBorderHover = "#
|
|
70
|
-
export const ColorPrimaryHover = "#
|
|
71
|
-
export const ColorPrimaryActive = "#
|
|
72
|
-
export const ColorPrimaryTextHover = "#
|
|
73
|
-
export const ColorPrimaryText = "#
|
|
74
|
-
export const ColorPrimaryTextActive = "#
|
|
75
|
-
export const ControlOutline = "rgba(
|
|
51
|
+
export const ColorBorder = "#E0E0E4";
|
|
52
|
+
export const ColorBorderSecondary = "#F8F8FA";
|
|
53
|
+
export const ColorFill = "rgba(194, 0, 117, 0.08)";
|
|
54
|
+
export const ColorFillSecondary = "rgba(194, 0, 117, 0.04)";
|
|
55
|
+
export const ColorFillTertiary = "rgba(194, 0, 117, 0.02)";
|
|
56
|
+
export const ColorFillQuaternary = "rgba(194, 0, 117, 0.01)";
|
|
57
|
+
export const ColorInfoBg = "#FDF5F9";
|
|
58
|
+
export const ColorInfoBgHover = "#F9E5F1";
|
|
59
|
+
export const ColorInfoBorder = "#F5B8DC";
|
|
60
|
+
export const ColorInfoBorderHover = "#ED87C3";
|
|
61
|
+
export const ColorInfoHover = "#E5368A";
|
|
62
|
+
export const ColorInfoActive = "#480029";
|
|
63
|
+
export const ColorInfoTextHover = "#E5368A";
|
|
64
|
+
export const ColorInfoText = "#C20075";
|
|
65
|
+
export const ColorInfoTextActive = "#480029";
|
|
66
|
+
export const ColorPrimaryBg = "#FDF5F9";
|
|
67
|
+
export const ColorPrimaryBgHover = "#F9E5F1";
|
|
68
|
+
export const ColorPrimaryBorder = "#F5B8DC";
|
|
69
|
+
export const ColorPrimaryBorderHover = "#ED87C3";
|
|
70
|
+
export const ColorPrimaryHover = "#E5368A";
|
|
71
|
+
export const ColorPrimaryActive = "#480029";
|
|
72
|
+
export const ColorPrimaryTextHover = "#E5368A";
|
|
73
|
+
export const ColorPrimaryText = "#C20075";
|
|
74
|
+
export const ColorPrimaryTextActive = "#480029";
|
|
75
|
+
export const ControlOutline = "rgba(194, 0, 117, 0.12)";
|
|
76
76
|
export const FontWeightStrong = 500;
|
|
77
|
-
export const ColorFillAlterSolid = "#
|
|
78
|
-
export const ColorFilledHandleBg = "#
|
|
79
|
-
export const MpBrandPrimary1 = "#
|
|
80
|
-
export const MpBrandPrimary2 = "#
|
|
81
|
-
export const MpBrandPrimary3 = "#
|
|
82
|
-
export const MpBrandPrimary4 = "#
|
|
83
|
-
export const MpBrandPrimary5 = "#
|
|
84
|
-
export const MpBrandPrimary6 = "#
|
|
85
|
-
export const MpBrandPrimary7 = "#
|
|
86
|
-
export const MpBrandPrimary8 = "#
|
|
87
|
-
export const MpBrandPrimary9 = "#
|
|
88
|
-
export const MpBrandPrimary10 = "#
|
|
89
|
-
export const MpBrandSecondary1 = "#
|
|
90
|
-
export const MpBrandSecondary2 = "#
|
|
91
|
-
export const MpBrandSecondary3 = "#
|
|
92
|
-
export const MpBrandSecondary4 = "#
|
|
93
|
-
export const MpBrandSecondary5 = "#
|
|
94
|
-
export const MpBrandSecondary6 = "#
|
|
95
|
-
export const MpBrandSecondary7 = "#
|
|
96
|
-
export const MpBrandSecondary8 = "#
|
|
97
|
-
export const MpBrandSecondary9 = "#
|
|
98
|
-
export const MpBrandSecondary10 = "#
|
|
99
|
-
export const MpColorIconStrong = "#
|
|
100
|
-
export const MpColorIconBrand = "#
|
|
77
|
+
export const ColorFillAlterSolid = "#FDF5F9";
|
|
78
|
+
export const ColorFilledHandleBg = "#F9E5F1";
|
|
79
|
+
export const MpBrandPrimary1 = "#FFF5FB";
|
|
80
|
+
export const MpBrandPrimary2 = "#FFEAF6";
|
|
81
|
+
export const MpBrandPrimary3 = "#FFCFE8";
|
|
82
|
+
export const MpBrandPrimary4 = "#F5B8DC";
|
|
83
|
+
export const MpBrandPrimary5 = "#ED87C3";
|
|
84
|
+
export const MpBrandPrimary6 = "#E5368A";
|
|
85
|
+
export const MpBrandPrimary7 = "#C20075";
|
|
86
|
+
export const MpBrandPrimary8 = "#9E005E";
|
|
87
|
+
export const MpBrandPrimary9 = "#6D0042";
|
|
88
|
+
export const MpBrandPrimary10 = "#480029";
|
|
89
|
+
export const MpBrandSecondary1 = "#FFFFFF";
|
|
90
|
+
export const MpBrandSecondary2 = "#F8F8FA";
|
|
91
|
+
export const MpBrandSecondary3 = "#E0E0E4";
|
|
92
|
+
export const MpBrandSecondary4 = "#C7C7CC";
|
|
93
|
+
export const MpBrandSecondary5 = "#AEAEB2";
|
|
94
|
+
export const MpBrandSecondary6 = "#86868B";
|
|
95
|
+
export const MpBrandSecondary7 = "#6E6E73";
|
|
96
|
+
export const MpBrandSecondary8 = "#48484A";
|
|
97
|
+
export const MpBrandSecondary9 = "#2C2C2E";
|
|
98
|
+
export const MpBrandSecondary10 = "#1C1C1E";
|
|
99
|
+
export const MpColorIconStrong = "#1C1C1E";
|
|
100
|
+
export const MpColorIconBrand = "#480029";
|
|
101
101
|
export const MpColorBorderDisabled = "#dcdcd8";
|
|
102
102
|
export const MpIconSizeXs = "12px";
|
|
103
103
|
export const MpIconSizeSm = "16px";
|
|
@@ -113,23 +113,23 @@ export const MpQueryItemGap = "4px";
|
|
|
113
113
|
export const MpQueryItemBorderWidth = "0 0 1px 0";
|
|
114
114
|
export const MpQueryItemBorderWidthActive = "0 0 2px 0";
|
|
115
115
|
export const MpQueryItemBorderRadius = "2px";
|
|
116
|
-
export const MpQueryItemBorderColor = "#
|
|
117
|
-
export const MpQueryItemBorderColorFocus = "#
|
|
118
|
-
export const MpQueryItemBorderColorHover = "#
|
|
119
|
-
export const MpQueryItemBorderColorActive = "#
|
|
116
|
+
export const MpQueryItemBorderColor = "#F5B8DC";
|
|
117
|
+
export const MpQueryItemBorderColorFocus = "#C20075";
|
|
118
|
+
export const MpQueryItemBorderColorHover = "#C20075";
|
|
119
|
+
export const MpQueryItemBorderColorActive = "#C20075";
|
|
120
120
|
export const MpQueryItemBorderColorDisabled = "#dcdcd8";
|
|
121
121
|
export const MpQueryItemBorderColorError = "#ff4d4f";
|
|
122
122
|
export const MpQueryItemBgColor = "#ffffff";
|
|
123
|
-
export const MpQueryItemBgColorHover = "#
|
|
124
|
-
export const MpQueryItemBgColorActive = "#
|
|
125
|
-
export const MpQueryItemBgColorDisabled = "rgba(
|
|
123
|
+
export const MpQueryItemBgColorHover = "#FDF5F9";
|
|
124
|
+
export const MpQueryItemBgColorActive = "#F9E5F1";
|
|
125
|
+
export const MpQueryItemBgColorDisabled = "rgba(28, 28, 30, 0.04)";
|
|
126
126
|
export const MpQueryItemColorDisabled = "rgba(0, 0, 0, 0.4)";
|
|
127
127
|
export const MpQueryItemShadow = "none";
|
|
128
|
-
export const MpQueryItemShadowFocus = "0 0 0 2px rgba(
|
|
129
|
-
export const MpQueryItemShadowActive = "0 0 0 2px rgba(
|
|
128
|
+
export const MpQueryItemShadowFocus = "0 0 0 2px rgba(194, 0, 117, 0.12)";
|
|
129
|
+
export const MpQueryItemShadowActive = "0 0 0 2px rgba(194, 0, 117, 0.12)";
|
|
130
130
|
export const MpQueryItemValueSelectorFontWeight = "500";
|
|
131
|
-
export const MpQueryItemValueSelectorColor = "#
|
|
132
|
-
export const MpQueryItemActionPrimaryColor = "#
|
|
131
|
+
export const MpQueryItemValueSelectorColor = "#480029";
|
|
132
|
+
export const MpQueryItemActionPrimaryColor = "#C20075";
|
|
133
133
|
export const MpQueryItemActionSecondaryColor = "rgba(0, 0, 0, 0.55)";
|
|
134
134
|
export const MpQueryItemActionFontWeight = "400";
|
|
135
135
|
export const Blue1 = "#e6f4ff";
|
|
@@ -295,8 +295,8 @@ export const ColorWarningActive = "#d48806";
|
|
|
295
295
|
export const ColorWarningTextHover = "#ffc53d";
|
|
296
296
|
export const ColorWarningText = "#faad14";
|
|
297
297
|
export const ColorWarningTextActive = "#d48806";
|
|
298
|
-
export const ColorLinkHover = "#
|
|
299
|
-
export const ColorLinkActive = "#
|
|
298
|
+
export const ColorLinkHover = "#d444f1";
|
|
299
|
+
export const ColorLinkActive = "#800a51";
|
|
300
300
|
export const ColorBgMask = "rgba(0, 0, 0, 0.45)";
|
|
301
301
|
export const ColorWhite = "#fff";
|
|
302
302
|
export const FontSizeSm = "12px";
|
|
@@ -338,10 +338,10 @@ export const BorderRadiusXs = "2px";
|
|
|
338
338
|
export const BorderRadiusSm = "4px";
|
|
339
339
|
export const BorderRadiusLg = "8px";
|
|
340
340
|
export const BorderRadiusOuter = "4px";
|
|
341
|
-
export const ColorFillContent = "rgba(
|
|
342
|
-
export const ColorFillContentHover = "rgba(
|
|
343
|
-
export const ColorFillAlter = "rgba(
|
|
344
|
-
export const ColorBgContainerDisabled = "rgba(
|
|
341
|
+
export const ColorFillContent = "rgba(100, 12, 65, 0.06)";
|
|
342
|
+
export const ColorFillContentHover = "rgba(100, 12, 65, 0.15)";
|
|
343
|
+
export const ColorFillAlter = "rgba(100, 12, 65, 0.02)";
|
|
344
|
+
export const ColorBgContainerDisabled = "rgba(100, 12, 65, 0.04)";
|
|
345
345
|
export const ColorBorderBg = "#ffffff";
|
|
346
346
|
export const ColorSplit = "rgba(44, 22, 11, 0.09)";
|
|
347
347
|
export const ColorTextPlaceholder = "rgba(0, 0, 0, 0.4)";
|
|
@@ -351,8 +351,8 @@ export const ColorTextLabel = "rgba(0, 0, 0, 0.75)";
|
|
|
351
351
|
export const ColorTextDescription = "rgba(0, 0, 0, 0.55)";
|
|
352
352
|
export const ColorTextLightSolid = "#fff";
|
|
353
353
|
export const ColorHighlight = "#ff4d4f";
|
|
354
|
-
export const ColorBgTextHover = "rgba(
|
|
355
|
-
export const ColorBgTextActive = "rgba(
|
|
354
|
+
export const ColorBgTextHover = "rgba(100, 12, 65, 0.06)";
|
|
355
|
+
export const ColorBgTextActive = "rgba(100, 12, 65, 0.15)";
|
|
356
356
|
export const ColorIcon = "rgba(0, 0, 0, 0.55)";
|
|
357
357
|
export const ColorIconHover = "rgba(0, 0, 0, 0.95)";
|
|
358
358
|
export const ColorErrorOutline = "rgba(255, 38, 5, 0.06)";
|
|
@@ -361,11 +361,11 @@ export const FontSizeIcon = "12px";
|
|
|
361
361
|
export const LineWidthFocus = "4px";
|
|
362
362
|
export const ControlOutlineWidth = "2px";
|
|
363
363
|
export const ControlInteractiveSize = "16px";
|
|
364
|
-
export const ControlItemBgHover = "rgba(
|
|
365
|
-
export const ControlItemBgActive = "#
|
|
366
|
-
export const ControlItemBgActiveHover = "#
|
|
367
|
-
export const ControlItemBgActiveDisabled = "rgba(
|
|
368
|
-
export const ControlTmpOutline = "rgba(
|
|
364
|
+
export const ControlItemBgHover = "rgba(100, 12, 65, 0.04)";
|
|
365
|
+
export const ControlItemBgActive = "#fcf3f8";
|
|
366
|
+
export const ControlItemBgActiveHover = "#f7d9eb";
|
|
367
|
+
export const ControlItemBgActiveDisabled = "rgba(100, 12, 65, 0.15)";
|
|
368
|
+
export const ControlTmpOutline = "rgba(100, 12, 65, 0.02)";
|
|
369
369
|
export const OpacityLoading = 0.65;
|
|
370
370
|
export const LinkDecoration = "none";
|
|
371
371
|
export const LinkHoverDecoration = "none";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mparticle/aquarium",
|
|
3
|
-
"version": "1.62.0-
|
|
3
|
+
"version": "1.62.0-aquarium-2-beetroot.1",
|
|
4
4
|
"description": "mParticle Component Library",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"keywords": [
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"node": ">=18.0.0"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
|
-
"antd": "
|
|
32
|
+
"antd": "6.1.1",
|
|
33
33
|
"dayjs": "1.11.x",
|
|
34
|
-
"react": ">=
|
|
35
|
-
"react-dom": ">=
|
|
34
|
+
"react": ">=19.0.0",
|
|
35
|
+
"react-dom": ">=19.0.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@commitlint/cli": "19.2.1",
|