@alfalab/core-components-chart 3.1.3 → 3.1.5

package/esm/components/TooltipContent/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '@alfalab/core-components-typography/esm';
 
-var styles = {"tooltip":"chart__tooltip_9ld1u","tooltipList":"chart__tooltipList_9ld1u","tooltipItem":"chart__tooltipItem_9ld1u","tooltipArrow":"chart__tooltipArrow_9ld1u","tooltipArrowRight":"chart__tooltipArrowRight_9ld1u"};
+var styles = {"tooltip":"chart__tooltip_4pmy3","tooltipList":"chart__tooltipList_4pmy3","tooltipItem":"chart__tooltipItem_4pmy3","tooltipArrow":"chart__tooltipArrow_4pmy3","tooltipArrowRight":"chart__tooltipArrowRight_4pmy3"};
 require('./index.css')
 
 var TooltipContent = function (_a) {
@@ -22,7 +22,7 @@ var TooltipContent = function (_a) {
                     React.createElement(Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn(styles.tooltipValue) },
                         (entry === null || entry === void 0 ? void 0 : entry.formatter) ? entry.formatter(entry.value) : entry.value,
                         separator || ' '),
-                    React.createElement(Typography.Text, { view: 'secondary-large', tag: 'span', className: cn(styles.tooltipName) }, "" + entry.name)));
+                    React.createElement(Typography.Text, { view: 'secondary-large', tag: 'span', className: cn(styles.tooltipName) }, "".concat(entry.name))));
             }))));
 };
 

package/esm/hooks/useSettings/index.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-19e39b81.js';
+import { _ as __assign } from '../../tslib.es6-c1e06c73.js';
 import { useState, useEffect } from 'react';
 import { setComposedChartsMargin } from './utils/setComposedChartsMargin.js';
 import { setDatas } from './utils/setDatas.js';

package/esm/hooks/useSettings/utils/setDatas.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-19e39b81.js';
+import { _ as __assign } from '../../../tslib.es6-c1e06c73.js';
 
 var setDatas = function (series, labels) {
     var initData = [];
@@ -14,9 +14,9 @@ var setDatas = function (series, labels) {
                 var obj = {
                     label: label,
                 };
-                obj["" + dataKey] = item.value;
-                if (!chartsNames["" + dataKey])
-                    chartsNames["" + dataKey] = true;
+                obj["".concat(dataKey)] = item.value;
+                if (!chartsNames["".concat(dataKey)])
+                    chartsNames["".concat(dataKey)] = true;
                 var index = initData
                     .map(function (dataItem) { return dataItem.label; })
                     .indexOf(label);

package/esm/hooks/useSettings/utils/setGradientCharts.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-19e39b81.js';
+import { _ as __assign } from '../../../tslib.es6-c1e06c73.js';
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });
@@ -15,7 +15,7 @@ var setGradientCharts = function (series) {
                     };
                 });
             }
-            accum.push(__assign(__assign({}, item), { zIndex: -100, chart: 'gradient', hideLegend: true, hideTooltip: true, properties: __assign(__assign({}, item.properties), { dataKey: item.properties.dataKey + "-gradient", fill: fill }), data: newData || item.data }));
+            accum.push(__assign(__assign({}, item), { zIndex: -100, chart: 'gradient', hideLegend: true, hideTooltip: true, properties: __assign(__assign({}, item.properties), { dataKey: "".concat(item.properties.dataKey, "-gradient"), fill: fill }), data: newData || item.data }));
         }
         accum.push(item);
         return accum;

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 90dka */
+/* hash: qfgr3 */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -10,17 +10,17 @@
 
     /* Hard up */
 }
-.chart__coreChart_ld643 .recharts-line path {
+.chart__coreChart_14ne4 .recharts-line path {
         transition: d 0.2s ease-out;
     }
-.chart__coreChart_ld643 .recharts-text tspan {
+.chart__coreChart_14ne4 .recharts-text tspan {
         fill: var(--color-light-text-primary);
         font-size: 16px;
         line-height: 22px;
     }
-.chart__bar_ld643 {
+.chart__bar_14ne4 {
     transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
-.chart__unfocused_ld643 {
+.chart__unfocused_14ne4 {
     opacity: 0.3;
 }

package/esm/index.js

@@ -1,26 +1,26 @@
-import './tslib.es6-19e39b81.js';
+export { Chart } from './Component.js';
+import './tslib.es6-c1e06c73.js';
 import 'react';
 import 'classnames';
 import 'recharts';
-import './hooks/usePathBar/utils/getRadius.js';
-import './hooks/usePathBar/index.js';
 import './components/CustomizedLabel.js';
-import './icons/Point.js';
+import './hooks/usePathBar/index.js';
+import './hooks/usePathBar/utils/getRadius.js';
 import './components/Dot/index.js';
+import './icons/Point.js';
+import './components/Legends/index.js';
 import '@alfalab/core-components-typography/esm';
 import './icons/Circle.js';
 import './icons/CircleLine.js';
 import './icons/FilledCircle.js';
 import './icons/StrokeCircle.js';
-import './components/Legends/index.js';
 import './components/LinearGradient.js';
 import './components/RectBar.js';
 import './components/Tick/index.js';
 import './components/TooltipContent/index.js';
-export { Chart } from './Component.js';
+import './hooks/useSettings/index.js';
 import './hooks/useSettings/utils/setComposedChartsMargin.js';
 import './hooks/useSettings/utils/setDatas.js';
 import './hooks/useSettings/utils/setGradientCharts.js';
 import './hooks/useSettings/utils/setLegendMargin.js';
 import './hooks/useSettings/utils/sortByIndex.js';
-import './hooks/useSettings/index.js';

package/esm/types/utils/index.d.ts

@@ -4,3 +4,4 @@ export * from "./data.types";
 export * from "./dot.types";
 export * from "./gradient.types";
 export * from "./tick.types";
+export {};

package/hooks/usePathBar/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var hooks_usePathBar_utils_getRadius = require('./utils/getRadius.js');
 

package/hooks/usePathBar/utils/getRadius.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var getRadius = function (height, radius) {
     var result = radius && height / 2 < radius ? Math.ceil(height / 2) : radius || 0;
     return result;

package/hooks/useSettings/index.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-277ac479.js');
+var tslib_es6 = require('../../tslib.es6-2bc3955e.js');
 var React = require('react');
 var hooks_useSettings_utils_setComposedChartsMargin = require('./utils/setComposedChartsMargin.js');
 var hooks_useSettings_utils_setDatas = require('./utils/setDatas.js');

package/hooks/useSettings/utils/setComposedChartsMargin.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var setComposedChartsMargin = function (composeChart, legend, brush, xAxis) {
     var _a, _b, _c, _d;
     return ({

package/hooks/useSettings/utils/setDatas.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../tslib.es6-277ac479.js');
+var tslib_es6 = require('../../../tslib.es6-2bc3955e.js');
 
 var setDatas = function (series, labels) {
     var initData = [];
@@ -18,9 +16,9 @@ var setDatas = function (series, labels) {
                 var obj = {
                     label: label,
                 };
-                obj["" + dataKey] = item.value;
-                if (!chartsNames["" + dataKey])
-                    chartsNames["" + dataKey] = true;
+                obj["".concat(dataKey)] = item.value;
+                if (!chartsNames["".concat(dataKey)])
+                    chartsNames["".concat(dataKey)] = true;
                 var index = initData
                     .map(function (dataItem) { return dataItem.label; })
                     .indexOf(label);

package/hooks/useSettings/utils/setGradientCharts.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../tslib.es6-277ac479.js');
+var tslib_es6 = require('../../../tslib.es6-2bc3955e.js');
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });
@@ -19,7 +17,7 @@ var setGradientCharts = function (series) {
                     };
                 });
             }
-            accum.push(tslib_es6.__assign(tslib_es6.__assign({}, item), { zIndex: -100, chart: 'gradient', hideLegend: true, hideTooltip: true, properties: tslib_es6.__assign(tslib_es6.__assign({}, item.properties), { dataKey: item.properties.dataKey + "-gradient", fill: fill }), data: newData || item.data }));
+            accum.push(tslib_es6.__assign(tslib_es6.__assign({}, item), { zIndex: -100, chart: 'gradient', hideLegend: true, hideTooltip: true, properties: tslib_es6.__assign(tslib_es6.__assign({}, item.properties), { dataKey: "".concat(item.properties.dataKey, "-gradient"), fill: fill }), data: newData || item.data }));
         }
         accum.push(item);
         return accum;

package/hooks/useSettings/utils/setLegendMargin.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var setLegendMargin = function (brush, legend) {
     var top = 0;
     if (typeof (brush === null || brush === void 0 ? void 0 : brush.brushMargin) !== 'number' || !(legend === null || legend === void 0 ? void 0 : legend.verticalAlign))

package/hooks/useSettings/utils/sortByIndex.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var sortByIndex = function (series) {
     return series.sort(function (a, b) {
         if ((a === null || a === void 0 ? void 0 : a.zIndex) && (b === null || b === void 0 ? void 0 : b.zIndex) && (a === null || a === void 0 ? void 0 : a.zIndex) > (b === null || b === void 0 ? void 0 : b.zIndex)) {

package/icons/Circle.js

@@ -1,17 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CircleIcon = function (_a) {
     var _b = _a.fill, fill = _b === void 0 ? '#FF5C5C' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
-    return (React__default['default'].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 16 16', fill: 'none' },
-        React__default['default'].createElement("circle", { cx: '8', cy: '8', r: '8', fill: fill })));
+    return (React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 16 16', fill: 'none' },
+        React__default.default.createElement("circle", { cx: '8', cy: '8', r: '8', fill: fill })));
 };
 
 exports.CircleIcon = CircleIcon;

package/icons/CircleLine.js

@@ -1,18 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CircleLineIcon = function (_a) {
     var _b = _a.fill, fill = _b === void 0 ? '#FF5C5C' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
-    return (React__default['default'].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 12', fill: 'none' },
-        React__default['default'].createElement("circle", { cx: '11', cy: '6', r: '6', fill: fill }),
-        React__default['default'].createElement("rect", { y: '5', width: '22', height: '2', fill: fill })));
+    return (React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 12', fill: 'none' },
+        React__default.default.createElement("circle", { cx: '11', cy: '6', r: '6', fill: fill }),
+        React__default.default.createElement("rect", { y: '5', width: '22', height: '2', fill: fill })));
 };
 
 exports.CircleLineIcon = CircleLineIcon;

package/icons/FilledCircle.js

@@ -1,21 +1,19 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FilledCircleIcon = function (_a) {
     var _b = _a.fill, fill = _b === void 0 ? '#5A8ECF' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
-    return (React__default['default'].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
-        React__default['default'].createElement("circle", { cx: '11', cy: '11', r: '10', fill: 'url(#paint0_linear)', stroke: fill, strokeWidth: '2' }),
-        React__default['default'].createElement("defs", null,
-            React__default['default'].createElement("linearGradient", { id: 'paint0_linear', x1: '11', y1: '1', x2: '11', y2: '21', gradientUnits: 'userSpaceOnUse' },
-                React__default['default'].createElement("stop", { stopColor: fill, stopOpacity: '0.2' }),
-                React__default['default'].createElement("stop", { offset: '1', stopColor: fill, stopOpacity: '0' })))));
+    return (React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
+        React__default.default.createElement("circle", { cx: '11', cy: '11', r: '10', fill: 'url(#paint0_linear)', stroke: fill, strokeWidth: '2' }),
+        React__default.default.createElement("defs", null,
+            React__default.default.createElement("linearGradient", { id: 'paint0_linear', x1: '11', y1: '1', x2: '11', y2: '21', gradientUnits: 'userSpaceOnUse' },
+                React__default.default.createElement("stop", { stopColor: fill, stopOpacity: '0.2' }),
+                React__default.default.createElement("stop", { offset: '1', stopColor: fill, stopOpacity: '0' })))));
 };
 
 exports.FilledCircleIcon = FilledCircleIcon;

package/icons/Point.js

@@ -1,18 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PointIcon = function (_a) {
     var _b = _a.fill, fill = _b === void 0 ? '#5A8ECF' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
-    return (React__default['default'].createElement("svg", { height: height, viewBox: '0 0 18 18' },
-        React__default['default'].createElement("circle", { cx: '9', cy: '9', r: '9', strokeWidth: '1', fill: fill, fillOpacity: '0.4' }),
-        React__default['default'].createElement("circle", { cx: '9', cy: '9', r: '3', strokeWidth: '2', stroke: '#fff', fill: fill })));
+    return (React__default.default.createElement("svg", { height: height, viewBox: '0 0 18 18' },
+        React__default.default.createElement("circle", { cx: '9', cy: '9', r: '9', strokeWidth: '1', fill: fill, fillOpacity: '0.4' }),
+        React__default.default.createElement("circle", { cx: '9', cy: '9', r: '3', strokeWidth: '2', stroke: '#fff', fill: fill })));
 };
 
 exports.PointIcon = PointIcon;

package/icons/StrokeCircle.js

@@ -1,17 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var StrokeCircleIcon = function (_a) {
     var _b = _a.fill, fill = _b === void 0 ? '#5A8ECF' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
-    return (React__default['default'].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
-        React__default['default'].createElement("circle", { cx: '11', cy: '11', r: '10', stroke: fill, strokeWidth: '2', strokeDasharray: '8 8' })));
+    return (React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
+        React__default.default.createElement("circle", { cx: '11', cy: '11', r: '10', stroke: fill, strokeWidth: '2', strokeDasharray: '8 8' })));
 };
 
 exports.StrokeCircleIcon = StrokeCircleIcon;

package/index.css

@@ -1,4 +1,4 @@
-/* hash: 90dka */
+/* hash: qfgr3 */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -10,17 +10,17 @@
 
     /* Hard up */
 }
-.chart__coreChart_ld643 .recharts-line path {
+.chart__coreChart_14ne4 .recharts-line path {
         transition: d 0.2s ease-out;
     }
-.chart__coreChart_ld643 .recharts-text tspan {
+.chart__coreChart_14ne4 .recharts-text tspan {
         fill: var(--color-light-text-primary);
         font-size: 16px;
         line-height: 22px;
     }
-.chart__bar_ld643 {
+.chart__bar_14ne4 {
     transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
-.chart__unfocused_ld643 {
+.chart__unfocused_14ne4 {
     opacity: 0.3;
 }

package/index.js

@@ -1,33 +1,31 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-277ac479.js');
+var Component = require('./Component.js');
+require('./tslib.es6-2bc3955e.js');
 require('react');
 require('classnames');
 require('recharts');
-require('./hooks/usePathBar/utils/getRadius.js');
-require('./hooks/usePathBar/index.js');
 require('./components/CustomizedLabel.js');
-require('./icons/Point.js');
+require('./hooks/usePathBar/index.js');
+require('./hooks/usePathBar/utils/getRadius.js');
 require('./components/Dot/index.js');
+require('./icons/Point.js');
+require('./components/Legends/index.js');
 require('@alfalab/core-components-typography');
 require('./icons/Circle.js');
 require('./icons/CircleLine.js');
 require('./icons/FilledCircle.js');
 require('./icons/StrokeCircle.js');
-require('./components/Legends/index.js');
 require('./components/LinearGradient.js');
 require('./components/RectBar.js');
 require('./components/Tick/index.js');
 require('./components/TooltipContent/index.js');
-var Component = require('./Component.js');
+require('./hooks/useSettings/index.js');
 require('./hooks/useSettings/utils/setComposedChartsMargin.js');
 require('./hooks/useSettings/utils/setDatas.js');
 require('./hooks/useSettings/utils/setGradientCharts.js');
 require('./hooks/useSettings/utils/setLegendMargin.js');
 require('./hooks/useSettings/utils/sortByIndex.js');
-require('./hooks/useSettings/index.js');
 
 
 

package/modern/Component.js

@@ -1,34 +1,34 @@
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';
-import './hooks/usePathBar/utils/getRadius.js';
-import './hooks/usePathBar/index.js';
 import { CustomizedLabel } from './components/CustomizedLabel.js';
-import './icons/Point.js';
 import { Dot } from './components/Dot/index.js';
-import '@alfalab/core-components-typography/modern';
-import './icons/Circle.js';
-import './icons/CircleLine.js';
-import './icons/FilledCircle.js';
-import './icons/StrokeCircle.js';
 import { Legends } from './components/Legends/index.js';
 import { LinearGradient } from './components/LinearGradient.js';
 import { RectBar } from './components/RectBar.js';
 import { Tick } from './components/Tick/index.js';
 import { TooltipContent } from './components/TooltipContent/index.js';
+import { useSettings } from './hooks/useSettings/index.js';
+import './hooks/usePathBar/index.js';
+import './hooks/usePathBar/utils/getRadius.js';
+import './icons/Point.js';
+import '@alfalab/core-components-typography/modern';
+import './icons/Circle.js';
+import './icons/CircleLine.js';
+import './icons/FilledCircle.js';
+import './icons/StrokeCircle.js';
 import './hooks/useSettings/utils/setComposedChartsMargin.js';
 import './hooks/useSettings/utils/setDatas.js';
 import './hooks/useSettings/utils/setGradientCharts.js';
 import './hooks/useSettings/utils/setLegendMargin.js';
 import './hooks/useSettings/utils/sortByIndex.js';
-import { useSettings } from './hooks/useSettings/index.js';
 
 const CustomizedHOC = (Component, options) => {
     const NewComponent = (props) => React.createElement(Component, { ...props, ...options });
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_ld643","bar":"chart__bar_ld643","unfocused":"chart__unfocused_ld643"};
+const styles = {"coreChart":"chart__coreChart_14ne4","bar":"chart__bar_14ne4","unfocused":"chart__unfocused_14ne4"};
 require('./index.css')
 
 const Chart = (props) => {

package/modern/components/CustomizedLabel.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import '../hooks/usePathBar/utils/getRadius.js';
 import { usePathBar } from '../hooks/usePathBar/index.js';
+import '../hooks/usePathBar/utils/getRadius.js';
 
 const CustomizedLabel = ({ x, y, value, offset, radius, height, width, formatter, }) => {
     const [initHeight] = usePathBar({ radius, height });

package/modern/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: 1c9i5 */
-.chart__dotUnfocused_1r07c {
+/* hash: 1vmhq */
+.chart__dotUnfocused_1u9no {
     opacity: 0.3;
 }
 
-.chart__dot_1r07c,
-.chart__dotItem_1r07c,
-.chart__dotWrap_1r07c {
+.chart__dot_1u9no,
+.chart__dotItem_1u9no,
+.chart__dotWrap_1u9no {
     transition: all 0.2s ease;
 }
 
-.chart__dot_1r07c {
-    animation: chart__showDot_1r07c 0.5s ease;
+.chart__dot_1u9no {
+    animation: chart__showDot_1u9no 0.5s ease;
 }
 
-@keyframes chart__showDot_1r07c {
+@keyframes chart__showDot_1u9no {
     from {
         opacity: 0;
     }

package/modern/components/Dot/index.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { PointIcon } from '../../icons/Point.js';
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_1r07c","dot":"chart__dot_1r07c","dotItem":"chart__dotItem_1r07c","dotWrap":"chart__dotWrap_1r07c","showDot":"chart__showDot_1r07c"};
+const styles = {"dotUnfocused":"chart__dotUnfocused_1u9no","dot":"chart__dot_1u9no","dotItem":"chart__dotItem_1u9no","dotWrap":"chart__dotWrap_1u9no","showDot":"chart__showDot_1u9no"};
 require('./index.css')
 
 const Dot = React.forwardRef(({ cx, cy, index, activeDot, dataKey, dotSettings, value, stroke }, ref) => {

package/modern/components/Legends/index.css

@@ -1,4 +1,4 @@
-/* hash: 1y1o0 */
+/* hash: 1gmkt */
 :root {
 
     /* Hard */
@@ -10,31 +10,31 @@
 :root {
     --gap-2xl: 32px;
 }
-.chart__legendContent_r6n4g {
+.chart__legendContent_nx6sz {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_r6n4g {
+.chart__legendWrap_nx6sz {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_r6n4g {
+.chart__legendItem_nx6sz {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_r6n4g:last-child {
+.chart__legendItem_nx6sz:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_r6n4g {
+.chart__legendUnactive_nx6sz {
     opacity: 0.3;
 }
-.chart__legendIcon_r6n4g {
+.chart__legendIcon_nx6sz {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_r6n4g {
+.chart__legendValue_nx6sz {
     text-transform: capitalize;
 }

package/modern/components/Legends/index.js

@@ -6,7 +6,7 @@ import { CircleLineIcon } from '../../icons/CircleLine.js';
 import { FilledCircleIcon } from '../../icons/FilledCircle.js';
 import { StrokeCircleIcon } from '../../icons/StrokeCircle.js';
 
-var styles = {"legendContent":"chart__legendContent_r6n4g","legendWrap":"chart__legendWrap_r6n4g","legendItem":"chart__legendItem_r6n4g","legendUnactive":"chart__legendUnactive_r6n4g","legendIcon":"chart__legendIcon_r6n4g","legendValue":"chart__legendValue_r6n4g"};
+const styles = {"legendContent":"chart__legendContent_nx6sz","legendWrap":"chart__legendWrap_nx6sz","legendItem":"chart__legendItem_nx6sz","legendUnactive":"chart__legendUnactive_nx6sz","legendIcon":"chart__legendIcon_nx6sz","legendValue":"chart__legendValue_nx6sz"};
 require('./index.css')
 
 const icons = {

package/modern/components/RectBar.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
-import '../hooks/usePathBar/utils/getRadius.js';
 import { usePathBar } from '../hooks/usePathBar/index.js';
+import '../hooks/usePathBar/utils/getRadius.js';
 
 // eslint-disable-next-line complexity
 const getPath = (x, width, height, initHeight, topRadius, bottomRadius, initY) => `

package/modern/components/Tick/index.css

@@ -1,4 +1,4 @@
-/* hash: a3iqk */
+/* hash: 2ftiy */
 :root {
     --color-dark-bg-primary: #0b1f35;
     --color-light-text-primary: #0b1f35;
@@ -11,17 +11,17 @@
 
     /* Hard up */
 }
-.chart__tickText_car9n {
+.chart__tickText_13q5p {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.chart__circle_car9n {
+.chart__circle_13q5p {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }
-.chart__circle_car9n {
+.chart__circle_13q5p {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }