@cloud-ru/uikit-product-charts 0.13.14 → 0.13.16

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.13.16 (2025-11-24)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-utils@8.0.0](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.13.15 (2025-11-13)
+
+
+### Bug Fixes
+
+* **PD-3377:** removed contributors ([121640f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/121640f7b88b20a728a6ad2c39de8841532bb308))
+* **PD-3377:** replaced tokens import to snack-uikit scoped package ([dd13d3b](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/dd13d3b7134a4b0d4696830dcd78c0e790700d09))
+* **PD-3377:** updated charts deps ([dc59df5](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/dc59df5e99fb0c31a277244ca5de51a3c97e5c34))
+
+
+
+
+
 ## 0.13.14 (2025-11-13)
 
 ### Only dependencies have been changed
@@ -624,7 +646,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## [0.8.20](https://gitverse.ru/cloud-ru-tech/uikit-product/compare/@cloud-ru/uikit-product-charts@0.8.19...@cloud-ru/uikit-product-charts@0.8.20) (2022-06-01)
 
-**Note:** Version bump only for package @cloud-ru/uikit-product-charts
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-localization@0.13.14](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/localization/CHANGELOG.md)
+* [@cloud-ru/uikit-product-utils@7.0.3](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
 
 ## [0.8.19](https://gitverse.ru/cloud-ru-tech/uikit-product/compare/@cloud-ru/uikit-product-charts@0.8.18...@cloud-ru/uikit-product-charts@0.8.19) (2022-05-18)
 

package/dist/cjs/components/BagelChart/BagelChart.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 export type BagelChartProps = WithSupportProps<{
     className: string;
     value: number;

package/dist/cjs/components/BagelChart/BagelChart.js

@@ -18,14 +18,14 @@ exports.BagelChart = BagelChart;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const react_minimal_pie_chart_1 = require("react-minimal-pie-chart");
-const figma_tokens_cloud_platform_1 = require("@sbercloud/figma-tokens-cloud-platform");
-const uikit_product_localization_1 = require("@sbercloud/uikit-product-localization");
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_localization_1 = require("@cloud-ru/uikit-product-localization");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
+const figma_tokens_1 = require("@snack-uikit/figma-tokens");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_1 = require("./utils");
 function BagelChart(_a) {
     var { value, total, title, className } = _a, rest = __rest(_a, ["value", "total", "title", "className"]);
     (0, uikit_product_utils_1.error)('Value is too long', value > 9999999);
     (0, uikit_product_utils_1.error)('Total is too long', total > 999999999);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [title && (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.titleWrapper, children: title }), (0, jsx_runtime_1.jsx)(react_minimal_pie_chart_1.PieChart, { data: [{ value, color: (0, utils_1.getSegmentColor)({ value, total }) }], totalValue: total, background: figma_tokens_cloud_platform_1.themeVars.sys.neutral.decorDefault, startAngle: 270, lineWidth: 15, label: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("text", { className: styles_module_scss_1.default.value, x: 50, y: 45, children: (0, jsx_runtime_1.jsx)(uikit_product_localization_1.NumberFormatter, { value: value }) }), (0, jsx_runtime_1.jsx)("text", { className: styles_module_scss_1.default.limit, x: 50, y: 65, children: (0, jsx_runtime_1.jsx)(uikit_product_localization_1.NumberFormatter, { value: total }) })] })), labelPosition: 0 })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [title && (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.titleWrapper, children: title }), (0, jsx_runtime_1.jsx)(react_minimal_pie_chart_1.PieChart, { data: [{ value, color: (0, utils_1.getSegmentColor)({ value, total }) }], totalValue: total, background: figma_tokens_1.themeVars.sys.neutral.decorDefault, startAngle: 270, lineWidth: 15, label: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("text", { className: styles_module_scss_1.default.value, x: 50, y: 45, children: (0, jsx_runtime_1.jsx)(uikit_product_localization_1.NumberFormatter, { value: value }) }), (0, jsx_runtime_1.jsx)("text", { className: styles_module_scss_1.default.limit, x: 50, y: 65, children: (0, jsx_runtime_1.jsx)(uikit_product_localization_1.NumberFormatter, { value: total }) })] })), labelPosition: 0 })] })));
 }

package/dist/cjs/components/BagelChart/utils.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSegmentColor = getSegmentColor;
-const figma_tokens_cloud_platform_1 = require("@sbercloud/figma-tokens-cloud-platform");
+const figma_tokens_1 = require("@snack-uikit/figma-tokens");
 function getSegmentColor({ value, total }) {
     const occupancyPercent = (value / total) * 100;
-    let segmentColor = figma_tokens_cloud_platform_1.themeVars.sys.green.accentDefault;
+    let segmentColor = figma_tokens_1.themeVars.sys.green.accentDefault;
     if (occupancyPercent > 50 && occupancyPercent <= 75) {
-        segmentColor = figma_tokens_cloud_platform_1.themeVars.sys.yellow.accentDefault;
+        segmentColor = figma_tokens_1.themeVars.sys.yellow.accentDefault;
     }
     else if (occupancyPercent > 75) {
-        segmentColor = figma_tokens_cloud_platform_1.themeVars.sys.red.accentDefault;
+        segmentColor = figma_tokens_1.themeVars.sys.red.accentDefault;
     }
     return segmentColor;
 }

package/dist/cjs/components/HeatMapChart/HeatMapChart.d.ts

@@ -1,4 +1,4 @@
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { XAxisPosition } from './constants';
 import { HeatMapChartProps } from './types';
 export declare function HeatMapChart({ data, options, className, ...rest }: WithSupportProps<HeatMapChartProps>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/HeatMapChart/HeatMapChart.js

@@ -20,9 +20,9 @@ const classnames_1 = __importDefault(require("classnames"));
 const d3_scale_1 = require("d3-scale");
 const react_1 = require("react");
 const react_grid_heatmap_1 = require("react-grid-heatmap");
-const figma_tokens_cloud_platform_1 = require("@sbercloud/figma-tokens-cloud-platform");
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const divider_1 = require("@snack-uikit/divider");
+const figma_tokens_1 = require("@snack-uikit/figma-tokens");
 const utils_1 = require("@snack-uikit/utils");
 const constants_1 = require("./constants");
 const helpers_1 = require("./helpers");
@@ -71,10 +71,10 @@ function HeatMapChart(_a) {
     }, [colorRange]);
     const formatValue = (0, react_1.useCallback)((value) => (formatter && typeof formatter === 'function' ? formatter(value) : value), [formatter]);
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { ref: colorContainerRef, style: {
-            '--range-start': figma_tokens_cloud_platform_1.themeVars.sys.primary.decorDisabled,
-            '--range-end': figma_tokens_cloud_platform_1.themeVars.sys.primary.accentDefault,
-            '--light-text': figma_tokens_cloud_platform_1.themeVars.ref.brand['90'],
-            '--dark-text': figma_tokens_cloud_platform_1.themeVars.ref.brand['30'],
+            '--range-start': figma_tokens_1.themeVars.sys.primary.decorDisabled,
+            '--range-end': figma_tokens_1.themeVars.sys.primary.accentDefault,
+            '--light-text': figma_tokens_1.themeVars.ref.brand['90'],
+            '--dark-text': figma_tokens_1.themeVars.ref.brand['30'],
         }, children: [title && (0, jsx_runtime_1.jsx)("h3", { className: styles_module_scss_1.default.title, children: title }), (xAxis === null || xAxis === void 0 ? void 0 : xAxis.label) && xAxisPosition === constants_1.XAxisPosition.Top && (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.xAxisLabel, children: xAxis.label }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.gridWrapper, "data-grid": Boolean(yAxis === null || yAxis === void 0 ? void 0 : yAxis.label) || undefined, children: [(yAxis === null || yAxis === void 0 ? void 0 : yAxis.label) && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.yAxisLabel, "data-x-axis-position": xAxisPosition, children: yAxis.label })), (0, jsx_runtime_1.jsx)(react_grid_heatmap_1.HeatMapGrid, { data: data, xLabels: xAxis === null || xAxis === void 0 ? void 0 : xAxis.ticks, yLabels: yAxis === null || yAxis === void 0 ? void 0 : yAxis.ticks, xLabelsPos: xAxisPosition, yLabelsPos: 'left', cellRender: 
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         cellRender ||

package/dist/cjs/components/HeatMapChart/helpers/getStyles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStyles = void 0;
-const figma_tokens_cloud_platform_1 = require("@sbercloud/figma-tokens-cloud-platform");
+const figma_tokens_1 = require("@snack-uikit/figma-tokens");
 const constants_1 = require("./constants");
 const getStyles = (colorScale, data) => ({
     cellStyle: (x, y) => ({
@@ -11,14 +11,14 @@ const getStyles = (colorScale, data) => ({
         justifyContent: 'center',
         borderRadius: '4px',
         padding: '4px',
-        borderColor: figma_tokens_cloud_platform_1.themeVars.sys.neutral.background1Level,
+        borderColor: figma_tokens_1.themeVars.sys.neutral.background1Level,
     }),
     xLabelsStyle: () => ({
         fontSize: '12px',
         lineHeight: '10px',
         fontWeight: 400,
         marginTop: '12px',
-        color: figma_tokens_cloud_platform_1.themeVars.sys.neutral.textSupport,
+        color: figma_tokens_1.themeVars.sys.neutral.textSupport,
         padding: 0,
         height: `${constants_1.TICKS_SIZE - 12}px`,
     }),
@@ -27,7 +27,7 @@ const getStyles = (colorScale, data) => ({
         fontSize: '12px',
         marginRight: '8px',
         padding: '0',
-        color: figma_tokens_cloud_platform_1.themeVars.sys.neutral.textSupport,
+        color: figma_tokens_1.themeVars.sys.neutral.textSupport,
     }),
 });
 exports.getStyles = getStyles;

package/dist/cjs/components/InteractiveChart/InteractiveChart.d.ts

@@ -1,7 +1,7 @@
 import 'uplot/dist/uPlot.min.css';
 import './styles.module.scss';
 import uPlot from 'uplot';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { PlotType } from './types';
 export type InteractiveChartProps = {
     data: uPlot.AlignedData;

package/dist/cjs/components/InteractiveChart/InteractiveChart.js

@@ -22,7 +22,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const lodash_merge_1 = __importDefault(require("lodash.merge"));
 const react_1 = require("react");
 const uplot_react_1 = __importDefault(require("uplot-react"));
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const colors_1 = require("../../constants/colors");
 const configurations_1 = require("./configurations");
 const constants_1 = require("./constants");

package/dist/cjs/components/InteractiveChart/hooks/useComputedColors.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useComputedColors = useComputedColors;
 const react_1 = require("react");
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const utils_1 = require("@snack-uikit/utils");
 const colors_1 = require("../../../constants/colors");
 const EMPTY_COLORS = {};

package/dist/cjs/components/PieChart/PieChart.d.ts

@@ -1,3 +1,3 @@
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { PieChartProps } from './types';
 export declare function PieChart({ options: { width, height, title, legendTitle, typographySize }, data, aggregatedLegend, onPieSegmentClick, onLegendItemClick, className, ...rest }: WithSupportProps<PieChartProps>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PieChart/PieChart.js

@@ -19,7 +19,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const ft_formatters_1 = require("@cloud-ru/ft-formatters");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = require("react");
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const scroll_1 = require("@snack-uikit/scroll");
 const typography_1 = require("@snack-uikit/typography");
 const colors_1 = require("../../constants/colors");

package/dist/cjs/constants/colors.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CHART_OTHER_COLORS = exports.OTHER_COLORS = exports.CHART_SERIES_COLORS = exports.SERIES_COLORS = exports.COLOR_CONTAINER_CLASSNAME = void 0;
-const figma_tokens_cloud_platform_1 = require("@sbercloud/figma-tokens-cloud-platform");
+const figma_tokens_1 = require("@snack-uikit/figma-tokens");
 exports.COLOR_CONTAINER_CLASSNAME = 'interactive-chart-wrapper';
 exports.SERIES_COLORS = {
     Green1: 'green1',
@@ -22,22 +22,22 @@ exports.SERIES_COLORS = {
     Crimson4: 'crimson4',
 };
 exports.CHART_SERIES_COLORS = {
-    [exports.SERIES_COLORS.Green1]: figma_tokens_cloud_platform_1.themeVars.sys.green.accentDefault,
-    [exports.SERIES_COLORS.Green2]: figma_tokens_cloud_platform_1.themeVars.sys.green.textLight,
-    [exports.SERIES_COLORS.Green3]: figma_tokens_cloud_platform_1.themeVars.sys.green.textDisabled,
-    [exports.SERIES_COLORS.Green4]: figma_tokens_cloud_platform_1.themeVars.sys.green.decorActivated,
-    [exports.SERIES_COLORS.Blue1]: figma_tokens_cloud_platform_1.themeVars.sys.blue.accentDefault,
-    [exports.SERIES_COLORS.Blue2]: figma_tokens_cloud_platform_1.themeVars.sys.blue.textLight,
-    [exports.SERIES_COLORS.Blue3]: figma_tokens_cloud_platform_1.themeVars.sys.blue.textDisabled,
-    [exports.SERIES_COLORS.Blue4]: figma_tokens_cloud_platform_1.themeVars.sys.blue.decorActivated,
-    [exports.SERIES_COLORS.Violet1]: figma_tokens_cloud_platform_1.themeVars.sys.violet.accentDefault,
-    [exports.SERIES_COLORS.Violet2]: figma_tokens_cloud_platform_1.themeVars.sys.violet.textLight,
-    [exports.SERIES_COLORS.Violet3]: figma_tokens_cloud_platform_1.themeVars.sys.violet.textDisabled,
-    [exports.SERIES_COLORS.Violet4]: figma_tokens_cloud_platform_1.themeVars.sys.violet.decorActivated,
-    [exports.SERIES_COLORS.Crimson1]: figma_tokens_cloud_platform_1.themeVars.sys.pink.accentDefault,
-    [exports.SERIES_COLORS.Crimson2]: figma_tokens_cloud_platform_1.themeVars.sys.pink.textLight,
-    [exports.SERIES_COLORS.Crimson3]: figma_tokens_cloud_platform_1.themeVars.sys.pink.textDisabled,
-    [exports.SERIES_COLORS.Crimson4]: figma_tokens_cloud_platform_1.themeVars.sys.pink.decorActivated,
+    [exports.SERIES_COLORS.Green1]: figma_tokens_1.themeVars.sys.green.accentDefault,
+    [exports.SERIES_COLORS.Green2]: figma_tokens_1.themeVars.sys.green.textLight,
+    [exports.SERIES_COLORS.Green3]: figma_tokens_1.themeVars.sys.green.textDisabled,
+    [exports.SERIES_COLORS.Green4]: figma_tokens_1.themeVars.sys.green.decorActivated,
+    [exports.SERIES_COLORS.Blue1]: figma_tokens_1.themeVars.sys.blue.accentDefault,
+    [exports.SERIES_COLORS.Blue2]: figma_tokens_1.themeVars.sys.blue.textLight,
+    [exports.SERIES_COLORS.Blue3]: figma_tokens_1.themeVars.sys.blue.textDisabled,
+    [exports.SERIES_COLORS.Blue4]: figma_tokens_1.themeVars.sys.blue.decorActivated,
+    [exports.SERIES_COLORS.Violet1]: figma_tokens_1.themeVars.sys.violet.accentDefault,
+    [exports.SERIES_COLORS.Violet2]: figma_tokens_1.themeVars.sys.violet.textLight,
+    [exports.SERIES_COLORS.Violet3]: figma_tokens_1.themeVars.sys.violet.textDisabled,
+    [exports.SERIES_COLORS.Violet4]: figma_tokens_1.themeVars.sys.violet.decorActivated,
+    [exports.SERIES_COLORS.Crimson1]: figma_tokens_1.themeVars.sys.pink.accentDefault,
+    [exports.SERIES_COLORS.Crimson2]: figma_tokens_1.themeVars.sys.pink.textLight,
+    [exports.SERIES_COLORS.Crimson3]: figma_tokens_1.themeVars.sys.pink.textDisabled,
+    [exports.SERIES_COLORS.Crimson4]: figma_tokens_1.themeVars.sys.pink.decorActivated,
 };
 exports.OTHER_COLORS = {
     ShadowColor: 'shadowColor',
@@ -49,11 +49,11 @@ exports.OTHER_COLORS = {
     LabelColor: 'labelColor',
 };
 exports.CHART_OTHER_COLORS = {
-    [exports.OTHER_COLORS.ShadowColor]: figma_tokens_cloud_platform_1.themeVars.sys.neutral.accentDefault,
-    [exports.OTHER_COLORS.LineColor]: figma_tokens_cloud_platform_1.themeVars.sys.neutral.onAccent,
-    [exports.OTHER_COLORS.TooltipBackgroundColor]: figma_tokens_cloud_platform_1.themeVars.sys.invertNeutral.background,
-    [exports.OTHER_COLORS.TooltipColor]: figma_tokens_cloud_platform_1.themeVars.sys.invertNeutral.textMain,
-    [exports.OTHER_COLORS.ColumnHighlightColor]: figma_tokens_cloud_platform_1.themeVars.sys.neutral.decorDefault,
-    [exports.OTHER_COLORS.AxisColor]: figma_tokens_cloud_platform_1.themeVars.sys.neutral.decorDefault,
-    [exports.OTHER_COLORS.LabelColor]: figma_tokens_cloud_platform_1.themeVars.sys.neutral.textSupport,
+    [exports.OTHER_COLORS.ShadowColor]: figma_tokens_1.themeVars.sys.neutral.accentDefault,
+    [exports.OTHER_COLORS.LineColor]: figma_tokens_1.themeVars.sys.neutral.onAccent,
+    [exports.OTHER_COLORS.TooltipBackgroundColor]: figma_tokens_1.themeVars.sys.invertNeutral.background,
+    [exports.OTHER_COLORS.TooltipColor]: figma_tokens_1.themeVars.sys.invertNeutral.textMain,
+    [exports.OTHER_COLORS.ColumnHighlightColor]: figma_tokens_1.themeVars.sys.neutral.decorDefault,
+    [exports.OTHER_COLORS.AxisColor]: figma_tokens_1.themeVars.sys.neutral.decorDefault,
+    [exports.OTHER_COLORS.LabelColor]: figma_tokens_1.themeVars.sys.neutral.textSupport,
 };

package/dist/esm/components/BagelChart/BagelChart.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 export type BagelChartProps = WithSupportProps<{
     className: string;
     value: number;

package/dist/esm/components/BagelChart/BagelChart.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
 import { PieChart } from 'react-minimal-pie-chart';
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
-import { NumberFormatter } from '@sbercloud/uikit-product-localization';
-import { error, extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { NumberFormatter } from '@cloud-ru/uikit-product-localization';
+import { error, extractSupportProps } from '@cloud-ru/uikit-product-utils';
+import { themeVars } from '@snack-uikit/figma-tokens';
 import styles from './styles.module.css';
 import { getSegmentColor } from './utils';
 export function BagelChart(_a) {

package/dist/esm/components/BagelChart/utils.js

@@ -1,4 +1,4 @@
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
+import { themeVars } from '@snack-uikit/figma-tokens';
 export function getSegmentColor({ value, total }) {
     const occupancyPercent = (value / total) * 100;
     let segmentColor = themeVars.sys.green.accentDefault;

package/dist/esm/components/HeatMapChart/HeatMapChart.d.ts

@@ -1,4 +1,4 @@
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { XAxisPosition } from './constants';
 import { HeatMapChartProps } from './types';
 export declare function HeatMapChart({ data, options, className, ...rest }: WithSupportProps<HeatMapChartProps>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/HeatMapChart/HeatMapChart.js

@@ -14,9 +14,9 @@ import cn from 'classnames';
 import { scaleLinear } from 'd3-scale';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { HeatMapGrid } from 'react-grid-heatmap';
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
-import { extractSupportProps, useTheme } from '@sbercloud/uikit-product-utils';
+import { extractSupportProps, useTheme } from '@cloud-ru/uikit-product-utils';
 import { Divider } from '@snack-uikit/divider';
+import { themeVars } from '@snack-uikit/figma-tokens';
 import { useLayoutEffect } from '@snack-uikit/utils';
 import { XAxisPosition } from './constants';
 import { getComputedColor, getContrastColor, getStyles, getTickValues } from './helpers';

package/dist/esm/components/HeatMapChart/helpers/getStyles.js

@@ -1,4 +1,4 @@
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
+import { themeVars } from '@snack-uikit/figma-tokens';
 import { TICKS_SIZE } from './constants';
 export const getStyles = (colorScale, data) => ({
     cellStyle: (x, y) => ({

package/dist/esm/components/InteractiveChart/InteractiveChart.d.ts

@@ -1,7 +1,7 @@
 import 'uplot/dist/uPlot.min.css';
 import './styles.module.scss';
 import uPlot from 'uplot';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { PlotType } from './types';
 export type InteractiveChartProps = {
     data: uPlot.AlignedData;

package/dist/esm/components/InteractiveChart/InteractiveChart.js

@@ -16,7 +16,7 @@ import cn from 'classnames';
 import merge from 'lodash.merge';
 import { useMemo } from 'react';
 import UPlotReact from 'uplot-react';
-import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
 import { CHART_OTHER_COLORS, CHART_SERIES_COLORS, COLOR_CONTAINER_CLASSNAME, } from '../../constants/colors';
 import { getBoxPlotOptions, getDefaultPlotOptions } from './configurations';
 import { PLOT_TYPES } from './constants';

package/dist/esm/components/InteractiveChart/hooks/useComputedColors.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useTheme } from '@sbercloud/uikit-product-utils';
+import { useTheme } from '@cloud-ru/uikit-product-utils';
 import { useLayoutEffect } from '@snack-uikit/utils';
 import { COLOR_CONTAINER_CLASSNAME, OTHER_COLORS, SERIES_COLORS } from '../../../constants/colors';
 const EMPTY_COLORS = {};

package/dist/esm/components/PieChart/PieChart.d.ts

@@ -1,3 +1,3 @@
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { PieChartProps } from './types';
 export declare function PieChart({ options: { width, height, title, legendTitle, typographySize }, data, aggregatedLegend, onPieSegmentClick, onLegendItemClick, className, ...rest }: WithSupportProps<PieChartProps>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/PieChart/PieChart.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { truncateString } from '@cloud-ru/ft-formatters';
 import cn from 'classnames';
 import { useCallback, useMemo, useState } from 'react';
-import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
 import { Scroll } from '@snack-uikit/scroll';
 import { Typography } from '@snack-uikit/typography';
 import { CHART_SERIES_COLORS, SERIES_COLORS } from '../../constants/colors';

package/dist/esm/constants/colors.js

@@ -1,4 +1,4 @@
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
+import { themeVars } from '@snack-uikit/figma-tokens';
 export const COLOR_CONTAINER_CLASSNAME = 'interactive-chart-wrapper';
 export const SERIES_COLORS = {
     Green1: 'green1',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-charts",
   "title": "React Charts",
-  "version": "0.13.14",
+  "version": "0.13.16",
   "sideEffects": [
     "*.css",
     "*.scss",
@@ -31,7 +31,6 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
-  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
@@ -39,10 +38,10 @@
   "scripts": {},
   "dependencies": {
     "@cloud-ru/ft-formatters": "1.0.1",
-    "@cloud-ru/uikit-product-localization": "0.13.13",
-    "@cloud-ru/uikit-product-utils": "7.0.2",
+    "@cloud-ru/uikit-product-localization": "0.13.14",
+    "@cloud-ru/uikit-product-utils": "8.0.0",
     "@snack-uikit/divider": "3.2.3",
-    "@snack-uikit/link": "0.15.9",
+    "@snack-uikit/link": "0.15.13",
     "@snack-uikit/scroll": "0.9.3",
     "@snack-uikit/typography": "0.8.4",
     "@snack-uikit/utils": "3.7.0",
@@ -64,5 +63,8 @@
     "@types/lodash.merge": "4.6.6",
     "@types/lodash.range": "3.2.6"
   },
-  "gitHead": "bf479ecf7238ef20b78f20acaef439efa535d1a1"
+  "peerDependencies": {
+    "@snack-uikit/figma-tokens": "*"
+  },
+  "gitHead": "46b285728ff0dfe51d89b375469a6c05d6f2dba9"
 }

package/src/components/BagelChart/BagelChart.tsx

@@ -2,9 +2,9 @@ import cn from 'classnames';
 import React from 'react';
 import { PieChart } from 'react-minimal-pie-chart';
 
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
 import { NumberFormatter } from '@cloud-ru/uikit-product-localization';
 import { error, extractSupportProps, WithSupportProps } from '@cloud-ru/uikit-product-utils';
+import { themeVars } from '@snack-uikit/figma-tokens';
 
 import styles from './styles.module.scss';
 import { getSegmentColor } from './utils';

package/src/components/BagelChart/utils.ts

@@ -1,4 +1,4 @@
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
+import { themeVars } from '@snack-uikit/figma-tokens';
 
 export function getSegmentColor({ value, total }: { value: number; total: number }) {
   const occupancyPercent = (value / total) * 100;

package/src/components/HeatMapChart/HeatMapChart.tsx

@@ -3,9 +3,9 @@ import { scaleLinear } from 'd3-scale';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { HeatMapGrid } from 'react-grid-heatmap';
 
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
 import { extractSupportProps, useTheme, WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { Divider } from '@snack-uikit/divider';
+import { themeVars } from '@snack-uikit/figma-tokens';
 import { useLayoutEffect } from '@snack-uikit/utils';
 
 import { XAxisPosition } from './constants';

package/src/components/HeatMapChart/helpers/getStyles.ts

@@ -1,6 +1,6 @@
 import { ScaleLinear } from 'd3-scale';
 
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
+import { themeVars } from '@snack-uikit/figma-tokens';
 
 import { HeatMapChartStyles } from '../types';
 import { TICKS_SIZE } from './constants';

package/src/constants/colors.ts

@@ -1,4 +1,4 @@
-import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
+import { themeVars } from '@snack-uikit/figma-tokens';
 import { ValueOf } from '@snack-uikit/utils';
 
 export const COLOR_CONTAINER_CLASSNAME = 'interactive-chart-wrapper';