ydb-embedded-ui 11.3.0 → 11.5.0

package/dist/components/DoughnutMetrics/DoughnutMetrics.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { HelpMarkProps, TextProps } from '@gravity-ui/uikit';
 import type { ProgressStatus } from '../../utils/progress';
+import { SIZE_CONFIG } from './utils';
 import './DoughnutMetrics.scss';
+type Size = keyof typeof SIZE_CONFIG;
 interface LegendProps {
     children?: React.ReactNode;
     variant?: TextProps['variant'];
@@ -14,7 +16,7 @@ interface DoughnutProps {
     fillWidth: number;
     children?: React.ReactNode;
     className?: string;
-    size?: 'small' | 'medium' | 'large';
+    size?: Size;
 }
 export declare function DoughnutMetrics({ status, fillWidth, children, className, size, }: DoughnutProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DoughnutMetrics {

package/dist/components/DoughnutMetrics/DoughnutMetrics.js

@@ -2,35 +2,31 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
+import { SvgCircle } from './SvgCircle';
+import { ROTATION_OFFSET, SIZE_CONFIG, calculateCircumference, calculateOverlapDasharray, calculateStrokeDasharray, } from './utils';
 import './DoughnutMetrics.scss';
 const b = cn('ydb-doughnut-metrics');
 const SizeContext = React.createContext('medium');
-function Legend({ children, variant = 'subheader-3', color = 'primary', note, noteIconSize, }) {
-    return (_jsxs(Flex, { gap: 1, alignItems: "center", children: [_jsx(Text, { variant: variant, color: color, className: b('legend'), as: "div", children: children }), note && (_jsx(HelpMark, { iconSize: noteIconSize || 'm', className: b('legend-note'), popoverProps: { placement: 'right' }, children: note }))] }));
+function Legend({ children, variant = 'subheader-3', color = 'primary', note, noteIconSize = 'm', }) {
+    return (_jsxs(Flex, { gap: 1, alignItems: "center", children: [_jsx(Text, { variant: variant, color: color, className: b('legend'), as: "div", children: children }), note && (_jsx(HelpMark, { iconSize: noteIconSize, className: b('legend-note'), popoverProps: { placement: 'right' }, children: note }))] }));
 }
+// Value component
 function Value({ children, variant }) {
     const size = React.useContext(SizeContext);
-    const sizeVariantMap = {
-        small: 'subheader-1',
-        medium: 'subheader-2',
-        large: 'subheader-3',
-    };
-    const finalVariant = variant || sizeVariantMap[size];
+    const finalVariant = variant || SIZE_CONFIG[size].textVariant;
     return (_jsx(Text, { variant: finalVariant, className: b('value'), children: children }));
 }
 export function DoughnutMetrics({ status, fillWidth, children, className, size = 'medium', }) {
-    let filledDegrees = fillWidth * 3.6;
-    let doughnutFillVar = 'var(--doughnut-color)';
-    let doughnutBackdropVar = 'var(--doughnut-backdrop-color)';
-    if (filledDegrees > 360) {
-        filledDegrees -= 360;
-        doughnutBackdropVar = 'var(--doughnut-color)';
-        doughnutFillVar = 'var(--doughnut-overlap-color)';
-    }
-    const doughnutStyle = {
-        background: `conic-gradient(${doughnutFillVar} 0deg ${filledDegrees}deg, ${doughnutBackdropVar} ${filledDegrees}deg 360deg)`,
-    };
-    return (_jsx(SizeContext.Provider, { value: size, children: _jsxs("div", { className: b({ status }, className), style: { position: 'relative' }, children: [_jsx("div", { style: doughnutStyle, className: b('doughnut', { size }) }), _jsx("div", { className: b('text-wrapper'), children: children })] }) }));
+    const config = SIZE_CONFIG[size];
+    const radius = (config.width - config.strokeWidth) / 2;
+    const circumference = calculateCircumference(radius);
+    const strokeDashoffset = circumference * ROTATION_OFFSET;
+    const centerX = config.width / 2;
+    const centerY = config.width / 2;
+    const strokeDasharray = calculateStrokeDasharray(fillWidth, circumference);
+    const overlapDasharray = calculateOverlapDasharray(fillWidth, circumference);
+    const needsOverlapCircle = fillWidth > 100;
+    return (_jsx(SizeContext.Provider, { value: size, children: _jsxs("div", { className: b({ status }, className), children: [_jsxs("svg", { width: config.width, height: config.width, className: b('doughnut'), children: [_jsx(SvgCircle, { cx: centerX, cy: centerY, r: radius, stroke: "var(--doughnut-backdrop-color)", strokeWidth: config.strokeWidth }), _jsx(SvgCircle, { cx: centerX, cy: centerY, r: radius, stroke: "var(--doughnut-color)", strokeWidth: config.strokeWidth, strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset, className: b('progress-circle') }), needsOverlapCircle && (_jsx(SvgCircle, { cx: centerX, cy: centerY, r: radius, stroke: "var(--doughnut-overlap-color)", strokeWidth: config.strokeWidth, strokeDasharray: overlapDasharray, strokeDashoffset: strokeDashoffset, className: b('overlap-circle') }))] }), _jsx("div", { className: b('text-wrapper'), children: children })] }) }));
 }
 DoughnutMetrics.Legend = Legend;
 DoughnutMetrics.Value = Value;

package/dist/components/DoughnutMetrics/DoughnutMetrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoughnutMetrics.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/DoughnutMetrics.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAErC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAA+B,QAAQ,CAAC,CAAC;AAUhF,SAAS,MAAM,CAAC,EACZ,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,YAAY,GACF;IACV,OAAO,CACH,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAC7B,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAC,KAAK,YACjE,QAAQ,GACN,EACN,IAAI,IAAI,CACL,KAAC,QAAQ,IACL,QAAQ,EAAE,YAAY,IAAI,GAAG,EAC7B,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,EAC3B,YAAY,EAAE,EAAC,SAAS,EAAE,OAAO,EAAC,YAEjC,IAAI,GACE,CACd,IACE,CACV,CAAC;AACN,CAAC;AACD,SAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAc;IAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE3C,MAAM,cAAc,GAAG;QACnB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,aAAa;KACd,CAAC;IAEX,MAAM,YAAY,GAAG,OAAO,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACH,KAAC,IAAI,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAC7C,QAAQ,GACN,CACV,CAAC;AACN,CAAC;AAUD,MAAM,UAAU,eAAe,CAAC,EAC5B,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,GACH;IACZ,IAAI,aAAa,GAAG,SAAS,GAAG,GAAG,CAAC;IACpC,IAAI,eAAe,GAAG,uBAAuB,CAAC;IAC9C,IAAI,mBAAmB,GAAG,gCAAgC,CAAC;IAE3D,IAAI,aAAa,GAAG,GAAG,EAAE,CAAC;QACtB,aAAa,IAAI,GAAG,CAAC;QACrB,mBAAmB,GAAG,uBAAuB,CAAC;QAC9C,eAAe,GAAG,+BAA+B,CAAC;IACtD,CAAC;IAED,MAAM,aAAa,GAAwB;QACvC,UAAU,EAAE,kBAAkB,eAAe,SAAS,aAAa,QAAQ,mBAAmB,IAAI,aAAa,aAAa;KAC/H,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAC7B,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC,aACjE,cAAK,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,IAAI,EAAC,CAAC,GAAQ,EACnE,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,QAAQ,GAAO,IACjD,GACa,CAC1B,CAAC;AACN,CAAC;AAED,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;AAChC,eAAe,CAAC,KAAK,GAAG,KAAK,CAAC"}
+{"version":3,"file":"DoughnutMetrics.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/DoughnutMetrics.tsx"],"names":[],"mappings":"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"}

package/dist/components/DoughnutMetrics/DoughnutMetrics.scss

@@ -1,69 +1,66 @@
 .ydb-doughnut-metrics {
-    --doughnut-border: 16px;
-    --doughnut-width: 100px;
-    --doughnut-wrapper-indent: calc(var(--doughnut-border) + 5px);
     --doughnut-color: var(--g-color-base-positive-heavy);
     --doughnut-backdrop-color: var(--g-color-base-generic);
     --doughnut-overlap-color: var(--g-color-base-positive-heavy-hover);
     --doughnut-text-color: var(--g-color-text-positive-heavy);
 
+    position: relative;
+
     &__doughnut {
         position: relative;
 
-        width: var(--doughnut-width);
-        aspect-ratio: 1;
-
-        border-radius: 50%;
-        mask: radial-gradient(circle at center, transparent 46%, #000 46.5%);
+        display: block;
 
-        transform: rotate(180deg);
-    }
+        // Enable smooth rendering for SVG
+        shape-rendering: geometricPrecision;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
 
-    // Size modifiers - using visually centered values
-    &__doughnut_size_small {
-        --doughnut-border: 12px;
-        --doughnut-width: 65px;
-        --doughnut-wrapper-indent: 15px;
-    }
+        // Ensure SVG renders smoothly
+        image-rendering: smooth;
+        will-change: transform;
 
-    &__doughnut_size_medium {
-        --doughnut-border: 16px;
-        --doughnut-width: 100px;
-        --doughnut-wrapper-indent: calc(var(--doughnut-border) + 5px);
+        // Preserve rotation origin
+        transform-origin: center;
     }
 
-    &__doughnut_size_large {
-        --doughnut-border: 20px;
-        --doughnut-width: 130px;
-        --doughnut-wrapper-indent: 25px;
+    // Progress circle animation
+    &__progress-circle,
+    &__overlap-circle {
+        transition: stroke-dasharray 0.3s ease;
+        transform-origin: center;
     }
 
+    // Status modifiers
     &_status_warning {
         --doughnut-color: var(--g-color-base-warning-heavy);
         --doughnut-overlap-color: var(--g-color-base-warning-heavy-hover);
         --doughnut-text-color: var(--g-color-text-warning);
     }
+
     &_status_danger {
         --doughnut-color: var(--g-color-base-danger-heavy);
         --doughnut-overlap-color: var(--g-color-base-danger-heavy-hover);
         --doughnut-text-color: var(--g-color-base-danger-heavy);
     }
+
     &__text-wrapper {
         position: absolute;
         z-index: 1;
-        top: var(--doughnut-wrapper-indent);
-        left: var(--doughnut-wrapper-indent);
+        top: 50%;
+        left: 50%;
 
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
 
-        width: calc(100% - calc(var(--doughnut-wrapper-indent) * 2));
+        width: 100%;
+        height: 100%;
 
         text-align: center;
 
-        aspect-ratio: 1;
+        transform: translate(-50%, -50%);
     }
 
     &__value {

package/dist/components/DoughnutMetrics/SvgCircle.d.ts

@@ -0,0 +1,14 @@
+interface SvgCircleProps {
+    cx: number;
+    cy: number;
+    r: number;
+    stroke: string;
+    strokeWidth: number;
+    strokeDasharray?: string;
+    strokeDashoffset?: number;
+    strokeLinecap?: 'butt' | 'round' | 'square';
+    fill?: string;
+    className?: string;
+}
+export declare function SvgCircle({ cx, cy, r, stroke, strokeWidth, strokeDasharray, strokeDashoffset, strokeLinecap, fill, className, }: SvgCircleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DoughnutMetrics/SvgCircle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SvgCircle({ cx, cy, r, stroke, strokeWidth, strokeDasharray, strokeDashoffset, strokeLinecap = 'butt', fill = 'none', className, }) {
+    return (_jsx("circle", { cx: cx, cy: cy, r: r, fill: fill, stroke: stroke, strokeWidth: strokeWidth, strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset, strokeLinecap: strokeLinecap, className: className }));
+}
+//# sourceMappingURL=SvgCircle.js.map

package/dist/components/DoughnutMetrics/SvgCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgCircle.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/SvgCircle.tsx"],"names":[],"mappings":";AAaA,MAAM,UAAU,SAAS,CAAC,EACtB,EAAE,EACF,EAAE,EACF,CAAC,EACD,MAAM,EACN,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,aAAa,GAAG,MAAM,EACtB,IAAI,GAAG,MAAM,EACb,SAAS,GACI;IACb,OAAO,CACH,iBACI,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,GACtB,CACL,CAAC;AACN,CAAC"}

package/dist/components/DoughnutMetrics/utils.d.ts

@@ -0,0 +1,36 @@
+export declare const SIZE_CONFIG: {
+    readonly small: {
+        readonly width: 65;
+        readonly strokeWidth: 12;
+        readonly textVariant: "subheader-1";
+    };
+    readonly medium: {
+        readonly width: 100;
+        readonly strokeWidth: 16;
+        readonly textVariant: "subheader-2";
+    };
+    readonly large: {
+        readonly width: 130;
+        readonly strokeWidth: 20;
+        readonly textVariant: "subheader-3";
+    };
+};
+export declare const ROTATION_OFFSET = 0.75;
+/**
+ * Calculate the circumference of a circle given its radius
+ */
+export declare function calculateCircumference(radius: number): number;
+/**
+ * Calculate stroke-dasharray for SVG circle progress fill
+ * @param fillWidth - Progress percentage (0-100+)
+ * @param circumference - Circle circumference
+ * @returns Stroke-dasharray string for filled portion
+ */
+export declare function calculateStrokeDasharray(fillWidth: number, circumference: number): string;
+/**
+ * Calculate stroke-dasharray for overlap portion when progress exceeds 100%
+ * @param fillWidth - Progress percentage (0-100+)
+ * @param circumference - Circle circumference
+ * @returns Stroke-dasharray string for overlap portion
+ */
+export declare function calculateOverlapDasharray(fillWidth: number, circumference: number): string;

package/dist/components/DoughnutMetrics/utils.js

@@ -0,0 +1,40 @@
+// Constants
+export const SIZE_CONFIG = {
+    small: { width: 65, strokeWidth: 12, textVariant: 'subheader-1' },
+    medium: { width: 100, strokeWidth: 16, textVariant: 'subheader-2' },
+    large: { width: 130, strokeWidth: 20, textVariant: 'subheader-3' },
+};
+export const ROTATION_OFFSET = 0.75; // Start from bottom (270 degrees)
+/**
+ * Calculate the circumference of a circle given its radius
+ */
+export function calculateCircumference(radius) {
+    return 2 * Math.PI * radius;
+}
+/**
+ * Calculate stroke-dasharray for SVG circle progress fill
+ * @param fillWidth - Progress percentage (0-100+)
+ * @param circumference - Circle circumference
+ * @returns Stroke-dasharray string for filled portion
+ */
+export function calculateStrokeDasharray(fillWidth, circumference) {
+    if (fillWidth <= 0) {
+        return '0 0';
+    }
+    const filledLength = (Math.min(fillWidth, 100) / 100) * circumference;
+    return `${filledLength} ${circumference - filledLength}`;
+}
+/**
+ * Calculate stroke-dasharray for overlap portion when progress exceeds 100%
+ * @param fillWidth - Progress percentage (0-100+)
+ * @param circumference - Circle circumference
+ * @returns Stroke-dasharray string for overlap portion
+ */
+export function calculateOverlapDasharray(fillWidth, circumference) {
+    if (fillWidth <= 100) {
+        return '0 0';
+    }
+    const overlapLength = ((fillWidth - 100) / 100) * circumference;
+    return `${overlapLength} ${circumference - overlapLength}`;
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/DoughnutMetrics/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/utils.ts"],"names":[],"mappings":"AAAA,YAAY;AACZ,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,aAAa,EAAC;IAC/D,MAAM,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,aAAa,EAAC;IACjE,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,aAAa,EAAC;CAC1D,CAAC;AAEX,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,kCAAkC;AAEvE;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,MAAc;IACjD,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;AAChC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,SAAiB,EAAE,aAAqB;IAC7E,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;IACtE,OAAO,GAAG,YAAY,IAAI,aAAa,GAAG,YAAY,EAAE,CAAC;AAC7D,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB,CAAC,SAAiB,EAAE,aAAqB;IAC9E,IAAI,SAAS,IAAI,GAAG,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;IAChE,OAAO,GAAG,aAAa,IAAI,aAAa,GAAG,aAAa,EAAE,CAAC;AAC/D,CAAC"}

package/dist/components/EntityStatus/EntityStatus.js

@@ -4,6 +4,7 @@ import { CircleInfo } from '@gravity-ui/icons';
 import { Button, ClipboardButton, Icon, Popover, Link as UIKitLink } from '@gravity-ui/uikit';
 import { EFlag } from '../../types/api/enums';
 import { cn } from '../../utils/cn';
+import { YDB_POPOVER_CLASS_NAME } from '../../utils/constants';
 import { InternalLink } from '../InternalLink/InternalLink';
 import { StatusIcon } from '../StatusIcon/StatusIcon';
 import './EntityStatus.scss';
@@ -36,7 +37,7 @@ export function EntityStatus({ status = EFlag.Grey, name = '', renderName = defa
                     'with-info-button': Boolean(infoPopoverContent),
                 }), children: [_jsx("span", { className: b('link', { 'with-left-trim': withLeftTrim }), title: name, children: renderLink() }), (hasClipboardButton || infoPopoverContent) && (_jsxs("div", { className: b('controls-wrapper', {
                             visible: clipboardButtonAlwaysVisible || infoIconHovered,
-                        }), children: [infoPopoverContent && (_jsx(Popover, { className: b('info-popover'), content: infoPopoverContent, placement: ['top-start', 'bottom-start'], onOpenChange: (visible) => setInfoIconHovered(visible), children: _jsx(Button, { view: "normal", size: "xs", children: _jsx(Icon, { data: CircleInfo, size: "12", className: b('info-icon', {
+                        }), children: [infoPopoverContent && (_jsx(Popover, { className: YDB_POPOVER_CLASS_NAME, content: infoPopoverContent, placement: ['top-start', 'bottom-start'], onOpenChange: (visible) => setInfoIconHovered(visible), children: _jsx(Button, { view: "normal", size: "xs", children: _jsx(Icon, { data: CircleInfo, size: "12", className: b('info-icon', {
                                             visible: clipboardButtonAlwaysVisible || infoIconHovered,
                                         }) }) }) })), hasClipboardButton && (_jsx(ClipboardButton, { text: name, size: "xs", view: "normal", className: b('clipboard-button', {
                                     visible: clipboardButtonAlwaysVisible || infoIconHovered,

package/dist/components/EntityStatus/EntityStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityStatus.js","sourceRoot":"","sources":["../../../src/components/EntityStatus/EntityStatus.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityStatus.js","sourceRoot":"","sources":["../../../src/components/EntityStatus/EntityStatus.tsx"],"names":[],"mappings":"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"}

package/dist/components/EntityStatus/EntityStatus.scss

@@ -142,8 +142,4 @@
             color: var(--ydb-color-status-red);
         }
     }
-
-    &__info-popover {
-        padding: var(--g-spacing-4);
-    }
 }

package/dist/components/FixedHeightQuery/FixedHeightQuery.d.ts

@@ -1,9 +1,11 @@
 import './FixedHeightQuery.scss';
+type FixedHeightQueryMode = 'fixed' | 'max';
 interface FixedHeightQueryProps {
     value?: string;
     lines?: number;
     hasClipboardButton?: boolean;
     clipboardButtonAlwaysVisible?: boolean;
+    mode?: FixedHeightQueryMode;
 }
-export declare const FixedHeightQuery: ({ value, lines, hasClipboardButton, clipboardButtonAlwaysVisible, }: FixedHeightQueryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FixedHeightQuery: ({ value, lines, hasClipboardButton, clipboardButtonAlwaysVisible, mode, }: FixedHeightQueryProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FixedHeightQuery/FixedHeightQuery.js

@@ -3,20 +3,22 @@ import { cn } from '../../utils/cn';
 import { YDBSyntaxHighlighter } from '../SyntaxHighlighter/YDBSyntaxHighlighter';
 import './FixedHeightQuery.scss';
 const b = cn('ydb-fixed-height-query');
-const FIXED_PADDING = 8;
+const FIXED_PADDING = 0;
 const LINE_HEIGHT = 20;
-export const FixedHeightQuery = ({ value = '', lines = 4, hasClipboardButton, clipboardButtonAlwaysVisible, }) => {
+export const FixedHeightQuery = ({ value = '', lines = 4, hasClipboardButton, clipboardButtonAlwaysVisible, mode = 'fixed', }) => {
     const heightValue = `${lines * LINE_HEIGHT + FIXED_PADDING}px`;
     // Remove empty lines from the beginning (lines with only whitespace are considered empty)
     const trimmedValue = value.replace(/^(\s*\n)+/, '');
+    const heightStyle = mode === 'fixed' ? { height: heightValue } : { maxHeight: heightValue };
     return (_jsx("div", { className: b(), style: {
-            height: heightValue,
+            ...heightStyle,
             '--line-clamp': lines,
         }, children: _jsx(YDBSyntaxHighlighter, { language: "yql", text: trimmedValue, withClipboardButton: hasClipboardButton
                 ? {
                     alwaysVisible: clipboardButtonAlwaysVisible,
                     copyText: value,
                     withLabel: false,
+                    size: 'xs',
                 }
                 : false }) }));
 };

package/dist/components/FixedHeightQuery/FixedHeightQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"FixedHeightQuery.js","sourceRoot":"","sources":["../../../src/components/FixedHeightQuery/FixedHeightQuery.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAE/E,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAEvC,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,WAAW,GAAG,EAAE,CAAC;AASvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,CAAC,EACT,kBAAkB,EAClB,4BAA4B,GACR,EAAE,EAAE;IACxB,MAAM,WAAW,GAAG,GAAG,KAAK,GAAG,WAAW,GAAG,aAAa,IAAI,CAAC;IAE/D,0FAA0F;IAC1F,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,CACH,cACI,SAAS,EAAE,CAAC,EAAE,EACd,KAAK,EACD;YACI,MAAM,EAAE,WAAW;YACnB,cAAc,EAAE,KAAK;SAC0B,YAGvD,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,IAAI,EAAE,YAAY,EAClB,mBAAmB,EACf,kBAAkB;gBACd,CAAC,CAAC;oBACI,aAAa,EAAE,4BAA4B;oBAC3C,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,KAAK;iBACnB;gBACH,CAAC,CAAC,KAAK,GAEjB,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"FixedHeightQuery.js","sourceRoot":"","sources":["../../../src/components/FixedHeightQuery/FixedHeightQuery.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAE/E,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAEvC,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,WAAW,GAAG,EAAE,CAAC;AAYvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,CAAC,EACT,kBAAkB,EAClB,4BAA4B,EAC5B,IAAI,GAAG,OAAO,GACM,EAAE,EAAE;IACxB,MAAM,WAAW,GAAG,GAAG,KAAK,GAAG,WAAW,GAAG,aAAa,IAAI,CAAC;IAE/D,0FAA0F;IAC1F,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,WAAW,EAAC,CAAC,CAAC,CAAC,EAAC,SAAS,EAAE,WAAW,EAAC,CAAC;IAExF,OAAO,CACH,cACI,SAAS,EAAE,CAAC,EAAE,EACd,KAAK,EACD;YACI,GAAG,WAAW;YACd,cAAc,EAAE,KAAK;SAC0B,YAGvD,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,IAAI,EAAE,YAAY,EAClB,mBAAmB,EACf,kBAAkB;gBACd,CAAC,CAAC;oBACI,aAAa,EAAE,4BAA4B;oBAC3C,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,KAAK;oBAChB,IAAI,EAAE,IAAI;iBACb;gBACH,CAAC,CAAC,KAAK,GAEjB,GACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/FixedHeightQuery/FixedHeightQuery.scss

@@ -23,7 +23,7 @@
 
             height: 100% !important;
             margin: 0 !important;
-            padding: var(--g-spacing-2) !important;
+            padding: 0 !important;
 
             white-space: pre-wrap !important;
             text-overflow: ellipsis !important;
@@ -39,4 +39,8 @@
             word-break: break-word !important;
         }
     }
+    .ydb-syntax-highlighter__copy {
+        top: 0;
+        right: 0;
+    }
 }

package/dist/components/HoverPopup/HoverPopup.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import type { PopupProps } from '@gravity-ui/uikit';
-import './HoverPopup.scss';
 type HoverPopupProps = {
     children: React.ReactNode;
     renderPopupContent: () => React.ReactNode;

package/dist/components/HoverPopup/HoverPopup.js

@@ -2,10 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Popup } from '@gravity-ui/uikit';
 import debounce from 'lodash/debounce';
-import { cn } from '../../utils/cn';
-import './HoverPopup.scss';
+import { YDB_POPOVER_CLASS_NAME } from '../../utils/constants';
 const DEBOUNCE_TIMEOUT = 100;
-const b = cn('ydb-hover-popup');
 export const HoverPopup = ({ children, renderPopupContent, showPopup, offset, anchorRef, onShowPopup, onHidePopup, placement = ['top', 'bottom'], contentClassName, delayClose = DEBOUNCE_TIMEOUT, delayOpen = DEBOUNCE_TIMEOUT, }) => {
     const [isPopupVisible, setIsPopupVisible] = React.useState(false);
     const anchor = React.useRef(null);
@@ -50,6 +48,6 @@ export const HoverPopup = ({ children, renderPopupContent, showPopup, offset, an
                 }, placement: placement, hasArrow: true, open: true, 
                 // bigger offset for easier switching to neighbour nodes
                 // matches the default offset for popup with arrow out of a sense of beauty
-                offset: offset || { mainAxis: 12, crossAxis: 0 }, className: b(), children: _jsx("div", { className: contentClassName, onContextMenu: onPopupContextMenu, onMouseEnter: onPopupMouseEnter, onMouseLeave: onPopupMouseLeave, onBlur: onPopupBlur, children: renderPopupContent() }) })) : null] }));
+                offset: offset || { mainAxis: 12, crossAxis: 0 }, className: YDB_POPOVER_CLASS_NAME, children: _jsx("div", { className: contentClassName, onContextMenu: onPopupContextMenu, onMouseEnter: onPopupMouseEnter, onMouseLeave: onPopupMouseLeave, onBlur: onPopupBlur, children: renderPopupContent() }) })) : null] }));
 };
 //# sourceMappingURL=HoverPopup.js.map

package/dist/components/HoverPopup/HoverPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverPopup.js","sourceRoot":"","sources":["../../../src/components/HoverPopup/HoverPopup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HoverPopup.js","sourceRoot":"","sources":["../../../src/components/HoverPopup/HoverPopup.tsx"],"names":[],"mappings":"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"}

package/dist/components/InfoViewer/InfoViewer.d.ts

@@ -9,8 +9,9 @@ export interface InfoViewerProps {
     info?: InfoViewerItem[];
     dots?: boolean;
     size?: 's';
+    variant?: 'default' | 'small';
     className?: string;
     multilineLabels?: boolean;
     renderEmptyState?: (props?: Pick<InfoViewerProps, 'title' | 'size'>) => React.ReactNode;
 }
-export declare const InfoViewer: ({ title, info, dots, size, className, multilineLabels, renderEmptyState, }: InfoViewerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoViewer: ({ title, info, dots, size, variant, className, multilineLabels, renderEmptyState, }: InfoViewerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/InfoViewer/InfoViewer.js

@@ -4,10 +4,10 @@ import { cn } from '../../utils/cn';
 import i18n from './i18n';
 import './InfoViewer.scss';
 const b = cn('info-viewer');
-export const InfoViewer = ({ title, info, dots = true, size, className, multilineLabels, renderEmptyState, }) => {
+export const InfoViewer = ({ title, info, dots = true, size, variant = 'default', className, multilineLabels, renderEmptyState, }) => {
     if ((!info || !info.length) && renderEmptyState) {
         return _jsx(React.Fragment, { children: renderEmptyState({ title, size }) });
     }
-    return (_jsxs("div", { className: b({ size }, className), children: [title && _jsx("div", { className: b('title'), children: title }), info && info.length > 0 ? (_jsx("div", { className: b('items'), children: info.map((data, infoIndex) => (_jsxs("div", { className: b('row'), children: [_jsxs("div", { className: b('label'), children: [_jsx("div", { className: b('label-text', { multiline: multilineLabels }), children: data.label }), dots && _jsx("div", { className: b('dots') })] }), _jsx("div", { className: b('value'), children: data.value })] }, infoIndex))) })) : (i18n('no-data'))] }));
+    return (_jsxs("div", { className: b({ size, variant }, className), children: [title && _jsx("div", { className: b('title'), children: title }), info && info.length > 0 ? (_jsx("div", { className: b('items'), children: info.map((data, infoIndex) => (_jsxs("div", { className: b('row'), children: [_jsxs("div", { className: b('label'), children: [_jsx("div", { className: b('label-text', { multiline: multilineLabels }), children: data.label }), dots && _jsx("div", { className: b('dots') })] }), _jsx("div", { className: b('value'), children: data.value })] }, infoIndex))) })) : (i18n('no-data'))] }));
 };
 //# sourceMappingURL=InfoViewer.js.map

package/dist/components/InfoViewer/InfoViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoViewer.js","sourceRoot":"","sources":["../../../src/components/InfoViewer/InfoViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,mBAAmB,CAAC;AAiB3B,MAAM,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,SAAS,EACT,eAAe,EACf,gBAAgB,GACF,EAAE,EAAE;IAClB,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,gBAAgB,EAAE,CAAC;QAC9C,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,gBAAgB,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,GAAkB,CAAC;IAC9E,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAC/B,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EAClD,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC3B,eAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,SAAS,EAAE,eAAe,EAAC,CAAC,YACxD,IAAI,CAAC,KAAK,GACT,EACL,IAAI,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,IACpC,EAEN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,IAAI,CAAC,KAAK,GAAO,KARnB,SAAS,CASlC,CACT,CAAC,GACA,CACT,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,SAAS,CAAC,CAClB,IACC,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"InfoViewer.js","sourceRoot":"","sources":["../../../src/components/InfoViewer/InfoViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,mBAAmB,CAAC;AAkB3B,MAAM,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,eAAe,EACf,gBAAgB,GACF,EAAE,EAAE;IAClB,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,gBAAgB,EAAE,CAAC;QAC9C,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,gBAAgB,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,GAAkB,CAAC;IAC9E,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,aACxC,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EAClD,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC3B,eAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,SAAS,EAAE,eAAe,EAAC,CAAC,YACxD,IAAI,CAAC,KAAK,GACT,EACL,IAAI,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,IACpC,EAEN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,IAAI,CAAC,KAAK,GAAO,KARnB,SAAS,CASlC,CACT,CAAC,GACA,CACT,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,SAAS,CAAC,CAClB,IACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/InfoViewer/InfoViewer.scss

@@ -1,3 +1,5 @@
+@use '../../styles/mixins.scss';
+
 .info-viewer {
     --ydb-info-viewer-font-size: var(--g-text-body-2-font-size);
     --ydb-info-viewer-line-height: var(--g-text-body-2-line-height);
@@ -88,4 +90,22 @@
             }
         }
     }
+
+    &_variant_small {
+        .info-viewer__title {
+            margin: 0 0 var(--g-spacing-3);
+
+            color: var(--g-color-text-primary);
+            @include mixins.subheader-1-typography();
+        }
+
+        .info-viewer__label {
+            color: var(--g-color-text-secondary);
+            @include mixins.body-1-typography();
+        }
+
+        .info-viewer__row:first-child {
+            padding-top: 0;
+        }
+    }
 }

package/dist/components/MemoryViewer/MemoryViewer.d.ts

@@ -1,5 +1,5 @@
 import type { TMemoryStats } from '../../types/api/nodes';
-import type { FormatProgressViewerValues } from '../ProgressViewer/ProgressViewer';
+import type { FormatProgressViewerValues } from '../../utils/progress';
 import './MemoryViewer.scss';
 export interface MemoryProgressViewerProps {
     stats: TMemoryStats;

package/dist/components/MemoryViewer/MemoryViewer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DefinitionList, useTheme } from '@gravity-ui/uikit';
+import { DefinitionList, Flex, useTheme } from '@gravity-ui/uikit';
 import { formatBytes } from '../../utils/bytesParsers';
 import { cn } from '../../utils/cn';
 import { GIGABYTE } from '../../utils/constants';
@@ -64,7 +64,7 @@ export function MemoryViewer({ stats, percents, formatValues, className, warning
         colorizeProgress: true,
     });
     let currentPosition = 0;
-    return (_jsx(HoverPopup, { renderPopupContent: () => (_jsx(DefinitionList, { responsive: true, children: memorySegments.map(({ label, value: segmentSize, capacity: segmentCapacity, key }) => (_jsx(DefinitionList.Item, { name: _jsxs("div", { className: b('container'), children: [_jsx("div", { className: b('legend', { type: key }) }), _jsx("div", { className: b('name'), children: label })] }), children: segmentCapacity ? (_jsx(ProgressViewer, { value: segmentSize, capacity: segmentCapacity, formatValues: formatDetailedValues, colorizeProgress: true })) : (formatBytes({
+    return (_jsx(HoverPopup, { renderPopupContent: () => (_jsx(DefinitionList, { responsive: true, children: memorySegments.map(({ label, value: segmentSize, capacity: segmentCapacity, key }) => (_jsx(DefinitionList.Item, { name: _jsxs(Flex, { alignItems: "center", gap: "1", className: b('container'), children: [_jsx("div", { className: b('legend', { type: key }) }), _jsx("div", { className: b('name'), children: label })] }), children: segmentCapacity ? (_jsx(ProgressViewer, { value: segmentSize, capacity: segmentCapacity, formatValues: formatDetailedValues, colorizeProgress: true })) : (formatBytes({
                     value: segmentSize,
                     size: 'gb',
                     withSizeLabel: true,
@@ -82,6 +82,6 @@ export function MemoryViewer({ stats, percents, formatValues, className, warning
                                 width: `${currentMemoryShare}%`,
                                 left: `${position}%`,
                             } }, segment.key));
-                    }), _jsx("div", { className: b('text'), children: renderContent() })] }) }) }));
+                    }), _jsx(Flex, { justifyContent: "center", alignItems: "center", className: b('text'), children: renderContent() })] }) }) }));
 }
 //# sourceMappingURL=MemoryViewer.js.map

package/dist/components/MemoryViewer/MemoryViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemoryViewer.js","sourceRoot":"","sources":["../../../src/components/MemoryViewer/MemoryViewer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MemoryViewer.js","sourceRoot":"","sources":["../../../src/components/MemoryViewer/MemoryViewer.tsx"],"names":[],"mappings":"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"}

package/dist/components/MemoryViewer/MemoryViewer.scss

@@ -1,9 +1,9 @@
 $memory-type-colors: (
-    'AllocatorCachesMemory': var(--g-color-base-utility-medium-hover),
-    'SharedCacheConsumption': var(--g-color-base-info-medium-hover),
-    'MemTableConsumption': var(--g-color-base-warning-medium-hover),
-    'QueryExecutionConsumption': var(--g-color-base-positive-medium-hover),
-    'Other': var(--g-color-base-generic-medium-hover),
+    'AllocatorCachesMemory': var(--g-color-base-danger-medium),
+    'SharedCacheConsumption': var(--g-color-base-info-medium),
+    'MemTableConsumption': var(--g-color-base-warning-medium),
+    'QueryExecutionConsumption': var(--g-color-base-positive-medium),
+    'Other': var(--g-color-base-neutral-medium),
 );
 
 @mixin memory-type-color($type) {
@@ -31,8 +31,6 @@ $memory-type-colors: (
     }
 
     &__container {
-        display: flex;
-
         padding: 2px 0;
     }
 
@@ -93,10 +91,4 @@ $memory-type-colors: (
             }
         }
     }
-
-    &__text {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
 }