@alfalab/core-components-chart 4.1.0 → 5.0.0-8406faee42e08c133fbcbb0de3e6eb2df6766dd2

package/components/Dot/index.css

@@ -1,18 +1,18 @@
-.chart__dotUnfocused_13f6m {
+.chart__dotUnfocused_y0dx1 {
     opacity: 0.3;
 }
 
-.chart__dot_13f6m,
-.chart__dotItem_13f6m,
-.chart__dotWrap_13f6m {
+.chart__dot_y0dx1,
+.chart__dotItem_y0dx1,
+.chart__dotWrap_y0dx1 {
     transition: all 0.2s ease;
 }
 
-.chart__dot_13f6m {
-    animation: chart__showDot_13f6m 0.5s ease;
+.chart__dot_y0dx1 {
+    animation: chart__showDot_y0dx1 0.5s ease;
 }
 
-@keyframes chart__showDot_13f6m {
+@keyframes chart__showDot_y0dx1 {
     from {
         opacity: 0;
     }

package/components/Dot/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_13f6m","dot":"chart__dot_13f6m","dotItem":"chart__dotItem_13f6m","dotWrap":"chart__dotWrap_13f6m"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_y0dx1","dot":"chart__dot_y0dx1","dotItem":"chart__dotItem_y0dx1","dotWrap":"chart__dotWrap_y0dx1"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/Legends/index.css

@@ -2,25 +2,32 @@
     --gap-2xl: 32px;
     --gap-0: 0px;
     --gap-32: var(--gap-2xl);
-} .chart__legendContent_1ewah {
+}
+.chart__legendContent_ienf1 {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-} .chart__legendWrap_1ewah {
+}
+.chart__legendWrap_ienf1 {
     width: 100%;
     margin: var(--gap-0);
     padding: var(--gap-0);
-} .chart__legendItem_1ewah {
+}
+.chart__legendItem_ienf1 {
     margin-right: var(--gap-32);
     cursor: pointer;
     display: inline-block;
-} .chart__legendItem_1ewah:last-child {
+}
+.chart__legendItem_ienf1:last-child {
     margin-right: var(--gap-0);
-} .chart__legendUnactive_1ewah {
+}
+.chart__legendUnactive_ienf1 {
     opacity: 0.3;
-} .chart__legendIcon_1ewah {
+}
+.chart__legendIcon_ienf1 {
     margin-right: 13px;
     display: flex;
-} .chart__legendValue_1ewah {
+}
+.chart__legendValue_ienf1 {
     text-transform: capitalize;
 }

package/components/Legends/index.js

@@ -40,7 +40,7 @@ var Legends = React__default.default.forwardRef(function (_a, ref) {
                     React__default.default.createElement(Icon, { fill: ((_a = item.properties) === null || _a === void 0 ? void 0 : _a.fill) ||
                             ((_b = item.properties) === null || _b === void 0 ? void 0 : _b.stroke) ||
                             '', height: legend.iconHeight || 16 }))) : null,
-                React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', tag: 'span', className: cn__default.default(index_module.legendValue) }, item.properties.name))));
+                React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-medium', tag: 'span', className: cn__default.default(index_module.legendValue) }, item.properties.name))));
     })));
 });
 

package/components/Legends/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Legends/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { CircleIcon } from '../../icons/Circle';\nimport { CircleLineIcon } from '../../icons/CircleLine';\nimport { FilledCircleIcon } from '../../icons/FilledCircle';\nimport { StrokeCircleIcon } from '../../icons/StrokeCircle';\nimport { type LegendProps } from '../../types/legend.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type DataDynamicBooleanProps } from '../../types/utils/data.types';\n\nimport styles from './index.module.css';\n\ninterface Props {\n    legend: LegendProps;\n    series: SeriaProps[];\n    id: string;\n    charts: DataDynamicBooleanProps;\n    toggleChart(item: SeriaProps): void;\n}\n\nconst icons = {\n    circleLine: CircleLineIcon,\n    filledCircle: FilledCircleIcon,\n    strokeCircle: StrokeCircleIcon,\n    circle: CircleIcon,\n};\n\nexport const Legends = React.forwardRef<HTMLUListElement, Props>(\n    ({ legend, series, id, charts, toggleChart }, ref): React.ReactElement => {\n        const style: React.CSSProperties = {\n            textAlign: legend.align || 'center',\n            transform: `translateY(${\n                (legend?.marginTop ? legend.marginTop : 0) *\n                (legend.verticalAlign === 'top' ? -1 : 1)\n            }px)`,\n        };\n\n        return (\n            <ul ref={ref} className={cn(styles.legendWrap)} style={style}>\n                {series.map((item: SeriaProps) => {\n                    if (item.hideLegend || item.hide) return null;\n\n                    const Icon = icons[item.icon] || CircleIcon;\n\n                    return (\n                        <li\n                            role='presentation'\n                            key={`${id}-${item.properties.dataKey}`}\n                            className={cn(\n                                styles.legendItem,\n                                charts[`${item.properties.dataKey}`] ? '' : styles.legendUnactive,\n                            )}\n                            onClick={() => toggleChart(item)}\n                        >\n                            <div className={cn(styles.legendContent)}>\n                                {Icon ? (\n                                    <i className={cn(styles.legendIcon)}>\n                                        <Icon\n                                            fill={\n                                                item.properties?.fill ||\n                                                item.properties?.stroke ||\n                                                ''\n                                            }\n                                            height={legend.iconHeight || 16}\n                                        />\n                                    </i>\n                                ) : null}\n                                <Text\n                                    view='primary-medium'\n                                    tag='span'\n                                    className={cn(styles.legendValue)}\n                                >\n                                    {item.properties.name}\n                                </Text>\n                            </div>\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    },\n);\n"],"names":["CircleLineIcon","FilledCircleIcon","StrokeCircleIcon","CircleIcon","React","cn","styles","Text"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/Legends/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { CircleIcon } from '../../icons/Circle';\nimport { CircleLineIcon } from '../../icons/CircleLine';\nimport { FilledCircleIcon } from '../../icons/FilledCircle';\nimport { StrokeCircleIcon } from '../../icons/StrokeCircle';\nimport { type LegendProps } from '../../types/legend.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type DataDynamicBooleanProps } from '../../types/utils/data.types';\n\nimport styles from './index.module.css';\n\ninterface Props {\n    legend: LegendProps;\n    series: SeriaProps[];\n    id: string;\n    charts: DataDynamicBooleanProps;\n    toggleChart(item: SeriaProps): void;\n}\n\nconst icons = {\n    circleLine: CircleLineIcon,\n    filledCircle: FilledCircleIcon,\n    strokeCircle: StrokeCircleIcon,\n    circle: CircleIcon,\n};\n\nexport const Legends = React.forwardRef<HTMLUListElement, Props>(\n    ({ legend, series, id, charts, toggleChart }, ref): React.ReactElement => {\n        const style: React.CSSProperties = {\n            textAlign: legend.align || 'center',\n            transform: `translateY(${\n                (legend?.marginTop ? legend.marginTop : 0) *\n                (legend.verticalAlign === 'top' ? -1 : 1)\n            }px)`,\n        };\n\n        return (\n            <ul ref={ref} className={cn(styles.legendWrap)} style={style}>\n                {series.map((item: SeriaProps) => {\n                    if (item.hideLegend || item.hide) return null;\n\n                    const Icon = icons[item.icon] || CircleIcon;\n\n                    return (\n                        <li\n                            role='presentation'\n                            key={`${id}-${item.properties.dataKey}`}\n                            className={cn(\n                                styles.legendItem,\n                                charts[`${item.properties.dataKey}`] ? '' : styles.legendUnactive,\n                            )}\n                            onClick={() => toggleChart(item)}\n                        >\n                            <div className={cn(styles.legendContent)}>\n                                {Icon ? (\n                                    <i className={cn(styles.legendIcon)}>\n                                        <Icon\n                                            fill={\n                                                item.properties?.fill ||\n                                                item.properties?.stroke ||\n                                                ''\n                                            }\n                                            height={legend.iconHeight || 16}\n                                        />\n                                    </i>\n                                ) : null}\n                                <TypographyText\n                                    view='primary-medium'\n                                    tag='span'\n                                    className={cn(styles.legendValue)}\n                                >\n                                    {item.properties.name}\n                                </TypographyText>\n                            </div>\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    },\n);\n"],"names":["CircleLineIcon","FilledCircleIcon","StrokeCircleIcon","CircleIcon","React","cn","styles","TypographyText"],"mappings":"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"}

package/components/Legends/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"legendContent":"chart__legendContent_1ewah","legendWrap":"chart__legendWrap_1ewah","legendItem":"chart__legendItem_1ewah","legendUnactive":"chart__legendUnactive_1ewah","legendIcon":"chart__legendIcon_1ewah","legendValue":"chart__legendValue_1ewah"};
+var styles = {"legendContent":"chart__legendContent_ienf1","legendWrap":"chart__legendWrap_ienf1","legendItem":"chart__legendItem_ienf1","legendUnactive":"chart__legendUnactive_ienf1","legendIcon":"chart__legendIcon_ienf1","legendValue":"chart__legendValue_ienf1"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/Tick/index.css

@@ -1,12 +1,19 @@
 :root {
     --color-dark-base-bg-primary: #121213;
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
-} .chart__tickText_1bvqz {
+}
+:root {
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+}
+.chart__tickText_1cyix {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .chart__circle_1bvqz {
+    font-family: var(--font-family-system);
+}
+.chart__circle_1cyix {
     opacity: 0.3;
     fill: var(--color-dark-base-bg-primary);
 }

package/components/Tick/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"tickText":"chart__tickText_1bvqz","circle":"chart__circle_1bvqz"};
+var styles = {"tickText":"chart__tickText_1cyix","circle":"chart__circle_1cyix"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/TooltipContent/index.css

@@ -1,14 +1,17 @@
 :root {
     --color-light-base-bg-primary: #fff;
     --color-light-neutral-400: #d2d3d9;
-} :root {
+}
+:root {
     --shadow-l:
         0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
         0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-} :root {
+}
+:root {
     --border-radius-m: 8px;
     --border-radius-8: var(--border-radius-m);
-} :root {
+}
+:root {
     --gap-s: 12px;
     --gap-m: 16px;
     --gap-3xs-neg: -2px;
@@ -17,7 +20,8 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
     --gap-2-neg: var(--gap-3xs-neg);
-} .chart__tooltip_b7kga {
+}
+.chart__tooltip_5sqmg {
     background-color: var(--color-light-base-bg-primary);
     border: 1px solid var(--color-light-neutral-400);
     box-shadow: var(--shadow-l);
@@ -25,15 +29,18 @@
     padding: var(--gap-12) var(--gap-16);
     pointer-events: none;
     position: relative;
-} .chart__tooltipList_b7kga {
+}
+.chart__tooltipList_5sqmg {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: var(--gap-0);
     margin: var(--gap-0);
-} .chart__tooltipItem_b7kga {
+}
+.chart__tooltipItem_5sqmg {
     margin-bottom: var(--gap-10);
-} .chart__tooltipArrow_b7kga {
+}
+.chart__tooltipArrow_5sqmg {
     position: absolute;
     left: var(--gap-0);
     top: 50%;
@@ -42,7 +49,8 @@
     height: 10px;
     border: 1px solid var(--color-light-neutral-400);
     background-color: var(--color-light-base-bg-primary);
-} .chart__tooltipArrow_b7kga:before {
+}
+.chart__tooltipArrow_5sqmg:before {
     content: '';
     position: absolute;
     left: var(--gap-2-neg);
@@ -52,7 +60,8 @@
     border-style: solid;
     border-width: 0 14px 14px 0;
     border-color: transparent var(--color-light-base-bg-primary) transparent transparent;
-} .chart__tooltipArrowRight_b7kga {
+}
+.chart__tooltipArrowRight_5sqmg {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/components/TooltipContent/index.js

@@ -30,16 +30,16 @@ var TooltipContent = React.forwardRef(function (_a, ref) {
                 _c)) })),
         React__default.default.createElement("ul", { className: cn__default.default(index_module.tooltipList) },
             React__default.default.createElement("li", { className: cn__default.default(index_module.tooltipItem), style: labelStyle },
-                React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(index_module.tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
+                React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(index_module.tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
             payload.map(function (entry) {
                 var data = series.find(function (d) { return d.properties.dataKey === entry.dataKey; });
                 if ((data === null || data === void 0 ? void 0 : data.hideTooltip) || (data === null || data === void 0 ? void 0 : data.hide))
                     return null;
                 return (React__default.default.createElement("li", { className: cn__default.default(index_module.tooltipItem), key: entry.dataKey, style: { color: entry.color } },
-                    React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(index_module.tooltipValue) },
+                    React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(index_module.tooltipValue) },
                         (entry === null || entry === void 0 ? void 0 : entry.formatter) ? entry.formatter(entry.value) : entry.value,
                         separator || ' '),
-                    React__default.default.createElement(coreComponentsTypography.Text, { view: 'secondary-large', tag: 'span', className: cn__default.default(index_module.tooltipName) }, "".concat(entry.name))));
+                    React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'secondary-large', tag: 'span', className: cn__default.default(index_module.tooltipName) }, "".concat(entry.name))));
             }))));
 });
 

package/components/TooltipContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/TooltipContent/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { type PayloadProps } from '../../types/payload.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type TooltipProps } from '../../types/tooltip.types';\n\nimport styles from './index.module.css';\n\nexport interface TooltipContentProps extends TooltipProps {\n    payload: PayloadProps[];\n    series: SeriaProps[];\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(\n    (\n        {\n            payload,\n            separator,\n            label,\n            tooltipArrowSide,\n            arrow,\n            series,\n            labelFormatter,\n            labelStyle,\n            contentFormatter,\n        },\n        ref,\n    ) => {\n        if (!label || payload.length === 0) return null;\n\n        if (typeof contentFormatter === 'function') {\n            return (\n                <div className={cn(styles.tooltip)} ref={ref}>\n                    {arrow && (\n                        <span\n                            className={cn(styles.tooltipArrow, {\n                                [styles.tooltipArrowRight]: !tooltipArrowSide,\n                            })}\n                        />\n                    )}\n                    {contentFormatter?.({ label, payload })}\n                </div>\n            );\n        }\n\n        return (\n            <div className={cn(styles.tooltip)} ref={ref}>\n                {arrow && (\n                    <span\n                        className={cn(styles.tooltipArrow, {\n                            [styles.tooltipArrowRight]: !tooltipArrowSide,\n                        })}\n                    />\n                )}\n                <ul className={cn(styles.tooltipList)}>\n                    <li className={cn(styles.tooltipItem)} style={labelStyle}>\n                        <Text\n                            view='primary-medium'\n                            tag='span'\n                            weight='medium'\n                            className={cn(styles.tooltipLabel)}\n                        >\n                            {labelFormatter ? labelFormatter(label) : label}\n                        </Text>\n                    </li>\n                    {payload.map((entry: PayloadProps) => {\n                        const data: SeriaProps | undefined = series.find(\n                            (d: SeriaProps) => d.properties.dataKey === entry.dataKey,\n                        );\n\n                        if (data?.hideTooltip || data?.hide) return null;\n\n                        return (\n                            <li\n                                className={cn(styles.tooltipItem)}\n                                key={entry.dataKey}\n                                style={{ color: entry.color }}\n                            >\n                                <Text\n                                    view='primary-medium'\n                                    tag='span'\n                                    weight='medium'\n                                    className={cn(styles.tooltipValue)}\n                                >\n                                    {entry?.formatter ? entry.formatter(entry.value) : entry.value}\n                                    {separator || ' '}\n                                </Text>\n                                <Text\n                                    view='secondary-large'\n                                    tag='span'\n                                    className={cn(styles.tooltipName)}\n                                >{`${entry.name}`}</Text>\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        );\n    },\n);\n"],"names":["forwardRef","React","cn","styles","Text"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/TooltipContent/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { type PayloadProps } from '../../types/payload.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type TooltipProps } from '../../types/tooltip.types';\n\nimport styles from './index.module.css';\n\nexport interface TooltipContentProps extends TooltipProps {\n    payload: PayloadProps[];\n    series: SeriaProps[];\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(\n    (\n        {\n            payload,\n            separator,\n            label,\n            tooltipArrowSide,\n            arrow,\n            series,\n            labelFormatter,\n            labelStyle,\n            contentFormatter,\n        },\n        ref,\n    ) => {\n        if (!label || payload.length === 0) return null;\n\n        if (typeof contentFormatter === 'function') {\n            return (\n                <div className={cn(styles.tooltip)} ref={ref}>\n                    {arrow && (\n                        <span\n                            className={cn(styles.tooltipArrow, {\n                                [styles.tooltipArrowRight]: !tooltipArrowSide,\n                            })}\n                        />\n                    )}\n                    {contentFormatter?.({ label, payload })}\n                </div>\n            );\n        }\n\n        return (\n            <div className={cn(styles.tooltip)} ref={ref}>\n                {arrow && (\n                    <span\n                        className={cn(styles.tooltipArrow, {\n                            [styles.tooltipArrowRight]: !tooltipArrowSide,\n                        })}\n                    />\n                )}\n                <ul className={cn(styles.tooltipList)}>\n                    <li className={cn(styles.tooltipItem)} style={labelStyle}>\n                        <TypographyText\n                            view='primary-medium'\n                            tag='span'\n                            weight='medium'\n                            className={cn(styles.tooltipLabel)}\n                        >\n                            {labelFormatter ? labelFormatter(label) : label}\n                        </TypographyText>\n                    </li>\n                    {payload.map((entry: PayloadProps) => {\n                        const data: SeriaProps | undefined = series.find(\n                            (d: SeriaProps) => d.properties.dataKey === entry.dataKey,\n                        );\n\n                        if (data?.hideTooltip || data?.hide) return null;\n\n                        return (\n                            <li\n                                className={cn(styles.tooltipItem)}\n                                key={entry.dataKey}\n                                style={{ color: entry.color }}\n                            >\n                                <TypographyText\n                                    view='primary-medium'\n                                    tag='span'\n                                    weight='medium'\n                                    className={cn(styles.tooltipValue)}\n                                >\n                                    {entry?.formatter ? entry.formatter(entry.value) : entry.value}\n                                    {separator || ' '}\n                                </TypographyText>\n                                <TypographyText\n                                    view='secondary-large'\n                                    tag='span'\n                                    className={cn(styles.tooltipName)}\n                                >{`${entry.name}`}</TypographyText>\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        );\n    },\n);\n"],"names":["forwardRef","React","cn","styles","TypographyText"],"mappings":"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"}

package/components/TooltipContent/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"tooltip":"chart__tooltip_b7kga","tooltipList":"chart__tooltipList_b7kga","tooltipItem":"chart__tooltipItem_b7kga","tooltipArrow":"chart__tooltipArrow_b7kga","tooltipArrowRight":"chart__tooltipArrowRight_b7kga"};
+var styles = {"tooltip":"chart__tooltip_5sqmg","tooltipList":"chart__tooltipList_5sqmg","tooltipItem":"chart__tooltipItem_5sqmg","tooltipArrow":"chart__tooltipArrow_5sqmg","tooltipArrowRight":"chart__tooltipArrowRight_5sqmg"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/cssm/components/Legends/index.js

@@ -41,7 +41,7 @@ var Legends = React__default.default.forwardRef(function (_a, ref) {
                     React__default.default.createElement(Icon, { fill: ((_a = item.properties) === null || _a === void 0 ? void 0 : _a.fill) ||
                             ((_b = item.properties) === null || _b === void 0 ? void 0 : _b.stroke) ||
                             '', height: legend.iconHeight || 16 }))) : null,
-                React__default.default.createElement(cssm.Text, { view: 'primary-medium', tag: 'span', className: cn__default.default(styles__default.default.legendValue) }, item.properties.name))));
+                React__default.default.createElement(cssm.TypographyText, { view: 'primary-medium', tag: 'span', className: cn__default.default(styles__default.default.legendValue) }, item.properties.name))));
     })));
 });
 

package/cssm/components/Legends/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Legends/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { CircleIcon } from '../../icons/Circle';\nimport { CircleLineIcon } from '../../icons/CircleLine';\nimport { FilledCircleIcon } from '../../icons/FilledCircle';\nimport { StrokeCircleIcon } from '../../icons/StrokeCircle';\nimport { type LegendProps } from '../../types/legend.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type DataDynamicBooleanProps } from '../../types/utils/data.types';\n\nimport styles from './index.module.css';\n\ninterface Props {\n    legend: LegendProps;\n    series: SeriaProps[];\n    id: string;\n    charts: DataDynamicBooleanProps;\n    toggleChart(item: SeriaProps): void;\n}\n\nconst icons = {\n    circleLine: CircleLineIcon,\n    filledCircle: FilledCircleIcon,\n    strokeCircle: StrokeCircleIcon,\n    circle: CircleIcon,\n};\n\nexport const Legends = React.forwardRef<HTMLUListElement, Props>(\n    ({ legend, series, id, charts, toggleChart }, ref): React.ReactElement => {\n        const style: React.CSSProperties = {\n            textAlign: legend.align || 'center',\n            transform: `translateY(${\n                (legend?.marginTop ? legend.marginTop : 0) *\n                (legend.verticalAlign === 'top' ? -1 : 1)\n            }px)`,\n        };\n\n        return (\n            <ul ref={ref} className={cn(styles.legendWrap)} style={style}>\n                {series.map((item: SeriaProps) => {\n                    if (item.hideLegend || item.hide) return null;\n\n                    const Icon = icons[item.icon] || CircleIcon;\n\n                    return (\n                        <li\n                            role='presentation'\n                            key={`${id}-${item.properties.dataKey}`}\n                            className={cn(\n                                styles.legendItem,\n                                charts[`${item.properties.dataKey}`] ? '' : styles.legendUnactive,\n                            )}\n                            onClick={() => toggleChart(item)}\n                        >\n                            <div className={cn(styles.legendContent)}>\n                                {Icon ? (\n                                    <i className={cn(styles.legendIcon)}>\n                                        <Icon\n                                            fill={\n                                                item.properties?.fill ||\n                                                item.properties?.stroke ||\n                                                ''\n                                            }\n                                            height={legend.iconHeight || 16}\n                                        />\n                                    </i>\n                                ) : null}\n                                <Text\n                                    view='primary-medium'\n                                    tag='span'\n                                    className={cn(styles.legendValue)}\n                                >\n                                    {item.properties.name}\n                                </Text>\n                            </div>\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    },\n);\n"],"names":["CircleLineIcon","FilledCircleIcon","StrokeCircleIcon","CircleIcon","React","cn","styles","Text"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Legends/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { CircleIcon } from '../../icons/Circle';\nimport { CircleLineIcon } from '../../icons/CircleLine';\nimport { FilledCircleIcon } from '../../icons/FilledCircle';\nimport { StrokeCircleIcon } from '../../icons/StrokeCircle';\nimport { type LegendProps } from '../../types/legend.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type DataDynamicBooleanProps } from '../../types/utils/data.types';\n\nimport styles from './index.module.css';\n\ninterface Props {\n    legend: LegendProps;\n    series: SeriaProps[];\n    id: string;\n    charts: DataDynamicBooleanProps;\n    toggleChart(item: SeriaProps): void;\n}\n\nconst icons = {\n    circleLine: CircleLineIcon,\n    filledCircle: FilledCircleIcon,\n    strokeCircle: StrokeCircleIcon,\n    circle: CircleIcon,\n};\n\nexport const Legends = React.forwardRef<HTMLUListElement, Props>(\n    ({ legend, series, id, charts, toggleChart }, ref): React.ReactElement => {\n        const style: React.CSSProperties = {\n            textAlign: legend.align || 'center',\n            transform: `translateY(${\n                (legend?.marginTop ? legend.marginTop : 0) *\n                (legend.verticalAlign === 'top' ? -1 : 1)\n            }px)`,\n        };\n\n        return (\n            <ul ref={ref} className={cn(styles.legendWrap)} style={style}>\n                {series.map((item: SeriaProps) => {\n                    if (item.hideLegend || item.hide) return null;\n\n                    const Icon = icons[item.icon] || CircleIcon;\n\n                    return (\n                        <li\n                            role='presentation'\n                            key={`${id}-${item.properties.dataKey}`}\n                            className={cn(\n                                styles.legendItem,\n                                charts[`${item.properties.dataKey}`] ? '' : styles.legendUnactive,\n                            )}\n                            onClick={() => toggleChart(item)}\n                        >\n                            <div className={cn(styles.legendContent)}>\n                                {Icon ? (\n                                    <i className={cn(styles.legendIcon)}>\n                                        <Icon\n                                            fill={\n                                                item.properties?.fill ||\n                                                item.properties?.stroke ||\n                                                ''\n                                            }\n                                            height={legend.iconHeight || 16}\n                                        />\n                                    </i>\n                                ) : null}\n                                <TypographyText\n                                    view='primary-medium'\n                                    tag='span'\n                                    className={cn(styles.legendValue)}\n                                >\n                                    {item.properties.name}\n                                </TypographyText>\n                            </div>\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    },\n);\n"],"names":["CircleLineIcon","FilledCircleIcon","StrokeCircleIcon","CircleIcon","React","cn","styles","TypographyText"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,IAAM,KAAK,GAAG;AACV,IAAA,UAAU,EAAEA,yBAAc;AAC1B,IAAA,YAAY,EAAEC,6BAAgB;AAC9B,IAAA,YAAY,EAAEC,6BAAgB;AAC9B,IAAA,MAAM,EAAEC,iBAAU;CACrB;AAEY,IAAA,OAAO,GAAGC,sBAAK,CAAC,UAAU,CACnC,UAAC,EAA2C,EAAE,GAAG,EAAA;AAA9C,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,EAAE,GAAA,EAAA,CAAA,EAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA;AACtC,IAAA,IAAM,KAAK,GAAwB;AAC/B,QAAA,SAAS,EAAE,MAAM,CAAC,KAAK,IAAI,QAAQ;QACnC,SAAS,EAAE,qBACP,CAAC,CAAA,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,SAAS,IAAG,MAAM,CAAC,SAAS,GAAG,CAAC;AACzC,aAAC,MAAM,CAAC,aAAa,KAAK,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC,EACxC,KAAA,CAAA;KACR;IAED,QACIA,sBAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAA,EACvD,MAAM,CAAC,GAAG,CAAC,UAAC,IAAgB,EAAA;;AACzB,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;QAE7C,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAIH,iBAAU;QAE3C,QACIC,sBACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EACnB,GAAG,EAAE,EAAA,CAAA,MAAA,CAAG,EAAE,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAE,EACvC,SAAS,EAAEC,mBAAE,CACTC,uBAAM,CAAC,UAAU,EACjB,MAAM,CAAC,UAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAE,CAAC,GAAG,EAAE,GAAGA,uBAAM,CAAC,cAAc,CACpE,EACD,OAAO,EAAE,YAAA,EAAM,OAAA,WAAW,CAAC,IAAI,CAAC,CAAA,EAAA,EAAA;AAEhC,YAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,aAAa,CAAC,EAAA;AACnC,gBAAA,IAAI,IACDF,sBAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,UAAU,CAAC,EAAA;oBAC/BF,sBAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,IAAI,EACA,CAAA,MAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI;AACrB,6BAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,CAAA;AACvB,4BAAA,EAAE,EAEN,MAAM,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE,EAAA,CACjC,CACF,IACJ,IAAI;AACR,gBAAAA,sBAAA,CAAA,aAAA,CAACG,mBAAc,EAAA,EACX,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,SAAS,EAAEF,mBAAE,CAACC,uBAAM,CAAC,WAAW,CAAC,EAEhC,EAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CACR,CACf,CACL;KAEZ,CAAC,CACD;AAEb,CAAC;;;;"}

package/cssm/components/Legends/index.module.css

@@ -2,25 +2,32 @@
     --gap-2xl: 32px;
     --gap-0: 0px;
     --gap-32: var(--gap-2xl);
-} .legendContent {
+}
+.legendContent {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-} .legendWrap {
+}
+.legendWrap {
     width: 100%;
     margin: var(--gap-0);
     padding: var(--gap-0);
-} .legendItem {
+}
+.legendItem {
     margin-right: var(--gap-32);
     cursor: pointer;
     display: inline-block;
-} .legendItem:last-child {
+}
+.legendItem:last-child {
     margin-right: var(--gap-0);
-} .legendUnactive {
+}
+.legendUnactive {
     opacity: 0.3;
-} .legendIcon {
+}
+.legendIcon {
     margin-right: 13px;
     display: flex;
-} .legendValue {
+}
+.legendValue {
     text-transform: capitalize;
 }

package/cssm/components/Tick/index.module.css

@@ -1,12 +1,19 @@
 :root {
     --color-dark-base-bg-primary: #121213;
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
-} .tickText {
+}
+:root {
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+}
+.tickText {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .circle {
+    font-family: var(--font-family-system);
+}
+.circle {
     opacity: 0.3;
     fill: var(--color-dark-base-bg-primary);
 }

package/cssm/components/TooltipContent/index.js

@@ -31,16 +31,16 @@ var TooltipContent = React.forwardRef(function (_a, ref) {
                 _c)) })),
         React__default.default.createElement("ul", { className: cn__default.default(styles__default.default.tooltipList) },
             React__default.default.createElement("li", { className: cn__default.default(styles__default.default.tooltipItem), style: labelStyle },
-                React__default.default.createElement(cssm.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(styles__default.default.tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
+                React__default.default.createElement(cssm.TypographyText, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(styles__default.default.tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
             payload.map(function (entry) {
                 var data = series.find(function (d) { return d.properties.dataKey === entry.dataKey; });
                 if ((data === null || data === void 0 ? void 0 : data.hideTooltip) || (data === null || data === void 0 ? void 0 : data.hide))
                     return null;
                 return (React__default.default.createElement("li", { className: cn__default.default(styles__default.default.tooltipItem), key: entry.dataKey, style: { color: entry.color } },
-                    React__default.default.createElement(cssm.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(styles__default.default.tooltipValue) },
+                    React__default.default.createElement(cssm.TypographyText, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(styles__default.default.tooltipValue) },
                         (entry === null || entry === void 0 ? void 0 : entry.formatter) ? entry.formatter(entry.value) : entry.value,
                         separator || ' '),
-                    React__default.default.createElement(cssm.Text, { view: 'secondary-large', tag: 'span', className: cn__default.default(styles__default.default.tooltipName) }, "".concat(entry.name))));
+                    React__default.default.createElement(cssm.TypographyText, { view: 'secondary-large', tag: 'span', className: cn__default.default(styles__default.default.tooltipName) }, "".concat(entry.name))));
             }))));
 });
 

package/cssm/components/TooltipContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/TooltipContent/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { type PayloadProps } from '../../types/payload.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type TooltipProps } from '../../types/tooltip.types';\n\nimport styles from './index.module.css';\n\nexport interface TooltipContentProps extends TooltipProps {\n    payload: PayloadProps[];\n    series: SeriaProps[];\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(\n    (\n        {\n            payload,\n            separator,\n            label,\n            tooltipArrowSide,\n            arrow,\n            series,\n            labelFormatter,\n            labelStyle,\n            contentFormatter,\n        },\n        ref,\n    ) => {\n        if (!label || payload.length === 0) return null;\n\n        if (typeof contentFormatter === 'function') {\n            return (\n                <div className={cn(styles.tooltip)} ref={ref}>\n                    {arrow && (\n                        <span\n                            className={cn(styles.tooltipArrow, {\n                                [styles.tooltipArrowRight]: !tooltipArrowSide,\n                            })}\n                        />\n                    )}\n                    {contentFormatter?.({ label, payload })}\n                </div>\n            );\n        }\n\n        return (\n            <div className={cn(styles.tooltip)} ref={ref}>\n                {arrow && (\n                    <span\n                        className={cn(styles.tooltipArrow, {\n                            [styles.tooltipArrowRight]: !tooltipArrowSide,\n                        })}\n                    />\n                )}\n                <ul className={cn(styles.tooltipList)}>\n                    <li className={cn(styles.tooltipItem)} style={labelStyle}>\n                        <Text\n                            view='primary-medium'\n                            tag='span'\n                            weight='medium'\n                            className={cn(styles.tooltipLabel)}\n                        >\n                            {labelFormatter ? labelFormatter(label) : label}\n                        </Text>\n                    </li>\n                    {payload.map((entry: PayloadProps) => {\n                        const data: SeriaProps | undefined = series.find(\n                            (d: SeriaProps) => d.properties.dataKey === entry.dataKey,\n                        );\n\n                        if (data?.hideTooltip || data?.hide) return null;\n\n                        return (\n                            <li\n                                className={cn(styles.tooltipItem)}\n                                key={entry.dataKey}\n                                style={{ color: entry.color }}\n                            >\n                                <Text\n                                    view='primary-medium'\n                                    tag='span'\n                                    weight='medium'\n                                    className={cn(styles.tooltipValue)}\n                                >\n                                    {entry?.formatter ? entry.formatter(entry.value) : entry.value}\n                                    {separator || ' '}\n                                </Text>\n                                <Text\n                                    view='secondary-large'\n                                    tag='span'\n                                    className={cn(styles.tooltipName)}\n                                >{`${entry.name}`}</Text>\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        );\n    },\n);\n"],"names":["forwardRef","React","cn","styles","Text"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/TooltipContent/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { type PayloadProps } from '../../types/payload.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type TooltipProps } from '../../types/tooltip.types';\n\nimport styles from './index.module.css';\n\nexport interface TooltipContentProps extends TooltipProps {\n    payload: PayloadProps[];\n    series: SeriaProps[];\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(\n    (\n        {\n            payload,\n            separator,\n            label,\n            tooltipArrowSide,\n            arrow,\n            series,\n            labelFormatter,\n            labelStyle,\n            contentFormatter,\n        },\n        ref,\n    ) => {\n        if (!label || payload.length === 0) return null;\n\n        if (typeof contentFormatter === 'function') {\n            return (\n                <div className={cn(styles.tooltip)} ref={ref}>\n                    {arrow && (\n                        <span\n                            className={cn(styles.tooltipArrow, {\n                                [styles.tooltipArrowRight]: !tooltipArrowSide,\n                            })}\n                        />\n                    )}\n                    {contentFormatter?.({ label, payload })}\n                </div>\n            );\n        }\n\n        return (\n            <div className={cn(styles.tooltip)} ref={ref}>\n                {arrow && (\n                    <span\n                        className={cn(styles.tooltipArrow, {\n                            [styles.tooltipArrowRight]: !tooltipArrowSide,\n                        })}\n                    />\n                )}\n                <ul className={cn(styles.tooltipList)}>\n                    <li className={cn(styles.tooltipItem)} style={labelStyle}>\n                        <TypographyText\n                            view='primary-medium'\n                            tag='span'\n                            weight='medium'\n                            className={cn(styles.tooltipLabel)}\n                        >\n                            {labelFormatter ? labelFormatter(label) : label}\n                        </TypographyText>\n                    </li>\n                    {payload.map((entry: PayloadProps) => {\n                        const data: SeriaProps | undefined = series.find(\n                            (d: SeriaProps) => d.properties.dataKey === entry.dataKey,\n                        );\n\n                        if (data?.hideTooltip || data?.hide) return null;\n\n                        return (\n                            <li\n                                className={cn(styles.tooltipItem)}\n                                key={entry.dataKey}\n                                style={{ color: entry.color }}\n                            >\n                                <TypographyText\n                                    view='primary-medium'\n                                    tag='span'\n                                    weight='medium'\n                                    className={cn(styles.tooltipValue)}\n                                >\n                                    {entry?.formatter ? entry.formatter(entry.value) : entry.value}\n                                    {separator || ' '}\n                                </TypographyText>\n                                <TypographyText\n                                    view='secondary-large'\n                                    tag='span'\n                                    className={cn(styles.tooltipName)}\n                                >{`${entry.name}`}</TypographyText>\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        );\n    },\n);\n"],"names":["forwardRef","React","cn","styles","TypographyText"],"mappings":"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"}

package/cssm/components/TooltipContent/index.module.css

@@ -1,14 +1,17 @@
 :root {
     --color-light-base-bg-primary: #fff;
     --color-light-neutral-400: #d2d3d9;
-} :root {
+}
+:root {
     --shadow-l:
         0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
         0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-} :root {
+}
+:root {
     --border-radius-m: 8px;
     --border-radius-8: var(--border-radius-m);
-} :root {
+}
+:root {
     --gap-s: 12px;
     --gap-m: 16px;
     --gap-3xs-neg: -2px;
@@ -17,7 +20,8 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
     --gap-2-neg: var(--gap-3xs-neg);
-} .tooltip {
+}
+.tooltip {
     background-color: var(--color-light-base-bg-primary);
     border: 1px solid var(--color-light-neutral-400);
     box-shadow: var(--shadow-l);
@@ -25,15 +29,18 @@
     padding: var(--gap-12) var(--gap-16);
     pointer-events: none;
     position: relative;
-} .tooltipList {
+}
+.tooltipList {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: var(--gap-0);
     margin: var(--gap-0);
-} .tooltipItem {
+}
+.tooltipItem {
     margin-bottom: var(--gap-10);
-} .tooltipArrow {
+}
+.tooltipArrow {
     position: absolute;
     left: var(--gap-0);
     top: 50%;
@@ -42,7 +49,8 @@
     height: 10px;
     border: 1px solid var(--color-light-neutral-400);
     background-color: var(--color-light-base-bg-primary);
-} .tooltipArrow:before {
+}
+.tooltipArrow:before {
     content: '';
     position: absolute;
     left: var(--gap-2-neg);
@@ -52,7 +60,8 @@
     border-style: solid;
     border-width: 0 14px 14px 0;
     border-color: transparent var(--color-light-base-bg-primary) transparent transparent;
-} .tooltipArrowRight {
+}
+.tooltipArrowRight {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/cssm/hoc/Customized.js

@@ -9,10 +9,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var CustomizedHOC = function (Component, options) {
-    var NewComponent = function (props) { return React__default.default.createElement(Component, tslib.__assign({}, props, options)); };
-    return NewComponent;
-};
+var CustomizedHOC = function (Component, options) { return function (props) {
+    var key = props.key, ref = props.ref, rest = tslib.__rest(props, ["key", "ref"]);
+    return React__default.default.createElement(Component, tslib.__assign({ key: key, ref: ref }, rest, options));
+}; };
 
 exports.CustomizedHOC = CustomizedHOC;
 //# sourceMappingURL=Customized.js.map

package/cssm/hoc/Customized.js.map

@@ -1 +1 @@
-{"version":3,"file":"Customized.js","sources":["../../src/hoc/Customized.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\nexport const CustomizedHOC = (Component: any, options: any) => {\n    const NewComponent = (props: any) => <Component {...props} {...options} />;\n\n    return NewComponent;\n};\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAGa,IAAA,aAAa,GAAG,UAAC,SAAc,EAAE,OAAY,EAAA;AACtD,IAAA,IAAM,YAAY,GAAG,UAAC,KAAU,IAAK,OAAAA,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAAC,cAAA,CAAA,EAAA,EAAK,KAAK,EAAM,OAAO,CAAI,CAAA,CAAA,EAAA;AAE1E,IAAA,OAAO,YAAY;AACvB;;;;"}
+{"version":3,"file":"Customized.js","sources":["../../src/hoc/Customized.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\nexport const CustomizedHOC = (Component: any, options: any) => (props: any) => {\n    const { key, ref, ...rest } = props;\n\n    return <Component key={key} ref={ref} {...rest} {...options} />;\n};\n"],"names":["__rest","React","__assign"],"mappings":";;;;;;;;;;;AAGa,IAAA,aAAa,GAAG,UAAC,SAAc,EAAE,OAAY,EAAA,EAAK,OAAA,UAAC,KAAU,EAAA;AAC9D,IAAA,IAAA,GAAG,GAAmB,KAAK,CAAxB,GAAA,EAAE,GAAG,GAAc,KAAK,CAAnB,GAAA,EAAK,IAAI,GAAKA,YAAA,CAAA,KAAK,EAA7B,CAAA,KAAA,EAAA,KAAA,CAAqB,CAAF;AAEzB,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,SAAS,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAM,EAAA,IAAI,EAAM,OAAO,EAAI;AACnE,CAAC,CAAA;;;;"}

package/cssm/index.module.css

@@ -1,15 +1,29 @@
 :root {
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
-} .coreChart :global(.recharts-line path) {
+}
+:root {
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+}
+.coreChart :global(.recharts-line path) {
         transition: d 0.2s ease-out;
-    } .coreChart :global(.recharts-text tspan) {
+    }
+.coreChart :global(.recharts-text tspan) {
         fill: var(--color-light-text-primary);
+
         font-size: 16px;
-        line-height: 22px;
-    } .bar {
+
+        line-height: 20px;
+
+        font-weight: 400;
+
+        font-family: var(--font-family-system);
+    }
+.bar {
     transition:
         opacity 0.2s ease-out,
         d 0.2s ease-out;
-} .unfocused {
+}
+.unfocused {
     opacity: 0.3;
 }

package/esm/components/Dot/index.css

@@ -1,18 +1,18 @@
-.chart__dotUnfocused_13f6m {
+.chart__dotUnfocused_y0dx1 {
     opacity: 0.3;
 }
 
-.chart__dot_13f6m,
-.chart__dotItem_13f6m,
-.chart__dotWrap_13f6m {
+.chart__dot_y0dx1,
+.chart__dotItem_y0dx1,
+.chart__dotWrap_y0dx1 {
     transition: all 0.2s ease;
 }
 
-.chart__dot_13f6m {
-    animation: chart__showDot_13f6m 0.5s ease;
+.chart__dot_y0dx1 {
+    animation: chart__showDot_y0dx1 0.5s ease;
 }
 
-@keyframes chart__showDot_13f6m {
+@keyframes chart__showDot_y0dx1 {
     from {
         opacity: 0;
     }