@semcore/mini-chart 17.2.1 → 17.2.2-prerelease.4

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.2.2] - 2026-09-04
+
+### Fixed
+
+- Base background for Score Line and Donut have become darker.
+
 ## [17.2.1] - 2026-06-26
 
 ### Fixed

package/lib/cjs/component/score/Donut.js

@@ -14,17 +14,17 @@ var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
 var _react = _interopRequireDefault(require("react"));
 var _ScoreDonutUtils = require("../../utils/ScoreDonutUtils");
 /*!__reshadow-styles__:"./donut.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1l7e9_gg_.__loading_1l7e9_gg_,.___SLineGauge_1l7e9_gg_.__loading_1l7e9_gg_,.___STrendBar_1l7e9_gg_.__loading_1l7e9_gg_,.___STrendLine_1l7e9_gg_.__loading_1l7e9_gg_{animation-name:pulse_1l7e9;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1l7e9{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SDonutContainer_1l7e9_gg_.__semi_1l7e9_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1l7e9_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1l7e9_gg_.__animate_1l7e9_gg_ circle{transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out}", /*__inner_css_end__*/"1l7e9_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_fpn7q_gg_.__loading_fpn7q_gg_,.___SLineGauge_fpn7q_gg_.__loading_fpn7q_gg_,.___STrendBar_fpn7q_gg_.__loading_fpn7q_gg_,.___STrendLine_fpn7q_gg_.__loading_fpn7q_gg_{animation-name:pulse_fpn7q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_fpn7q{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SDonutContainer_fpn7q_gg_.__semi_fpn7q_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_fpn7q_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_fpn7q_gg_.__animate_fpn7q_gg_ circle{transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out}", /*__inner_css_end__*/"fpn7q_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1l7e9_gg_",
-  "_loading": "__loading_1l7e9_gg_",
-  "__SDonutContainer": "___SDonutContainer_1l7e9_gg_",
-  "__STrendLine": "___STrendLine_1l7e9_gg_",
-  "__STrendBar": "___STrendBar_1l7e9_gg_",
-  "@pulse": "pulse_1l7e9",
-  "_animate": "__animate_1l7e9_gg_",
-  "_semi": "__semi_1l7e9_gg_"
+  "__SLineGauge": "___SLineGauge_fpn7q_gg_",
+  "_loading": "__loading_fpn7q_gg_",
+  "__SDonutContainer": "___SDonutContainer_fpn7q_gg_",
+  "__STrendLine": "___STrendLine_fpn7q_gg_",
+  "__STrendBar": "___STrendBar_fpn7q_gg_",
+  "@pulse": "pulse_fpn7q",
+  "_animate": "__animate_fpn7q_gg_",
+  "_semi": "__semi_fpn7q_gg_"
 });
 class DonutRoot extends _core.Component {
   render() {

package/lib/cjs/component/score/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["_core","require","_baseComponents","_ariaProps","_resolveColorEnhance","_interopRequireDefault","_useCssVariable","_react","_ScoreDonutUtils","style","sstyled","insert","DonutRoot","Component","render","_ref","asProps","_ref2","SDonutContainer","Box","value","styles","baseBgColor","color","resolveColor","isSemiDonut","loading","animate","duration","scoreDonut","ScoreDonutUtils","__excludeProps","extractedAriaProps","extractAriaProps","default","createElement","cn","assignProps","viewBox","radius","strokeWidth","undefined","baseLength","fullLength","baseOffset","Fragment","animatedBaseLengthFrom","animatedBaseLengthTo","startMargin","valueLength","_defineProperty2","cssVariableEnhance","variable","fallback","map","v","Number","parseInt","toString","prop","resolveColorEnhance","ScoreDonut","exports","createComponent","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, Root, sstyled, assignProps } from '@semcore/core';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport React from 'react';\n\nimport style from './donut.shadow.css';\nimport type { CommonScoreProps } from './Score';\nimport { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype ScoreDonutDefaultProps = {\n  animate: true;\n};\n\ntype ScoreDonutComponent = Intergalactic.Component<'svg', ScoreDonutProps, {}, typeof DonutRoot.enhance>;\nclass DonutRoot extends Component<\n  ScoreDonutProps,\n  typeof DonutRoot.enhance,\n  {},\n  {},\n  {},\n  ScoreDonutDefaultProps\n> {\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-extra-slow',\n      fallback: '500',\n      map: (v: string) => Number.parseInt(v, 10).toString(),\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  } as const;\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n      animate,\n      duration,\n    } = this.asProps;\n\n    const scoreDonut = new ScoreDonutUtils(value, isSemiDonut);\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={scoreDonut.viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={scoreDonut.radius}\n              strokeWidth={scoreDonut.strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading\n                  ? undefined\n                  : `${scoreDonut.baseLength} ${scoreDonut.fullLength}`\n              }\n              strokeDashoffset={scoreDonut.baseOffset}\n            >\n              {animate && value > 0 && (\n                <>\n                  <animate\n                    attributeName='stroke-dasharray'\n                    from={`${scoreDonut.animatedBaseLengthFrom} ${scoreDonut.fullLength}`}\n                    to={`${scoreDonut.animatedBaseLengthTo} ${scoreDonut.fullLength}`}\n                    dur={duration + 'ms'}\n                  />\n                  <animate\n                    attributeName='stroke-dashoffset'\n                    from={-1 * scoreDonut.startMargin}\n                    to={scoreDonut.baseOffset}\n                    dur={duration + 'ms'}\n                  />\n                </>\n              )}\n            </circle>\n            {!loading && value > 0 && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={scoreDonut.radius}\n                  strokeWidth={scoreDonut.strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                >\n                  {animate && (\n                    <animate\n                      attributeName='stroke-dasharray'\n                      from={`0 ${scoreDonut.fullLength}`}\n                      to={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                      dur={duration + 'ms'}\n                    />\n                  )}\n                </circle>\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\n/**\n * MiniCharts.ScoreDount\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}\n */\nexport const ScoreDonut = createComponent<\n  ScoreDonutComponent,\n  typeof DonutRoot\n>(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\n/**\n * MiniCharts.ScoreSemiDount\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}\n */\nexport const ScoreSemiDonut = createComponent<\n  ScoreDonutComponent,\n  typeof DonutRoot\n>(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Donut.js","names":["_core","require","_baseComponents","_ariaProps","_resolveColorEnhance","_interopRequireDefault","_useCssVariable","_react","_ScoreDonutUtils","style","sstyled","insert","DonutRoot","Component","render","_ref","asProps","_ref2","SDonutContainer","Box","value","styles","baseBgColor","color","resolveColor","isSemiDonut","loading","animate","duration","scoreDonut","ScoreDonutUtils","__excludeProps","extractedAriaProps","extractAriaProps","default","createElement","cn","assignProps","viewBox","radius","strokeWidth","undefined","baseLength","fullLength","baseOffset","Fragment","animatedBaseLengthFrom","animatedBaseLengthTo","startMargin","valueLength","_defineProperty2","cssVariableEnhance","variable","fallback","map","v","Number","parseInt","toString","prop","resolveColorEnhance","ScoreDonut","exports","createComponent","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, Root, sstyled, assignProps } from '@semcore/core';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport React from 'react';\n\nimport style from './donut.shadow.css';\nimport type { CommonScoreProps } from './Score';\nimport { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';\n\nexport type ScoreDonutProps = NSBox.Props & CommonScoreProps;\n\ntype ScoreDonutDefaultProps = {\n  animate: true;\n};\n\ntype ScoreDonutComponent = Intergalactic.Component<'svg', ScoreDonutProps, {}, typeof DonutRoot.enhance>;\nclass DonutRoot extends Component<\n  ScoreDonutProps,\n  typeof DonutRoot.enhance,\n  {},\n  {},\n  {},\n  ScoreDonutDefaultProps\n> {\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-extra-slow',\n      fallback: '500',\n      map: (v: string) => Number.parseInt(v, 10).toString(),\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  } as const;\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n      animate,\n      duration,\n    } = this.asProps;\n\n    const scoreDonut = new ScoreDonutUtils(value, isSemiDonut);\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={scoreDonut.viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={scoreDonut.radius}\n              strokeWidth={scoreDonut.strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading\n                  ? undefined\n                  : `${scoreDonut.baseLength} ${scoreDonut.fullLength}`\n              }\n              strokeDashoffset={scoreDonut.baseOffset}\n            >\n              {animate && value > 0 && (\n                <>\n                  <animate\n                    attributeName='stroke-dasharray'\n                    from={`${scoreDonut.animatedBaseLengthFrom} ${scoreDonut.fullLength}`}\n                    to={`${scoreDonut.animatedBaseLengthTo} ${scoreDonut.fullLength}`}\n                    dur={duration + 'ms'}\n                  />\n                  <animate\n                    attributeName='stroke-dashoffset'\n                    from={-1 * scoreDonut.startMargin}\n                    to={scoreDonut.baseOffset}\n                    dur={duration + 'ms'}\n                  />\n                </>\n              )}\n            </circle>\n            {!loading && value > 0 && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={scoreDonut.radius}\n                  strokeWidth={scoreDonut.strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                >\n                  {animate && (\n                    <animate\n                      attributeName='stroke-dasharray'\n                      from={`0 ${scoreDonut.fullLength}`}\n                      to={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                      dur={duration + 'ms'}\n                    />\n                  )}\n                </circle>\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\n/**\n * MiniCharts.ScoreDount\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}\n */\nexport const ScoreDonut = createComponent<\n  ScoreDonutComponent,\n  typeof DonutRoot\n>(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\n/**\n * MiniCharts.ScoreSemiDount\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}\n */\nexport const ScoreSemiDonut = createComponent<\n  ScoreDonutComponent,\n  typeof DonutRoot\n>(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/component/score/Line.js

@@ -11,26 +11,26 @@ var _baseComponents = require("@semcore/base-components");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./line.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1wpnk_gg_.__loading_1wpnk_gg_,.___SLineGauge_1wpnk_gg_.__loading_1wpnk_gg_,.___STrendBar_1wpnk_gg_.__loading_1wpnk_gg_,.___STrendLine_1wpnk_gg_.__loading_1wpnk_gg_{animation-name:pulse_1wpnk;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1wpnk{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SLineGauge_1wpnk_gg_{height:8px;background-color:var(--base-bg-color_1wpnk,var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.96 .001 180)));border-radius:var(--intergalactic-chart-rounded,2px);overflow:hidden;position:relative}.___SLineValue_1wpnk_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded,2px) 0 0 var(--intergalactic-chart-rounded,2px)}.___SLineValue_1wpnk_gg_.__percent_1wpnk_gg_{width:var(--percent_1wpnk)}.___SLineSegmentItem_1wpnk_gg_.__color_1wpnk_gg_,.___SLineValue_1wpnk_gg_.__color_1wpnk_gg_{background-color:var(--color_1wpnk,var(--intergalactic-chart-palette-order-1,oklch(.58 .168 278.2)))}.___SLineGauge_1wpnk_gg_.__segments_1wpnk_gg_{border-radius:var(--intergalactic-progress-bar-rounded,6px)}.___SAnimationLine_1wpnk_gg_,.___SLineGaugeSegment_1wpnk_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1wpnk_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1wpnk_gg_{height:8px;background:#0000;border-right:1px solid var(--intergalactic-chart-grid-border,#fff);box-sizing:initial}.___SAnimationLine_1wpnk_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.96 .001 180));transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out;animation-name:move-line_1wpnk;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes move-line_1wpnk{0%{transform:translateX(0)}to{transform:translateX(100%)}}", /*__inner_css_end__*/"1wpnk_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1x91g_gg_.__loading_1x91g_gg_,.___SLineGauge_1x91g_gg_.__loading_1x91g_gg_,.___STrendBar_1x91g_gg_.__loading_1x91g_gg_,.___STrendLine_1x91g_gg_.__loading_1x91g_gg_{animation-name:pulse_1x91g;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1x91g{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SLineGauge_1x91g_gg_{height:8px;background-color:var(--base-bg-color_1x91g,var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.88 .002 175.6)));border-radius:var(--intergalactic-chart-rounded,2px);overflow:hidden;position:relative}.___SLineValue_1x91g_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded,2px) 0 0 var(--intergalactic-chart-rounded,2px)}.___SLineValue_1x91g_gg_.__percent_1x91g_gg_{width:var(--percent_1x91g)}.___SLineSegmentItem_1x91g_gg_.__color_1x91g_gg_,.___SLineValue_1x91g_gg_.__color_1x91g_gg_{background-color:var(--color_1x91g,var(--intergalactic-chart-palette-order-1,oklch(.58 .168 278.2)))}.___SLineGauge_1x91g_gg_.__segments_1x91g_gg_{border-radius:var(--intergalactic-progress-bar-rounded,6px)}.___SAnimationLine_1x91g_gg_,.___SLineGaugeSegment_1x91g_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1x91g_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1x91g_gg_{height:8px;background:#0000;border-right:1px solid var(--intergalactic-chart-grid-border,#fff);box-sizing:initial}.___SAnimationLine_1x91g_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.88 .002 175.6));transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out;animation-name:move-line_1x91g;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes move-line_1x91g{0%{transform:translateX(0)}to{transform:translateX(100%)}}", /*__inner_css_end__*/"1x91g_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1wpnk_gg_",
-  "_loading": "__loading_1wpnk_gg_",
-  "__SDonutContainer": "___SDonutContainer_1wpnk_gg_",
-  "__STrendLine": "___STrendLine_1wpnk_gg_",
-  "__STrendBar": "___STrendBar_1wpnk_gg_",
-  "@pulse": "pulse_1wpnk",
-  "--base-bg-color": "--base-bg-color_1wpnk",
-  "__SLineValue": "___SLineValue_1wpnk_gg_",
-  "_percent": "__percent_1wpnk_gg_",
-  "--percent": "--percent_1wpnk",
-  "_color": "__color_1wpnk_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_1wpnk_gg_",
-  "--color": "--color_1wpnk",
-  "_segments": "__segments_1wpnk_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_1wpnk_gg_",
-  "__SAnimationLine": "___SAnimationLine_1wpnk_gg_",
-  "@move-line": "move-line_1wpnk"
+  "__SLineGauge": "___SLineGauge_1x91g_gg_",
+  "_loading": "__loading_1x91g_gg_",
+  "__SDonutContainer": "___SDonutContainer_1x91g_gg_",
+  "__STrendLine": "___STrendLine_1x91g_gg_",
+  "__STrendBar": "___STrendBar_1x91g_gg_",
+  "@pulse": "pulse_1x91g",
+  "--base-bg-color": "--base-bg-color_1x91g",
+  "__SLineValue": "___SLineValue_1x91g_gg_",
+  "_percent": "__percent_1x91g_gg_",
+  "--percent": "--percent_1x91g",
+  "_color": "__color_1x91g_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1x91g_gg_",
+  "--color": "--color_1x91g",
+  "_segments": "__segments_1x91g_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1x91g_gg_",
+  "__SAnimationLine": "___SAnimationLine_1x91g_gg_",
+  "@move-line": "move-line_1x91g"
 });
 class LineRoot extends _core.Component {
   getSegmentProps(segmentProps) {

package/lib/cjs/component/score/Line.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.types.js","names":[],"sources":["../../../../src/component/score/Line.types.ts"],"sourcesContent":["import type { BoxProps, Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport type React from 'react';\n\nimport type { CommonScoreProps } from './Score';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n  ? Acc[number]\n  : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\nexport type SegmentColor = `chart-palette-order-${Range<1, 24>}`;\n\nexport type SegmentProps = {\n  value: number;\n  /**\n   * Color of value\n   */\n  color: SegmentColor;\n};\n\ntype SegmentComponent = React.FC<SegmentProps>;\n\nexport type InnerSegmentProps = SegmentProps & {\n  styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\ntype ValuedScoreProps = {\n  /**\n   * Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: SegmentColor;\n  /**\n   * Count of line segments\n   */\n  segments?: number;\n  /**\n   * We don't accept children in this way\n   */\n  children?: never;\n};\n\ntype CustomRenderScoreProps = {\n  value?: never;\n  segments?: never;\n  color?: never;\n  children: SegmentComponent[];\n};\n\nexport type ScoreLineGaugeProps = BoxProps &\n  Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> &\n  (ValuedScoreProps | CustomRenderScoreProps);\n\nexport type ScoreLineGaugeDefaultProps = {\n  animate: true;\n};\n\nexport type Enhances = [() => {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n}];\n\nexport type ScoreLineComponent = Intergalactic.Component<'svg', ScoreLineGaugeProps, {}, Enhances> & {\n  Segment: Intergalactic.Component<typeof Box, SegmentProps>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Line.types.js","names":[],"sources":["../../../../src/component/score/Line.types.ts"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport type React from 'react';\n\nimport type { CommonScoreProps } from './Score';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n  ? Acc[number]\n  : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\nexport type SegmentColor = `chart-palette-order-${Range<1, 24>}`;\n\nexport type SegmentProps = {\n  value: number;\n  /**\n   * Color of value\n   */\n  color: SegmentColor;\n};\n\ntype SegmentComponent = React.FC<SegmentProps>;\n\nexport type InnerSegmentProps = SegmentProps & {\n  styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\ntype ValuedScoreProps = {\n  /**\n   * Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: SegmentColor;\n  /**\n   * Count of line segments\n   */\n  segments?: number;\n  /**\n   * We don't accept children in this way\n   */\n  children?: never;\n};\n\ntype CustomRenderScoreProps = {\n  value?: never;\n  segments?: never;\n  color?: never;\n  children: SegmentComponent[];\n};\n\nexport type ScoreLineGaugeProps = NSBox.Props &\n  Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> &\n  (ValuedScoreProps | CustomRenderScoreProps);\n\nexport type ScoreLineGaugeDefaultProps = {\n  animate: true;\n};\n\nexport type Enhances = [() => {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n}];\n\nexport type ScoreLineComponent = Intergalactic.Component<'svg', ScoreLineGaugeProps, {}, Enhances> & {\n  Segment: Intergalactic.Component<NSBox.Component, SegmentProps>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/component/score/line.shadow.css

@@ -2,7 +2,7 @@
 
 SLineGauge {
   height: 8px;
-  background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180)));
+  background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.88 0.002 175.6)));
   border-radius: var(--intergalactic-chart-rounded, 2px);
   overflow: hidden;
   position: relative;
@@ -48,7 +48,7 @@ SLineSegmentItem {
 }
 
 SAnimationLine {
-  background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180));
+  background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.88 0.002 175.6));
   transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
   animation-name: move-line;
   animation-duration: 0.5s;

package/lib/cjs/component/trend/Bar.js

@@ -13,15 +13,15 @@ var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/uti
 var _react = _interopRequireDefault(require("react"));
 var _Trend = require("./Trend");
 /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_388nl_gg_.__loading_388nl_gg_,.___SLineGauge_388nl_gg_.__loading_388nl_gg_,.___STrendBar_388nl_gg_.__loading_388nl_gg_,.___STrendLine_388nl_gg_.__loading_388nl_gg_{animation-name:pulse_388nl;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_388nl{0%{opacity:1}50%{opacity:.4}to{opacity:1}}", /*__inner_css_end__*/"388nl_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1dzd1_gg_.__loading_1dzd1_gg_,.___SLineGauge_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendBar_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendLine_1dzd1_gg_.__loading_1dzd1_gg_{animation-name:pulse_1dzd1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1dzd1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}", /*__inner_css_end__*/"1dzd1_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_388nl_gg_",
-  "_loading": "__loading_388nl_gg_",
-  "__SDonutContainer": "___SDonutContainer_388nl_gg_",
-  "__STrendLine": "___STrendLine_388nl_gg_",
-  "__STrendBar": "___STrendBar_388nl_gg_",
-  "@pulse": "pulse_388nl"
+  "__SLineGauge": "___SLineGauge_1dzd1_gg_",
+  "_loading": "__loading_1dzd1_gg_",
+  "__SDonutContainer": "___SDonutContainer_1dzd1_gg_",
+  "__STrendLine": "___STrendLine_1dzd1_gg_",
+  "__STrendBar": "___STrendBar_1dzd1_gg_",
+  "@pulse": "pulse_1dzd1"
 });
 class TrendBarRoot extends _Trend.Trend {
   get defaultData() {

package/lib/cjs/component/trend/Line.js

@@ -14,15 +14,15 @@ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID
 var _react = _interopRequireDefault(require("react"));
 var _Trend = require("./Trend");
 /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_388nl_gg_.__loading_388nl_gg_,.___SLineGauge_388nl_gg_.__loading_388nl_gg_,.___STrendBar_388nl_gg_.__loading_388nl_gg_,.___STrendLine_388nl_gg_.__loading_388nl_gg_{animation-name:pulse_388nl;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_388nl{0%{opacity:1}50%{opacity:.4}to{opacity:1}}", /*__inner_css_end__*/"388nl_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1dzd1_gg_.__loading_1dzd1_gg_,.___SLineGauge_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendBar_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendLine_1dzd1_gg_.__loading_1dzd1_gg_{animation-name:pulse_1dzd1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1dzd1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}", /*__inner_css_end__*/"1dzd1_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_388nl_gg_",
-  "_loading": "__loading_388nl_gg_",
-  "__SDonutContainer": "___SDonutContainer_388nl_gg_",
-  "__STrendLine": "___STrendLine_388nl_gg_",
-  "__STrendBar": "___STrendBar_388nl_gg_",
-  "@pulse": "pulse_388nl"
+  "__SLineGauge": "___SLineGauge_1dzd1_gg_",
+  "_loading": "__loading_1dzd1_gg_",
+  "__SDonutContainer": "___SDonutContainer_1dzd1_gg_",
+  "__STrendLine": "___STrendLine_1dzd1_gg_",
+  "__STrendBar": "___STrendBar_1dzd1_gg_",
+  "@pulse": "pulse_1dzd1"
 });
 class TrendLineRoot extends _Trend.Trend {
   get defaultData() {

package/lib/cjs/component/trend/Trend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trend.js","names":["_core","require","_react","_interopRequireDefault","Trend","Component","constructor","args","_defineProperty2","default","width","height","React","createRef","componentDidMount","setSizes","componentDidUpdate","prevProps","w","props","h","data","defaultWidth","state","defaultHeight","svgWidth","svgHeight","containerRef","current","boundingClientRect","getBoundingClientRect","setState","exports"],"sources":["../../../../src/component/trend/Trend.tsx"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Component } from '@semcore/core';\nimport React from 'react';\n\nexport type CommonTrendProps = BoxProps & {\n  /**\n   * Flag to enable animate of charts\n   * @default true\n   */\n  animate?: boolean;\n\n  /**\n   * Flag to enable skeleton\n   * @default false\n   */\n  loading?: boolean;\n\n  /**\n   * Data for chart\n   */\n  data: any[];\n};\n\ntype CommonTrendState = { width: number; height: number };\n\nexport abstract class Trend<\n  P extends CommonTrendProps,\n  E extends readonly ((...args: any[]) => any)[],\n  DP extends Intergalactic.InternalTypings.ValidDefaultProps<DP, P> = never,\n> extends Component<P, E, Readonly<{}>, {}, CommonTrendState, DP> {\n  state = {\n    width: 200,\n    height: 100,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n\n  componentDidMount() {\n    this.setSizes();\n  }\n\n  componentDidUpdate(prevProps: P) {\n    if (\n      prevProps.w !== this.props.w ||\n      prevProps.h !== this.props.h ||\n      prevProps.data !== this.props.data\n    ) {\n      this.setSizes();\n    }\n  }\n\n  get defaultWidth(): number {\n    const { width, height } = this.state;\n\n    return (width / height) * this.defaultHeight;\n  }\n\n  get defaultHeight(): number {\n    return 100;\n  }\n\n  get svgWidth(): number {\n    return this.defaultWidth;\n  }\n\n  get svgHeight(): number {\n    return this.defaultHeight;\n  }\n\n  setSizes() {\n    if (this.containerRef.current) {\n      const boundingClientRect = this.containerRef.current.getBoundingClientRect();\n\n      const { width, height } = boundingClientRect;\n\n      if (width > 0 && height > 0) {\n        this.setState({ width, height });\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAuBO,MAAeG,KAAK,SAIjBC,eAAS,CAA+C;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,iBACxD;MACNC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE;IACV,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,qCAEcG,cAAK,CAACC,SAAS,CAAiB,CAAC;EAAA;EAEhDC,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACC,QAAQ,CAAC,CAAC;EACjB;EAEAC,kBAAkBA,CAACC,SAAY,EAAE;IAC/B,IACEA,SAAS,CAACC,CAAC,KAAK,IAAI,CAACC,KAAK,CAACD,CAAC,IAC5BD,SAAS,CAACG,CAAC,KAAK,IAAI,CAACD,KAAK,CAACC,CAAC,IAC5BH,SAAS,CAACI,IAAI,KAAK,IAAI,CAACF,KAAK,CAACE,IAAI,EAClC;MACA,IAAI,CAACN,QAAQ,CAAC,CAAC;IACjB;EACF;EAEA,IAAIO,YAAYA,CAAA,EAAW;IACzB,MAAM;MAAEZ,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACY,KAAK;IAEpC,OAAQb,KAAK,GAAGC,MAAM,GAAI,IAAI,CAACa,aAAa;EAC9C;EAEA,IAAIA,aAAaA,CAAA,EAAW;IAC1B,OAAO,GAAG;EACZ;EAEA,IAAIC,QAAQA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACH,YAAY;EAC1B;EAEA,IAAII,SAASA,CAAA,EAAW;IACtB,OAAO,IAAI,CAACF,aAAa;EAC3B;EAEAT,QAAQA,CAAA,EAAG;IACT,IAAI,IAAI,CAACY,YAAY,CAACC,OAAO,EAAE;MAC7B,MAAMC,kBAAkB,GAAG,IAAI,CAACF,YAAY,CAACC,OAAO,CAACE,qBAAqB,CAAC,CAAC;MAE5E,MAAM;QAAEpB,KAAK;QAAEC;MAAO,CAAC,GAAGkB,kBAAkB;MAE5C,IAAInB,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,EAAE;QAC3B,IAAI,CAACoB,QAAQ,CAAC;UAAErB,KAAK;UAAEC;QAAO,CAAC,CAAC;MAClC;IACF;EACF;AACF;AAACqB,OAAA,CAAA5B,KAAA,GAAAA,KAAA","ignoreList":[]}
+{"version":3,"file":"Trend.js","names":["_core","require","_react","_interopRequireDefault","Trend","Component","constructor","args","_defineProperty2","default","width","height","React","createRef","componentDidMount","setSizes","componentDidUpdate","prevProps","w","props","h","data","defaultWidth","state","defaultHeight","svgWidth","svgHeight","containerRef","current","boundingClientRect","getBoundingClientRect","setState","exports"],"sources":["../../../../src/component/trend/Trend.tsx"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Component } from '@semcore/core';\nimport React from 'react';\n\nexport type CommonTrendProps = NSBox.Props & {\n  /**\n   * Flag to enable animate of charts\n   * @default true\n   */\n  animate?: boolean;\n\n  /**\n   * Flag to enable skeleton\n   * @default false\n   */\n  loading?: boolean;\n\n  /**\n   * Data for chart\n   */\n  data: any[];\n};\n\ntype CommonTrendState = { width: number; height: number };\n\nexport abstract class Trend<\n  P extends CommonTrendProps,\n  E extends readonly ((...args: any[]) => any)[],\n  DP extends Intergalactic.InternalTypings.ValidDefaultProps<DP, P> = never,\n> extends Component<P, E, Readonly<{}>, {}, CommonTrendState, DP> {\n  state = {\n    width: 200,\n    height: 100,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n\n  componentDidMount() {\n    this.setSizes();\n  }\n\n  componentDidUpdate(prevProps: P) {\n    if (\n      prevProps.w !== this.props.w ||\n      prevProps.h !== this.props.h ||\n      prevProps.data !== this.props.data\n    ) {\n      this.setSizes();\n    }\n  }\n\n  get defaultWidth(): number {\n    const { width, height } = this.state;\n\n    return (width / height) * this.defaultHeight;\n  }\n\n  get defaultHeight(): number {\n    return 100;\n  }\n\n  get svgWidth(): number {\n    return this.defaultWidth;\n  }\n\n  get svgHeight(): number {\n    return this.defaultHeight;\n  }\n\n  setSizes() {\n    if (this.containerRef.current) {\n      const boundingClientRect = this.containerRef.current.getBoundingClientRect();\n\n      const { width, height } = boundingClientRect;\n\n      if (width > 0 && height > 0) {\n        this.setState({ width, height });\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAuBO,MAAeG,KAAK,SAIjBC,eAAS,CAA+C;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,iBACxD;MACNC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE;IACV,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,qCAEcG,cAAK,CAACC,SAAS,CAAiB,CAAC;EAAA;EAEhDC,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACC,QAAQ,CAAC,CAAC;EACjB;EAEAC,kBAAkBA,CAACC,SAAY,EAAE;IAC/B,IACEA,SAAS,CAACC,CAAC,KAAK,IAAI,CAACC,KAAK,CAACD,CAAC,IAC5BD,SAAS,CAACG,CAAC,KAAK,IAAI,CAACD,KAAK,CAACC,CAAC,IAC5BH,SAAS,CAACI,IAAI,KAAK,IAAI,CAACF,KAAK,CAACE,IAAI,EAClC;MACA,IAAI,CAACN,QAAQ,CAAC,CAAC;IACjB;EACF;EAEA,IAAIO,YAAYA,CAAA,EAAW;IACzB,MAAM;MAAEZ,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACY,KAAK;IAEpC,OAAQb,KAAK,GAAGC,MAAM,GAAI,IAAI,CAACa,aAAa;EAC9C;EAEA,IAAIA,aAAaA,CAAA,EAAW;IAC1B,OAAO,GAAG;EACZ;EAEA,IAAIC,QAAQA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACH,YAAY;EAC1B;EAEA,IAAII,SAASA,CAAA,EAAW;IACtB,OAAO,IAAI,CAACF,aAAa;EAC3B;EAEAT,QAAQA,CAAA,EAAG;IACT,IAAI,IAAI,CAACY,YAAY,CAACC,OAAO,EAAE;MAC7B,MAAMC,kBAAkB,GAAG,IAAI,CAACF,YAAY,CAACC,OAAO,CAACE,qBAAqB,CAAC,CAAC;MAE5E,MAAM;QAAEpB,KAAK;QAAEC;MAAO,CAAC,GAAGkB,kBAAkB;MAE5C,IAAInB,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,EAAE;QAC3B,IAAI,CAACoB,QAAQ,CAAC;UAAErB,KAAK;UAAEC;QAAO,CAAC,CAAC;MAClC;IACF;EACF;AACF;AAACqB,OAAA,CAAA5B,KAAA,GAAAA,KAAA","ignoreList":[]}

package/lib/es6/component/score/Donut.js

@@ -8,17 +8,17 @@ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEn
 import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
 import React from 'react';
 /*!__reshadow-styles__:"./donut.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1l7e9_gg_.__loading_1l7e9_gg_,.___SLineGauge_1l7e9_gg_.__loading_1l7e9_gg_,.___STrendBar_1l7e9_gg_.__loading_1l7e9_gg_,.___STrendLine_1l7e9_gg_.__loading_1l7e9_gg_{animation-name:pulse_1l7e9;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1l7e9{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SDonutContainer_1l7e9_gg_.__semi_1l7e9_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1l7e9_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1l7e9_gg_.__animate_1l7e9_gg_ circle{transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out}", /*__inner_css_end__*/"1l7e9_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_fpn7q_gg_.__loading_fpn7q_gg_,.___SLineGauge_fpn7q_gg_.__loading_fpn7q_gg_,.___STrendBar_fpn7q_gg_.__loading_fpn7q_gg_,.___STrendLine_fpn7q_gg_.__loading_fpn7q_gg_{animation-name:pulse_fpn7q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_fpn7q{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SDonutContainer_fpn7q_gg_.__semi_fpn7q_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_fpn7q_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_fpn7q_gg_.__animate_fpn7q_gg_ circle{transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out}", /*__inner_css_end__*/"fpn7q_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1l7e9_gg_",
-  "_loading": "__loading_1l7e9_gg_",
-  "__SDonutContainer": "___SDonutContainer_1l7e9_gg_",
-  "__STrendLine": "___STrendLine_1l7e9_gg_",
-  "__STrendBar": "___STrendBar_1l7e9_gg_",
-  "@pulse": "pulse_1l7e9",
-  "_animate": "__animate_1l7e9_gg_",
-  "_semi": "__semi_1l7e9_gg_"
+  "__SLineGauge": "___SLineGauge_fpn7q_gg_",
+  "_loading": "__loading_fpn7q_gg_",
+  "__SDonutContainer": "___SDonutContainer_fpn7q_gg_",
+  "__STrendLine": "___STrendLine_fpn7q_gg_",
+  "__STrendBar": "___STrendBar_fpn7q_gg_",
+  "@pulse": "pulse_fpn7q",
+  "_animate": "__animate_fpn7q_gg_",
+  "_semi": "__semi_fpn7q_gg_"
 });
 import { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';
 class DonutRoot extends Component {

package/lib/es6/component/score/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["Box","createComponent","Component","Root","sstyled","assignProps","extractAriaProps","resolveColorEnhance","cssVariableEnhance","React","style","_sstyled","insert","ScoreDonutUtils","DonutRoot","render","_ref","asProps","_ref2","SDonutContainer","value","styles","baseBgColor","color","resolveColor","isSemiDonut","loading","animate","duration","scoreDonut","__excludeProps","extractedAriaProps","createElement","cn","_assignProps","viewBox","radius","strokeWidth","undefined","baseLength","fullLength","baseOffset","Fragment","animatedBaseLengthFrom","animatedBaseLengthTo","startMargin","valueLength","_defineProperty","variable","fallback","map","v","Number","parseInt","toString","prop","ScoreDonut","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, Root, sstyled, assignProps } from '@semcore/core';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport React from 'react';\n\nimport style from './donut.shadow.css';\nimport type { CommonScoreProps } from './Score';\nimport { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype ScoreDonutDefaultProps = {\n  animate: true;\n};\n\ntype ScoreDonutComponent = Intergalactic.Component<'svg', ScoreDonutProps, {}, typeof DonutRoot.enhance>;\nclass DonutRoot extends Component<\n  ScoreDonutProps,\n  typeof DonutRoot.enhance,\n  {},\n  {},\n  {},\n  ScoreDonutDefaultProps\n> {\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-extra-slow',\n      fallback: '500',\n      map: (v: string) => Number.parseInt(v, 10).toString(),\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  } as const;\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n      animate,\n      duration,\n    } = this.asProps;\n\n    const scoreDonut = new ScoreDonutUtils(value, isSemiDonut);\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={scoreDonut.viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={scoreDonut.radius}\n              strokeWidth={scoreDonut.strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading\n                  ? undefined\n                  : `${scoreDonut.baseLength} ${scoreDonut.fullLength}`\n              }\n              strokeDashoffset={scoreDonut.baseOffset}\n            >\n              {animate && value > 0 && (\n                <>\n                  <animate\n                    attributeName='stroke-dasharray'\n                    from={`${scoreDonut.animatedBaseLengthFrom} ${scoreDonut.fullLength}`}\n                    to={`${scoreDonut.animatedBaseLengthTo} ${scoreDonut.fullLength}`}\n                    dur={duration + 'ms'}\n                  />\n                  <animate\n                    attributeName='stroke-dashoffset'\n                    from={-1 * scoreDonut.startMargin}\n                    to={scoreDonut.baseOffset}\n                    dur={duration + 'ms'}\n                  />\n                </>\n              )}\n            </circle>\n            {!loading && value > 0 && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={scoreDonut.radius}\n                  strokeWidth={scoreDonut.strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                >\n                  {animate && (\n                    <animate\n                      attributeName='stroke-dasharray'\n                      from={`0 ${scoreDonut.fullLength}`}\n                      to={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                      dur={duration + 'ms'}\n                    />\n                  )}\n                </circle>\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\n/**\n * MiniCharts.ScoreDount\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}\n */\nexport const ScoreDonut = createComponent<\n  ScoreDonutComponent,\n  typeof DonutRoot\n>(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\n/**\n * MiniCharts.ScoreSemiDount\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}\n */\nexport const ScoreSemiDonut = createComponent<\n  ScoreDonutComponent,\n  typeof DonutRoot\n>(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Donut.js","names":["Box","createComponent","Component","Root","sstyled","assignProps","extractAriaProps","resolveColorEnhance","cssVariableEnhance","React","style","_sstyled","insert","ScoreDonutUtils","DonutRoot","render","_ref","asProps","_ref2","SDonutContainer","value","styles","baseBgColor","color","resolveColor","isSemiDonut","loading","animate","duration","scoreDonut","__excludeProps","extractedAriaProps","createElement","cn","_assignProps","viewBox","radius","strokeWidth","undefined","baseLength","fullLength","baseOffset","Fragment","animatedBaseLengthFrom","animatedBaseLengthTo","startMargin","valueLength","_defineProperty","variable","fallback","map","v","Number","parseInt","toString","prop","ScoreDonut","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, Root, sstyled, assignProps } from '@semcore/core';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport React from 'react';\n\nimport style from './donut.shadow.css';\nimport type { CommonScoreProps } from './Score';\nimport { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';\n\nexport type ScoreDonutProps = NSBox.Props & CommonScoreProps;\n\ntype ScoreDonutDefaultProps = {\n  animate: true;\n};\n\ntype ScoreDonutComponent = Intergalactic.Component<'svg', ScoreDonutProps, {}, typeof DonutRoot.enhance>;\nclass DonutRoot extends Component<\n  ScoreDonutProps,\n  typeof DonutRoot.enhance,\n  {},\n  {},\n  {},\n  ScoreDonutDefaultProps\n> {\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-extra-slow',\n      fallback: '500',\n      map: (v: string) => Number.parseInt(v, 10).toString(),\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  } as const;\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n      animate,\n      duration,\n    } = this.asProps;\n\n    const scoreDonut = new ScoreDonutUtils(value, isSemiDonut);\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={scoreDonut.viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={scoreDonut.radius}\n              strokeWidth={scoreDonut.strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading\n                  ? undefined\n                  : `${scoreDonut.baseLength} ${scoreDonut.fullLength}`\n              }\n              strokeDashoffset={scoreDonut.baseOffset}\n            >\n              {animate && value > 0 && (\n                <>\n                  <animate\n                    attributeName='stroke-dasharray'\n                    from={`${scoreDonut.animatedBaseLengthFrom} ${scoreDonut.fullLength}`}\n                    to={`${scoreDonut.animatedBaseLengthTo} ${scoreDonut.fullLength}`}\n                    dur={duration + 'ms'}\n                  />\n                  <animate\n                    attributeName='stroke-dashoffset'\n                    from={-1 * scoreDonut.startMargin}\n                    to={scoreDonut.baseOffset}\n                    dur={duration + 'ms'}\n                  />\n                </>\n              )}\n            </circle>\n            {!loading && value > 0 && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={scoreDonut.radius}\n                  strokeWidth={scoreDonut.strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                >\n                  {animate && (\n                    <animate\n                      attributeName='stroke-dasharray'\n                      from={`0 ${scoreDonut.fullLength}`}\n                      to={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                      dur={duration + 'ms'}\n                    />\n                  )}\n                </circle>\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\n/**\n * MiniCharts.ScoreDount\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}\n */\nexport const ScoreDonut = createComponent<\n  ScoreDonutComponent,\n  typeof DonutRoot\n>(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\n/**\n * MiniCharts.ScoreSemiDount\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}\n */\nexport const ScoreSemiDonut = createComponent<\n  ScoreDonutComponent,\n  typeof DonutRoot\n>(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/score/Line.js

@@ -8,26 +8,26 @@ import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import React from 'react';
 /*!__reshadow-styles__:"./line.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1wpnk_gg_.__loading_1wpnk_gg_,.___SLineGauge_1wpnk_gg_.__loading_1wpnk_gg_,.___STrendBar_1wpnk_gg_.__loading_1wpnk_gg_,.___STrendLine_1wpnk_gg_.__loading_1wpnk_gg_{animation-name:pulse_1wpnk;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1wpnk{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SLineGauge_1wpnk_gg_{height:8px;background-color:var(--base-bg-color_1wpnk,var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.96 .001 180)));border-radius:var(--intergalactic-chart-rounded,2px);overflow:hidden;position:relative}.___SLineValue_1wpnk_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded,2px) 0 0 var(--intergalactic-chart-rounded,2px)}.___SLineValue_1wpnk_gg_.__percent_1wpnk_gg_{width:var(--percent_1wpnk)}.___SLineSegmentItem_1wpnk_gg_.__color_1wpnk_gg_,.___SLineValue_1wpnk_gg_.__color_1wpnk_gg_{background-color:var(--color_1wpnk,var(--intergalactic-chart-palette-order-1,oklch(.58 .168 278.2)))}.___SLineGauge_1wpnk_gg_.__segments_1wpnk_gg_{border-radius:var(--intergalactic-progress-bar-rounded,6px)}.___SAnimationLine_1wpnk_gg_,.___SLineGaugeSegment_1wpnk_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1wpnk_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1wpnk_gg_{height:8px;background:#0000;border-right:1px solid var(--intergalactic-chart-grid-border,#fff);box-sizing:initial}.___SAnimationLine_1wpnk_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.96 .001 180));transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out;animation-name:move-line_1wpnk;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes move-line_1wpnk{0%{transform:translateX(0)}to{transform:translateX(100%)}}", /*__inner_css_end__*/"1wpnk_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1x91g_gg_.__loading_1x91g_gg_,.___SLineGauge_1x91g_gg_.__loading_1x91g_gg_,.___STrendBar_1x91g_gg_.__loading_1x91g_gg_,.___STrendLine_1x91g_gg_.__loading_1x91g_gg_{animation-name:pulse_1x91g;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1x91g{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SLineGauge_1x91g_gg_{height:8px;background-color:var(--base-bg-color_1x91g,var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.88 .002 175.6)));border-radius:var(--intergalactic-chart-rounded,2px);overflow:hidden;position:relative}.___SLineValue_1x91g_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded,2px) 0 0 var(--intergalactic-chart-rounded,2px)}.___SLineValue_1x91g_gg_.__percent_1x91g_gg_{width:var(--percent_1x91g)}.___SLineSegmentItem_1x91g_gg_.__color_1x91g_gg_,.___SLineValue_1x91g_gg_.__color_1x91g_gg_{background-color:var(--color_1x91g,var(--intergalactic-chart-palette-order-1,oklch(.58 .168 278.2)))}.___SLineGauge_1x91g_gg_.__segments_1x91g_gg_{border-radius:var(--intergalactic-progress-bar-rounded,6px)}.___SAnimationLine_1x91g_gg_,.___SLineGaugeSegment_1x91g_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1x91g_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1x91g_gg_{height:8px;background:#0000;border-right:1px solid var(--intergalactic-chart-grid-border,#fff);box-sizing:initial}.___SAnimationLine_1x91g_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.88 .002 175.6));transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out;animation-name:move-line_1x91g;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes move-line_1x91g{0%{transform:translateX(0)}to{transform:translateX(100%)}}", /*__inner_css_end__*/"1x91g_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1wpnk_gg_",
-  "_loading": "__loading_1wpnk_gg_",
-  "__SDonutContainer": "___SDonutContainer_1wpnk_gg_",
-  "__STrendLine": "___STrendLine_1wpnk_gg_",
-  "__STrendBar": "___STrendBar_1wpnk_gg_",
-  "@pulse": "pulse_1wpnk",
-  "--base-bg-color": "--base-bg-color_1wpnk",
-  "__SLineValue": "___SLineValue_1wpnk_gg_",
-  "_percent": "__percent_1wpnk_gg_",
-  "--percent": "--percent_1wpnk",
-  "_color": "__color_1wpnk_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_1wpnk_gg_",
-  "--color": "--color_1wpnk",
-  "_segments": "__segments_1wpnk_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_1wpnk_gg_",
-  "__SAnimationLine": "___SAnimationLine_1wpnk_gg_",
-  "@move-line": "move-line_1wpnk"
+  "__SLineGauge": "___SLineGauge_1x91g_gg_",
+  "_loading": "__loading_1x91g_gg_",
+  "__SDonutContainer": "___SDonutContainer_1x91g_gg_",
+  "__STrendLine": "___STrendLine_1x91g_gg_",
+  "__STrendBar": "___STrendBar_1x91g_gg_",
+  "@pulse": "pulse_1x91g",
+  "--base-bg-color": "--base-bg-color_1x91g",
+  "__SLineValue": "___SLineValue_1x91g_gg_",
+  "_percent": "__percent_1x91g_gg_",
+  "--percent": "--percent_1x91g",
+  "_color": "__color_1x91g_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1x91g_gg_",
+  "--color": "--color_1x91g",
+  "_segments": "__segments_1x91g_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1x91g_gg_",
+  "__SAnimationLine": "___SAnimationLine_1x91g_gg_",
+  "@move-line": "move-line_1x91g"
 });
 class LineRoot extends Component {
   getSegmentProps(segmentProps) {

package/lib/es6/component/score/Line.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.types.js","names":[],"sources":["../../../../src/component/score/Line.types.ts"],"sourcesContent":["import type { BoxProps, Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport type React from 'react';\n\nimport type { CommonScoreProps } from './Score';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n  ? Acc[number]\n  : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\nexport type SegmentColor = `chart-palette-order-${Range<1, 24>}`;\n\nexport type SegmentProps = {\n  value: number;\n  /**\n   * Color of value\n   */\n  color: SegmentColor;\n};\n\ntype SegmentComponent = React.FC<SegmentProps>;\n\nexport type InnerSegmentProps = SegmentProps & {\n  styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\ntype ValuedScoreProps = {\n  /**\n   * Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: SegmentColor;\n  /**\n   * Count of line segments\n   */\n  segments?: number;\n  /**\n   * We don't accept children in this way\n   */\n  children?: never;\n};\n\ntype CustomRenderScoreProps = {\n  value?: never;\n  segments?: never;\n  color?: never;\n  children: SegmentComponent[];\n};\n\nexport type ScoreLineGaugeProps = BoxProps &\n  Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> &\n  (ValuedScoreProps | CustomRenderScoreProps);\n\nexport type ScoreLineGaugeDefaultProps = {\n  animate: true;\n};\n\nexport type Enhances = [() => {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n}];\n\nexport type ScoreLineComponent = Intergalactic.Component<'svg', ScoreLineGaugeProps, {}, Enhances> & {\n  Segment: Intergalactic.Component<typeof Box, SegmentProps>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Line.types.js","names":[],"sources":["../../../../src/component/score/Line.types.ts"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport type React from 'react';\n\nimport type { CommonScoreProps } from './Score';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n  ? Acc[number]\n  : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\nexport type SegmentColor = `chart-palette-order-${Range<1, 24>}`;\n\nexport type SegmentProps = {\n  value: number;\n  /**\n   * Color of value\n   */\n  color: SegmentColor;\n};\n\ntype SegmentComponent = React.FC<SegmentProps>;\n\nexport type InnerSegmentProps = SegmentProps & {\n  styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\ntype ValuedScoreProps = {\n  /**\n   * Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: SegmentColor;\n  /**\n   * Count of line segments\n   */\n  segments?: number;\n  /**\n   * We don't accept children in this way\n   */\n  children?: never;\n};\n\ntype CustomRenderScoreProps = {\n  value?: never;\n  segments?: never;\n  color?: never;\n  children: SegmentComponent[];\n};\n\nexport type ScoreLineGaugeProps = NSBox.Props &\n  Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> &\n  (ValuedScoreProps | CustomRenderScoreProps);\n\nexport type ScoreLineGaugeDefaultProps = {\n  animate: true;\n};\n\nexport type Enhances = [() => {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n}];\n\nexport type ScoreLineComponent = Intergalactic.Component<'svg', ScoreLineGaugeProps, {}, Enhances> & {\n  Segment: Intergalactic.Component<NSBox.Component, SegmentProps>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/score/line.shadow.css

@@ -2,7 +2,7 @@
 
 SLineGauge {
   height: 8px;
-  background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180)));
+  background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.88 0.002 175.6)));
   border-radius: var(--intergalactic-chart-rounded, 2px);
   overflow: hidden;
   position: relative;
@@ -48,7 +48,7 @@ SLineSegmentItem {
 }
 
 SAnimationLine {
-  background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180));
+  background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.88 0.002 175.6));
   transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
   animation-name: move-line;
   animation-duration: 0.5s;

package/lib/es6/component/trend/Bar.js

@@ -8,15 +8,15 @@ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEn
 import React from 'react';
 import { Trend } from './Trend';
 /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_388nl_gg_.__loading_388nl_gg_,.___SLineGauge_388nl_gg_.__loading_388nl_gg_,.___STrendBar_388nl_gg_.__loading_388nl_gg_,.___STrendLine_388nl_gg_.__loading_388nl_gg_{animation-name:pulse_388nl;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_388nl{0%{opacity:1}50%{opacity:.4}to{opacity:1}}", /*__inner_css_end__*/"388nl_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1dzd1_gg_.__loading_1dzd1_gg_,.___SLineGauge_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendBar_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendLine_1dzd1_gg_.__loading_1dzd1_gg_{animation-name:pulse_1dzd1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1dzd1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}", /*__inner_css_end__*/"1dzd1_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_388nl_gg_",
-  "_loading": "__loading_388nl_gg_",
-  "__SDonutContainer": "___SDonutContainer_388nl_gg_",
-  "__STrendLine": "___STrendLine_388nl_gg_",
-  "__STrendBar": "___STrendBar_388nl_gg_",
-  "@pulse": "pulse_388nl"
+  "__SLineGauge": "___SLineGauge_1dzd1_gg_",
+  "_loading": "__loading_1dzd1_gg_",
+  "__SDonutContainer": "___SDonutContainer_1dzd1_gg_",
+  "__STrendLine": "___STrendLine_1dzd1_gg_",
+  "__STrendBar": "___STrendBar_1dzd1_gg_",
+  "@pulse": "pulse_1dzd1"
 });
 class TrendBarRoot extends Trend {
   get defaultData() {

package/lib/es6/component/trend/Line.js

@@ -9,15 +9,15 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React from 'react';
 import { Trend } from './Trend';
 /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_388nl_gg_.__loading_388nl_gg_,.___SLineGauge_388nl_gg_.__loading_388nl_gg_,.___STrendBar_388nl_gg_.__loading_388nl_gg_,.___STrendLine_388nl_gg_.__loading_388nl_gg_{animation-name:pulse_388nl;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_388nl{0%{opacity:1}50%{opacity:.4}to{opacity:1}}", /*__inner_css_end__*/"388nl_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDonutContainer_1dzd1_gg_.__loading_1dzd1_gg_,.___SLineGauge_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendBar_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendLine_1dzd1_gg_.__loading_1dzd1_gg_{animation-name:pulse_1dzd1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1dzd1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}", /*__inner_css_end__*/"1dzd1_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_388nl_gg_",
-  "_loading": "__loading_388nl_gg_",
-  "__SDonutContainer": "___SDonutContainer_388nl_gg_",
-  "__STrendLine": "___STrendLine_388nl_gg_",
-  "__STrendBar": "___STrendBar_388nl_gg_",
-  "@pulse": "pulse_388nl"
+  "__SLineGauge": "___SLineGauge_1dzd1_gg_",
+  "_loading": "__loading_1dzd1_gg_",
+  "__SDonutContainer": "___SDonutContainer_1dzd1_gg_",
+  "__STrendLine": "___STrendLine_1dzd1_gg_",
+  "__STrendBar": "___STrendBar_1dzd1_gg_",
+  "@pulse": "pulse_1dzd1"
 });
 class TrendLineRoot extends Trend {
   get defaultData() {

package/lib/es6/component/trend/Trend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trend.js","names":["Component","React","Trend","constructor","args","_defineProperty","width","height","createRef","componentDidMount","setSizes","componentDidUpdate","prevProps","w","props","h","data","defaultWidth","state","defaultHeight","svgWidth","svgHeight","containerRef","current","boundingClientRect","getBoundingClientRect","setState"],"sources":["../../../../src/component/trend/Trend.tsx"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Component } from '@semcore/core';\nimport React from 'react';\n\nexport type CommonTrendProps = BoxProps & {\n  /**\n   * Flag to enable animate of charts\n   * @default true\n   */\n  animate?: boolean;\n\n  /**\n   * Flag to enable skeleton\n   * @default false\n   */\n  loading?: boolean;\n\n  /**\n   * Data for chart\n   */\n  data: any[];\n};\n\ntype CommonTrendState = { width: number; height: number };\n\nexport abstract class Trend<\n  P extends CommonTrendProps,\n  E extends readonly ((...args: any[]) => any)[],\n  DP extends Intergalactic.InternalTypings.ValidDefaultProps<DP, P> = never,\n> extends Component<P, E, Readonly<{}>, {}, CommonTrendState, DP> {\n  state = {\n    width: 200,\n    height: 100,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n\n  componentDidMount() {\n    this.setSizes();\n  }\n\n  componentDidUpdate(prevProps: P) {\n    if (\n      prevProps.w !== this.props.w ||\n      prevProps.h !== this.props.h ||\n      prevProps.data !== this.props.data\n    ) {\n      this.setSizes();\n    }\n  }\n\n  get defaultWidth(): number {\n    const { width, height } = this.state;\n\n    return (width / height) * this.defaultHeight;\n  }\n\n  get defaultHeight(): number {\n    return 100;\n  }\n\n  get svgWidth(): number {\n    return this.defaultWidth;\n  }\n\n  get svgHeight(): number {\n    return this.defaultHeight;\n  }\n\n  setSizes() {\n    if (this.containerRef.current) {\n      const boundingClientRect = this.containerRef.current.getBoundingClientRect();\n\n      const { width, height } = boundingClientRect;\n\n      if (width > 0 && height > 0) {\n        this.setState({ width, height });\n      }\n    }\n  }\n}\n"],"mappings":";AAEA,SAASA,SAAS,QAAQ,eAAe;AACzC,OAAOC,KAAK,MAAM,OAAO;AAuBzB,OAAO,MAAeC,KAAK,SAIjBF,SAAS,CAA+C;EAAAG,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBACxD;MACNC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE;IACV,CAAC;IAAAF,eAAA,oCAEcJ,KAAK,CAACO,SAAS,CAAiB,CAAC;EAAA;EAEhDC,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACC,QAAQ,CAAC,CAAC;EACjB;EAEAC,kBAAkBA,CAACC,SAAY,EAAE;IAC/B,IACEA,SAAS,CAACC,CAAC,KAAK,IAAI,CAACC,KAAK,CAACD,CAAC,IAC5BD,SAAS,CAACG,CAAC,KAAK,IAAI,CAACD,KAAK,CAACC,CAAC,IAC5BH,SAAS,CAACI,IAAI,KAAK,IAAI,CAACF,KAAK,CAACE,IAAI,EAClC;MACA,IAAI,CAACN,QAAQ,CAAC,CAAC;IACjB;EACF;EAEA,IAAIO,YAAYA,CAAA,EAAW;IACzB,MAAM;MAAEX,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACW,KAAK;IAEpC,OAAQZ,KAAK,GAAGC,MAAM,GAAI,IAAI,CAACY,aAAa;EAC9C;EAEA,IAAIA,aAAaA,CAAA,EAAW;IAC1B,OAAO,GAAG;EACZ;EAEA,IAAIC,QAAQA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACH,YAAY;EAC1B;EAEA,IAAII,SAASA,CAAA,EAAW;IACtB,OAAO,IAAI,CAACF,aAAa;EAC3B;EAEAT,QAAQA,CAAA,EAAG;IACT,IAAI,IAAI,CAACY,YAAY,CAACC,OAAO,EAAE;MAC7B,MAAMC,kBAAkB,GAAG,IAAI,CAACF,YAAY,CAACC,OAAO,CAACE,qBAAqB,CAAC,CAAC;MAE5E,MAAM;QAAEnB,KAAK;QAAEC;MAAO,CAAC,GAAGiB,kBAAkB;MAE5C,IAAIlB,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,EAAE;QAC3B,IAAI,CAACmB,QAAQ,CAAC;UAAEpB,KAAK;UAAEC;QAAO,CAAC,CAAC;MAClC;IACF;EACF;AACF","ignoreList":[]}
+{"version":3,"file":"Trend.js","names":["Component","React","Trend","constructor","args","_defineProperty","width","height","createRef","componentDidMount","setSizes","componentDidUpdate","prevProps","w","props","h","data","defaultWidth","state","defaultHeight","svgWidth","svgHeight","containerRef","current","boundingClientRect","getBoundingClientRect","setState"],"sources":["../../../../src/component/trend/Trend.tsx"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Component } from '@semcore/core';\nimport React from 'react';\n\nexport type CommonTrendProps = NSBox.Props & {\n  /**\n   * Flag to enable animate of charts\n   * @default true\n   */\n  animate?: boolean;\n\n  /**\n   * Flag to enable skeleton\n   * @default false\n   */\n  loading?: boolean;\n\n  /**\n   * Data for chart\n   */\n  data: any[];\n};\n\ntype CommonTrendState = { width: number; height: number };\n\nexport abstract class Trend<\n  P extends CommonTrendProps,\n  E extends readonly ((...args: any[]) => any)[],\n  DP extends Intergalactic.InternalTypings.ValidDefaultProps<DP, P> = never,\n> extends Component<P, E, Readonly<{}>, {}, CommonTrendState, DP> {\n  state = {\n    width: 200,\n    height: 100,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n\n  componentDidMount() {\n    this.setSizes();\n  }\n\n  componentDidUpdate(prevProps: P) {\n    if (\n      prevProps.w !== this.props.w ||\n      prevProps.h !== this.props.h ||\n      prevProps.data !== this.props.data\n    ) {\n      this.setSizes();\n    }\n  }\n\n  get defaultWidth(): number {\n    const { width, height } = this.state;\n\n    return (width / height) * this.defaultHeight;\n  }\n\n  get defaultHeight(): number {\n    return 100;\n  }\n\n  get svgWidth(): number {\n    return this.defaultWidth;\n  }\n\n  get svgHeight(): number {\n    return this.defaultHeight;\n  }\n\n  setSizes() {\n    if (this.containerRef.current) {\n      const boundingClientRect = this.containerRef.current.getBoundingClientRect();\n\n      const { width, height } = boundingClientRect;\n\n      if (width > 0 && height > 0) {\n        this.setState({ width, height });\n      }\n    }\n  }\n}\n"],"mappings":";AAEA,SAASA,SAAS,QAAQ,eAAe;AACzC,OAAOC,KAAK,MAAM,OAAO;AAuBzB,OAAO,MAAeC,KAAK,SAIjBF,SAAS,CAA+C;EAAAG,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBACxD;MACNC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE;IACV,CAAC;IAAAF,eAAA,oCAEcJ,KAAK,CAACO,SAAS,CAAiB,CAAC;EAAA;EAEhDC,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACC,QAAQ,CAAC,CAAC;EACjB;EAEAC,kBAAkBA,CAACC,SAAY,EAAE;IAC/B,IACEA,SAAS,CAACC,CAAC,KAAK,IAAI,CAACC,KAAK,CAACD,CAAC,IAC5BD,SAAS,CAACG,CAAC,KAAK,IAAI,CAACD,KAAK,CAACC,CAAC,IAC5BH,SAAS,CAACI,IAAI,KAAK,IAAI,CAACF,KAAK,CAACE,IAAI,EAClC;MACA,IAAI,CAACN,QAAQ,CAAC,CAAC;IACjB;EACF;EAEA,IAAIO,YAAYA,CAAA,EAAW;IACzB,MAAM;MAAEX,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACW,KAAK;IAEpC,OAAQZ,KAAK,GAAGC,MAAM,GAAI,IAAI,CAACY,aAAa;EAC9C;EAEA,IAAIA,aAAaA,CAAA,EAAW;IAC1B,OAAO,GAAG;EACZ;EAEA,IAAIC,QAAQA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACH,YAAY;EAC1B;EAEA,IAAII,SAASA,CAAA,EAAW;IACtB,OAAO,IAAI,CAACF,aAAa;EAC3B;EAEAT,QAAQA,CAAA,EAAG;IACT,IAAI,IAAI,CAACY,YAAY,CAACC,OAAO,EAAE;MAC7B,MAAMC,kBAAkB,GAAG,IAAI,CAACF,YAAY,CAACC,OAAO,CAACE,qBAAqB,CAAC,CAAC;MAE5E,MAAM;QAAEnB,KAAK;QAAEC;MAAO,CAAC,GAAGiB,kBAAkB;MAE5C,IAAIlB,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,EAAE;QAC3B,IAAI,CAACmB,QAAQ,CAAC;UAAEpB,KAAK;UAAEC;QAAO,CAAC,CAAC;MAClC;IACF;EACF;AACF","ignoreList":[]}

package/lib/esm/component/score/Donut.mjs

@@ -11,19 +11,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDonutContainer_1l7e9_gg_.__loading_1l7e9_gg_,.___SLineGauge_1l7e9_gg_.__loading_1l7e9_gg_,.___STrendBar_1l7e9_gg_.__loading_1l7e9_gg_,.___STrendLine_1l7e9_gg_.__loading_1l7e9_gg_{animation-name:pulse_1l7e9;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1l7e9{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SDonutContainer_1l7e9_gg_.__semi_1l7e9_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1l7e9_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1l7e9_gg_.__animate_1l7e9_gg_ circle{transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out}",
+    ".___SDonutContainer_fpn7q_gg_.__loading_fpn7q_gg_,.___SLineGauge_fpn7q_gg_.__loading_fpn7q_gg_,.___STrendBar_fpn7q_gg_.__loading_fpn7q_gg_,.___STrendLine_fpn7q_gg_.__loading_fpn7q_gg_{animation-name:pulse_fpn7q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_fpn7q{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SDonutContainer_fpn7q_gg_.__semi_fpn7q_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_fpn7q_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_fpn7q_gg_.__animate_fpn7q_gg_ circle{transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out}",
     /*__inner_css_end__*/
-    "1l7e9_gg_"
+    "fpn7q_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLineGauge": "___SLineGauge_1l7e9_gg_",
-    "_loading": "__loading_1l7e9_gg_",
-    "__SDonutContainer": "___SDonutContainer_1l7e9_gg_",
-    "__STrendLine": "___STrendLine_1l7e9_gg_",
-    "__STrendBar": "___STrendBar_1l7e9_gg_",
-    "@pulse": "pulse_1l7e9",
-    "_animate": "__animate_1l7e9_gg_",
-    "_semi": "__semi_1l7e9_gg_"
+    "__SLineGauge": "___SLineGauge_fpn7q_gg_",
+    "_loading": "__loading_fpn7q_gg_",
+    "__SDonutContainer": "___SDonutContainer_fpn7q_gg_",
+    "__STrendLine": "___STrendLine_fpn7q_gg_",
+    "__STrendBar": "___STrendBar_fpn7q_gg_",
+    "@pulse": "pulse_fpn7q",
+    "_animate": "__animate_fpn7q_gg_",
+    "_semi": "__semi_fpn7q_gg_"
   })
 );
 class DonutRoot extends Component {

package/lib/esm/component/score/Line.mjs

@@ -8,28 +8,28 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDonutContainer_1wpnk_gg_.__loading_1wpnk_gg_,.___SLineGauge_1wpnk_gg_.__loading_1wpnk_gg_,.___STrendBar_1wpnk_gg_.__loading_1wpnk_gg_,.___STrendLine_1wpnk_gg_.__loading_1wpnk_gg_{animation-name:pulse_1wpnk;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1wpnk{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SLineGauge_1wpnk_gg_{height:8px;background-color:var(--base-bg-color_1wpnk,var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.96 .001 180)));border-radius:var(--intergalactic-chart-rounded,2px);overflow:hidden;position:relative}.___SLineValue_1wpnk_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded,2px) 0 0 var(--intergalactic-chart-rounded,2px)}.___SLineValue_1wpnk_gg_.__percent_1wpnk_gg_{width:var(--percent_1wpnk)}.___SLineSegmentItem_1wpnk_gg_.__color_1wpnk_gg_,.___SLineValue_1wpnk_gg_.__color_1wpnk_gg_{background-color:var(--color_1wpnk,var(--intergalactic-chart-palette-order-1,oklch(.58 .168 278.2)))}.___SLineGauge_1wpnk_gg_.__segments_1wpnk_gg_{border-radius:var(--intergalactic-progress-bar-rounded,6px)}.___SAnimationLine_1wpnk_gg_,.___SLineGaugeSegment_1wpnk_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1wpnk_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1wpnk_gg_{height:8px;background:#0000;border-right:1px solid var(--intergalactic-chart-grid-border,#fff);box-sizing:initial}.___SAnimationLine_1wpnk_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.96 .001 180));transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out;animation-name:move-line_1wpnk;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes move-line_1wpnk{0%{transform:translateX(0)}to{transform:translateX(100%)}}",
+    ".___SDonutContainer_1x91g_gg_.__loading_1x91g_gg_,.___SLineGauge_1x91g_gg_.__loading_1x91g_gg_,.___STrendBar_1x91g_gg_.__loading_1x91g_gg_,.___STrendLine_1x91g_gg_.__loading_1x91g_gg_{animation-name:pulse_1x91g;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1x91g{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SLineGauge_1x91g_gg_{height:8px;background-color:var(--base-bg-color_1x91g,var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.88 .002 175.6)));border-radius:var(--intergalactic-chart-rounded,2px);overflow:hidden;position:relative}.___SLineValue_1x91g_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded,2px) 0 0 var(--intergalactic-chart-rounded,2px)}.___SLineValue_1x91g_gg_.__percent_1x91g_gg_{width:var(--percent_1x91g)}.___SLineSegmentItem_1x91g_gg_.__color_1x91g_gg_,.___SLineValue_1x91g_gg_.__color_1x91g_gg_{background-color:var(--color_1x91g,var(--intergalactic-chart-palette-order-1,oklch(.58 .168 278.2)))}.___SLineGauge_1x91g_gg_.__segments_1x91g_gg_{border-radius:var(--intergalactic-progress-bar-rounded,6px)}.___SAnimationLine_1x91g_gg_,.___SLineGaugeSegment_1x91g_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1x91g_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1x91g_gg_{height:8px;background:#0000;border-right:1px solid var(--intergalactic-chart-grid-border,#fff);box-sizing:initial}.___SAnimationLine_1x91g_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg,oklch(.88 .002 175.6));transition:all var(--intergalactic-duration-extra-slow,500) ease-in-out;animation-name:move-line_1x91g;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes move-line_1x91g{0%{transform:translateX(0)}to{transform:translateX(100%)}}",
     /*__inner_css_end__*/
-    "1wpnk_gg_"
+    "1x91g_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLineGauge": "___SLineGauge_1wpnk_gg_",
-    "_loading": "__loading_1wpnk_gg_",
-    "__SDonutContainer": "___SDonutContainer_1wpnk_gg_",
-    "__STrendLine": "___STrendLine_1wpnk_gg_",
-    "__STrendBar": "___STrendBar_1wpnk_gg_",
-    "@pulse": "pulse_1wpnk",
-    "--base-bg-color": "--base-bg-color_1wpnk",
-    "__SLineValue": "___SLineValue_1wpnk_gg_",
-    "_percent": "__percent_1wpnk_gg_",
-    "--percent": "--percent_1wpnk",
-    "_color": "__color_1wpnk_gg_",
-    "__SLineSegmentItem": "___SLineSegmentItem_1wpnk_gg_",
-    "--color": "--color_1wpnk",
-    "_segments": "__segments_1wpnk_gg_",
-    "__SLineGaugeSegment": "___SLineGaugeSegment_1wpnk_gg_",
-    "__SAnimationLine": "___SAnimationLine_1wpnk_gg_",
-    "@move-line": "move-line_1wpnk"
+    "__SLineGauge": "___SLineGauge_1x91g_gg_",
+    "_loading": "__loading_1x91g_gg_",
+    "__SDonutContainer": "___SDonutContainer_1x91g_gg_",
+    "__STrendLine": "___STrendLine_1x91g_gg_",
+    "__STrendBar": "___STrendBar_1x91g_gg_",
+    "@pulse": "pulse_1x91g",
+    "--base-bg-color": "--base-bg-color_1x91g",
+    "__SLineValue": "___SLineValue_1x91g_gg_",
+    "_percent": "__percent_1x91g_gg_",
+    "--percent": "--percent_1x91g",
+    "_color": "__color_1x91g_gg_",
+    "__SLineSegmentItem": "___SLineSegmentItem_1x91g_gg_",
+    "--color": "--color_1x91g",
+    "_segments": "__segments_1x91g_gg_",
+    "__SLineGaugeSegment": "___SLineGaugeSegment_1x91g_gg_",
+    "__SAnimationLine": "___SAnimationLine_1x91g_gg_",
+    "@move-line": "move-line_1x91g"
   })
 );
 class LineRoot extends Component {

package/lib/esm/component/score/line.shadow.css

@@ -2,7 +2,7 @@
 
 SLineGauge {
   height: 8px;
-  background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180)));
+  background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.88 0.002 175.6)));
   border-radius: var(--intergalactic-chart-rounded, 2px);
   overflow: hidden;
   position: relative;
@@ -48,7 +48,7 @@ SLineSegmentItem {
 }
 
 SAnimationLine {
-  background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180));
+  background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.88 0.002 175.6));
   transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
   animation-name: move-line;
   animation-duration: 0.5s;

package/lib/esm/component/trend/Bar.mjs

@@ -10,17 +10,17 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDonutContainer_388nl_gg_.__loading_388nl_gg_,.___SLineGauge_388nl_gg_.__loading_388nl_gg_,.___STrendBar_388nl_gg_.__loading_388nl_gg_,.___STrendLine_388nl_gg_.__loading_388nl_gg_{animation-name:pulse_388nl;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_388nl{0%{opacity:1}50%{opacity:.4}to{opacity:1}}",
+    ".___SDonutContainer_1dzd1_gg_.__loading_1dzd1_gg_,.___SLineGauge_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendBar_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendLine_1dzd1_gg_.__loading_1dzd1_gg_{animation-name:pulse_1dzd1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1dzd1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}",
     /*__inner_css_end__*/
-    "388nl_gg_"
+    "1dzd1_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLineGauge": "___SLineGauge_388nl_gg_",
-    "_loading": "__loading_388nl_gg_",
-    "__SDonutContainer": "___SDonutContainer_388nl_gg_",
-    "__STrendLine": "___STrendLine_388nl_gg_",
-    "__STrendBar": "___STrendBar_388nl_gg_",
-    "@pulse": "pulse_388nl"
+    "__SLineGauge": "___SLineGauge_1dzd1_gg_",
+    "_loading": "__loading_1dzd1_gg_",
+    "__SDonutContainer": "___SDonutContainer_1dzd1_gg_",
+    "__STrendLine": "___STrendLine_1dzd1_gg_",
+    "__STrendBar": "___STrendBar_1dzd1_gg_",
+    "@pulse": "pulse_1dzd1"
   })
 );
 class TrendBarRoot extends Trend {

package/lib/esm/component/trend/Line.mjs

@@ -11,17 +11,17 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDonutContainer_388nl_gg_.__loading_388nl_gg_,.___SLineGauge_388nl_gg_.__loading_388nl_gg_,.___STrendBar_388nl_gg_.__loading_388nl_gg_,.___STrendLine_388nl_gg_.__loading_388nl_gg_{animation-name:pulse_388nl;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_388nl{0%{opacity:1}50%{opacity:.4}to{opacity:1}}",
+    ".___SDonutContainer_1dzd1_gg_.__loading_1dzd1_gg_,.___SLineGauge_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendBar_1dzd1_gg_.__loading_1dzd1_gg_,.___STrendLine_1dzd1_gg_.__loading_1dzd1_gg_{animation-name:pulse_1dzd1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}@keyframes pulse_1dzd1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}",
     /*__inner_css_end__*/
-    "388nl_gg_"
+    "1dzd1_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLineGauge": "___SLineGauge_388nl_gg_",
-    "_loading": "__loading_388nl_gg_",
-    "__SDonutContainer": "___SDonutContainer_388nl_gg_",
-    "__STrendLine": "___STrendLine_388nl_gg_",
-    "__STrendBar": "___STrendBar_388nl_gg_",
-    "@pulse": "pulse_388nl"
+    "__SLineGauge": "___SLineGauge_1dzd1_gg_",
+    "_loading": "__loading_1dzd1_gg_",
+    "__SDonutContainer": "___SDonutContainer_1dzd1_gg_",
+    "__STrendLine": "___STrendLine_1dzd1_gg_",
+    "__STrendBar": "___STrendBar_1dzd1_gg_",
+    "@pulse": "pulse_1dzd1"
   })
 );
 class TrendLineRoot extends Trend {

package/lib/types/component/score/Donut.d.ts

@@ -1,9 +1,9 @@
-import { type BoxProps } from '@semcore/base-components';
+import type { NSBox } from '@semcore/base-components';
 import type { Intergalactic } from '@semcore/core';
 import { Component } from '@semcore/core';
 import React from 'react';
 import type { CommonScoreProps } from './Score';
-export type ScoreDonutProps = BoxProps & CommonScoreProps;
+export type ScoreDonutProps = NSBox.Props & CommonScoreProps;
 type ScoreDonutDefaultProps = {
     animate: true;
 };
@@ -33,3 +33,4 @@ export declare const ScoreDonut: ScoreDonutComponent;
  */
 export declare const ScoreSemiDonut: ScoreDonutComponent;
 export {};
+//# sourceMappingURL=Donut.d.ts.map

package/lib/types/component/score/Donut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Donut.d.ts","sourceRoot":"","sources":["../../../../src/component/score/Donut.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAmB,SAAS,EAA8B,MAAM,eAAe,CAAC;AAIvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,KAAK,GAAG,gBAAgB,CAAC;AAE7D,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,KAAK,mBAAmB,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;AACzG,cAAM,SAAU,SAAQ,SAAS,CAC/B,eAAe,EACf,OAAO,SAAS,CAAC,OAAO,EACxB,EAAE,EACF,EAAE,EACF,EAAE,EACF,sBAAsB,CACvB;IACC,MAAM,CAAC,OAAO;;4BAQH;IAEX,MAAM,CAAC,KAAK;;MAAS;IAErB,MAAM,CAAC,YAAY;;MAER;IAEX,MAAM;CAoFP;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,qBAGX,CAAC;AAIb;;;;GAIG;AACH,eAAO,MAAM,cAAc,qBAiB1B,CAAC"}

package/lib/types/component/score/Line.d.ts

@@ -5,3 +5,4 @@ import type { ScoreLineComponent } from './Line.types';
  * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
  */
 export declare const ScoreLine: ScoreLineComponent;
+//# sourceMappingURL=Line.d.ts.map

package/lib/types/component/score/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../src/component/score/Line.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,kBAAkB,EAKnB,MAAM,cAAc,CAAC;AAgHtB;;;;GAIG;AACH,eAAO,MAAM,SAAS,oBAGE,CAAC"}

package/lib/types/component/score/Line.types.d.ts

@@ -1,4 +1,4 @@
-import type { BoxProps, Box } from '@semcore/base-components';
+import type { NSBox } from '@semcore/base-components';
 import type { Intergalactic } from '@semcore/core';
 import type resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import type React from 'react';
@@ -41,7 +41,7 @@ type CustomRenderScoreProps = {
     color?: never;
     children: SegmentComponent[];
 };
-export type ScoreLineGaugeProps = BoxProps & Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> & (ValuedScoreProps | CustomRenderScoreProps);
+export type ScoreLineGaugeProps = NSBox.Props & Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> & (ValuedScoreProps | CustomRenderScoreProps);
 export type ScoreLineGaugeDefaultProps = {
     animate: true;
 };
@@ -51,6 +51,7 @@ export type Enhances = [
     }
 ];
 export type ScoreLineComponent = Intergalactic.Component<'svg', ScoreLineGaugeProps, {}, Enhances> & {
-    Segment: Intergalactic.Component<typeof Box, SegmentProps>;
+    Segment: Intergalactic.Component<NSBox.Component, SegmentProps>;
 };
 export {};
+//# sourceMappingURL=Line.types.d.ts.map

package/lib/types/component/score/Line.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.types.d.ts","sourceRoot":"","sources":["../../../../src/component/score/Line.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,mBAAmB,MAAM,sDAAsD,CAAC;AAC5F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,SAAS,MAAM,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,GACjF,GAAG,CAAC,MAAM,CAAC,GACX,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAE1C,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAErF,MAAM,MAAM,YAAY,GAAG,uBAAuB,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;CACrB,CAAC;AAEF,KAAK,gBAAgB,GAAG,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC;CAChG,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,gBAAgB,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,KAAK,GAC3C,aAAa,CAAC,eAAe,CAAC,aAAa,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,CAAC,GAChF,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,CAAC;AAE9C,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IAAC,MAAM;QAC5B,YAAY,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;KACtD;CAAC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,mBAAmB,EAAE,EAAE,EAAE,QAAQ,CAAC,GAAG;IACnG,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;CACjE,CAAC"}

package/lib/types/component/score/Score.d.ts

@@ -22,3 +22,4 @@ export type CommonScoreProps = {
      */
     animate?: boolean;
 };
+//# sourceMappingURL=Score.d.ts.map

package/lib/types/component/score/Score.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Score.d.ts","sourceRoot":"","sources":["../../../../src/component/score/Score.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/lib/types/component/score/index.d.ts

@@ -1,3 +1,4 @@
 import { ScoreDonut, ScoreSemiDonut } from './Donut';
 import { ScoreLine } from './Line';
 export { ScoreDonut, ScoreSemiDonut, ScoreLine };
+//# sourceMappingURL=index.d.ts.map

package/lib/types/component/score/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/component/score/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}

package/lib/types/component/trend/Bar.d.ts

@@ -46,3 +46,4 @@ export declare const TrendBar: TrendBarComponent;
  */
 export declare const TrendHistogram: TrendBarComponent;
 export {};
+//# sourceMappingURL=Bar.d.ts.map

package/lib/types/component/trend/Bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.d.ts","sourceRoot":"","sources":["../../../../src/component/trend/Bar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAInD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGvD,KAAK,OAAO,GAAG;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG;IAC7C;;OAEG;IACH,IAAI,EAAE,OAAO,EAAE,CAAC;CACjB,CAAC;AAEF,KAAK,iBAAiB,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC;AAExG,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,cAAM,YAAa,SAAQ,KAAK,CAAC,aAAa,EAAE,OAAO,YAAY,CAAC,OAAO,EAAE,oBAAoB,CAAC;IAChG,MAAM,CAAC,OAAO,iCAAoC;IAElD,MAAM,CAAC,KAAK;;MAAS;IAErB,MAAM,CAAC,YAAY;;MAER;IAEX,IAAI,WAAW,IAAI,OAAO,EAAE,CAE3B;IAED,IAAI,IAAI,IAAI,OAAO,EAAE,CAQpB;IAED,MAAM;CA6CP;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,mBAGN,CAAC;AAIhB;;;;GAIG;AACH,eAAO,MAAM,cAAc,mBAiB1B,CAAC"}

package/lib/types/component/trend/Line.d.ts

@@ -54,3 +54,4 @@ export declare const TrendLine: TrendLineComponent;
  */
 export declare const TrendArea: TrendLineComponent;
 export {};
+//# sourceMappingURL=Line.d.ts.map

package/lib/types/component/trend/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../src/component/trend/Line.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAKnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGvD,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG;IAC9C;;OAEG;IACH,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,kBAAkB,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAE3G,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,cAAM,aAAc,SAAQ,KAAK,CAAC,cAAc,EAAE,OAAO,aAAa,CAAC,OAAO,EAAE,qBAAqB,CAAC;IACpG,MAAM,CAAC,OAAO;;OAA2D;IAEzE,MAAM,CAAC,KAAK;;MAAS;IAErB,MAAM,CAAC,YAAY;;MAER;IAEX,IAAI,WAAW,IAAI,MAAM,EAAE,CAE1B;IAED,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,IAAI,IAAI,MAAM,EAAE,CAQnB;IAED,IAAa,QAAQ,IAAI,MAAM,CAI9B;IAED,IAAa,SAAS,IAAI,MAAM,CAI/B;IAED,IAAI,KAAK,QAQR;IAED,MAAM;CA8DP;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,oBAA2E,CAAC;AAIlG;;;;GAIG;AACH,eAAO,MAAM,SAAS,oBAcrB,CAAC"}

package/lib/types/component/trend/Trend.d.ts

@@ -1,8 +1,8 @@
-import type { BoxProps } from '@semcore/base-components';
+import type { NSBox } from '@semcore/base-components';
 import type { Intergalactic } from '@semcore/core';
 import { Component } from '@semcore/core';
 import React from 'react';
-export type CommonTrendProps = BoxProps & {
+export type CommonTrendProps = NSBox.Props & {
     /**
      * Flag to enable animate of charts
      * @default true
@@ -37,3 +37,4 @@ export declare abstract class Trend<P extends CommonTrendProps, E extends readon
     setSizes(): void;
 }
 export {};
+//# sourceMappingURL=Trend.d.ts.map

package/lib/types/component/trend/Trend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trend.d.ts","sourceRoot":"","sources":["../../../../src/component/trend/Trend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,KAAK,GAAG;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC;CACb,CAAC;AAEF,KAAK,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D,8BAAsB,KAAK,CACzB,CAAC,SAAS,gBAAgB,EAC1B,CAAC,SAAS,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,EAC9C,EAAE,SAAS,aAAa,CAAC,eAAe,CAAC,iBAAiB,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CACzE,SAAQ,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,CAAC;IAC/D,KAAK;;;MAGH;IAEF,YAAY,kCAAqC;IAEjD,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,CAAC;IAU/B,IAAI,YAAY,IAAI,MAAM,CAIzB;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,QAAQ;CAWT"}

package/lib/types/component/trend/index.d.ts

@@ -1,3 +1,4 @@
 import { TrendBar, TrendHistogram } from './Bar';
 import { TrendLine, TrendArea } from './Line';
 export { TrendLine, TrendArea, TrendBar, TrendHistogram };
+//# sourceMappingURL=index.d.ts.map

package/lib/types/component/trend/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/component/trend/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC"}

package/lib/types/index.d.ts

@@ -12,3 +12,4 @@ declare const miniCharts: {
 };
 export default miniCharts;
 export type { SegmentColor, };
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnF,QAAA,MAAM,UAAU,EAAE;IAChB,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,SAAS,EAAE,OAAO,SAAS,CAAC;CAS7B,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,YAAY,EACV,YAAY,GACb,CAAC"}

package/lib/types/utils/ScoreDonutUtils.d.ts

@@ -16,3 +16,4 @@ export declare class ScoreDonutUtils {
     get animatedBaseLengthFrom(): number;
     get animatedBaseLengthTo(): number;
 }
+//# sourceMappingURL=ScoreDonutUtils.d.ts.map

package/lib/types/utils/ScoreDonutUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScoreDonutUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/ScoreDonutUtils.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAU;IACtC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAS;IAE/B,SAAgB,MAAM,EAAE,MAAM,CAAC;gBAEnB,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO;IAM/C,IAAW,OAAO,8BAEjB;IAED,IAAW,WAAW,UAErB;IAED,IAAW,UAAU,WAEpB;IAED,IAAW,KAAK,WAIf;IAED,IAAW,WAAW,WAErB;IAED,IAAW,mBAAmB,WAE7B;IAED,IAAW,WAAW,WAIrB;IAED,IAAW,SAAS,WAInB;IAED,IAAW,UAAU,WAEpB;IAED,IAAW,UAAU,WAEpB;IAED,IAAW,sBAAsB,WAEhC;IAED,IAAW,oBAAoB,WAE9B;CACF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/mini-chart",
   "description": "Semrush MiniChart Component",
-  "version": "17.2.1",
+  "version": "17.2.2-prerelease.4",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,7 +14,7 @@
     "require": "./lib/cjs/index.js"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^17.2.1"
+    "@semcore/base-components": "^17.2.2-prerelease.4"
   },
   "repository": {
     "type": "git",
@@ -22,9 +22,9 @@
     "directory": "semcore/mini-chart"
   },
   "devDependencies": {
-    "@semcore/core": "17.2.1",
-    "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-components": "17.2.1"
+    "@semcore/base-components": "17.2.2-prerelease.4",
+    "@semcore/core": "17.3.1-prerelease.4",
+    "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=ts && pnpm vite build"