@semcore/mini-chart 16.1.1 → 16.2.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +4 -4
  3. package/lib/cjs/component/score/Donut.js +9 -9
  4. package/lib/cjs/component/score/Line.js +18 -18
  5. package/lib/cjs/component/score/line.shadow.css +4 -4
  6. package/lib/cjs/component/trend/Bar.js +7 -7
  7. package/lib/cjs/component/trend/Line.js +7 -7
  8. package/lib/es6/component/score/Donut.js +9 -9
  9. package/lib/es6/component/score/Line.js +18 -18
  10. package/lib/es6/component/score/line.shadow.css +4 -4
  11. package/lib/es6/component/trend/Bar.js +7 -7
  12. package/lib/es6/component/trend/Line.js +7 -7
  13. package/lib/esm/component/score/Donut.mjs +10 -10
  14. package/lib/esm/component/score/Line.mjs +19 -19
  15. package/lib/esm/component/score/line.shadow.css +4 -4
  16. package/lib/esm/component/trend/Bar.mjs +8 -8
  17. package/lib/esm/component/trend/Line.mjs +8 -8
  18. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [16.2.0] - 2026-05-07
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [16.1.1] - 2025-10-29
6
12
 
7
13
  ### Changed
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  [![version](https://img.shields.io/npm/v/@semcore/mini-chart.svg)](https://www.npmjs.com/@semcore/mini-chart)
4
4
  [![downloads](https://img.shields.io/npm/dt/@semcore/mini-chart.svg)](https://www.npmjs.com/package/@semcore/mini-chart)
5
- [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
5
+ [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
6
6
 
7
7
  > This component is part of the Intergalactic Design System
8
8
 
@@ -20,13 +20,13 @@ npm install @semcore/mini-chart
20
20
 
21
21
  ## 👤 Author
22
22
 
23
- [UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
23
+ [UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
24
24
 
25
25
  ## 🤝 Contributing
26
26
 
27
27
  Contributions, issues and feature requests are welcome!
28
28
 
29
- Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
29
+ Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
30
30
 
31
31
  ## Show your support
32
32
 
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
34
34
 
35
35
  ## 📝 License
36
36
 
37
- This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
37
+ This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
package/lib/cjs/component/score/Donut.js CHANGED
@@ -19,17 +19,17 @@ var _flexBox = require("@semcore/flex-box");
19
19
  var _react = _interopRequireDefault(require("react"));
20
20
  var _ScoreDonutUtils = require("../../utils/ScoreDonutUtils");
21
21
  /*!__reshadow-styles__:"./donut.shadow.css"*/
22
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1kq41{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1kq41_gg_.__loading_1kq41_gg_,.___SLineGauge_1kq41_gg_.__loading_1kq41_gg_,.___STrendBar_1kq41_gg_.__loading_1kq41_gg_,.___STrendLine_1kq41_gg_.__loading_1kq41_gg_{animation-name:pulse_1kq41;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1kq41_gg_.__semi_1kq41_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1kq41_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1kq41_gg_.__animate_1kq41_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1kq41_gg_"),
22
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1saxg{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1saxg_gg_.__loading_1saxg_gg_,.___SLineGauge_1saxg_gg_.__loading_1saxg_gg_,.___STrendBar_1saxg_gg_.__loading_1saxg_gg_,.___STrendLine_1saxg_gg_.__loading_1saxg_gg_{animation-name:pulse_1saxg;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1saxg_gg_.__semi_1saxg_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1saxg_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1saxg_gg_.__animate_1saxg_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1saxg_gg_"),
23
23
  /*__reshadow_css_end__*/
24
24
  {
25
- "__SLineGauge": "___SLineGauge_1kq41_gg_",
26
- "_loading": "__loading_1kq41_gg_",
27
- "__SDonutContainer": "___SDonutContainer_1kq41_gg_",
28
- "__STrendLine": "___STrendLine_1kq41_gg_",
29
- "__STrendBar": "___STrendBar_1kq41_gg_",
30
- "@pulse": "pulse_1kq41",
31
- "_animate": "__animate_1kq41_gg_",
32
- "_semi": "__semi_1kq41_gg_"
25
+ "__SLineGauge": "___SLineGauge_1saxg_gg_",
26
+ "_loading": "__loading_1saxg_gg_",
27
+ "__SDonutContainer": "___SDonutContainer_1saxg_gg_",
28
+ "__STrendLine": "___STrendLine_1saxg_gg_",
29
+ "__STrendBar": "___STrendBar_1saxg_gg_",
30
+ "@pulse": "pulse_1saxg",
31
+ "_animate": "__animate_1saxg_gg_",
32
+ "_semi": "__semi_1saxg_gg_"
33
33
  });
34
34
  var DonutRoot = /*#__PURE__*/function (_Component) {
35
35
  function DonutRoot() {
package/lib/cjs/component/score/Line.js CHANGED
@@ -16,26 +16,26 @@ var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/uti
16
16
  var _flexBox = require("@semcore/flex-box");
17
17
  var _react = _interopRequireDefault(require("react"));
18
18
  /*!__reshadow-styles__:"./line.shadow.css"*/
19
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_fmdk9{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_fmdk9{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_fmdk9_gg_.__loading_fmdk9_gg_,.___SLineGauge_fmdk9_gg_.__loading_fmdk9_gg_,.___STrendBar_fmdk9_gg_.__loading_fmdk9_gg_,.___STrendLine_fmdk9_gg_.__loading_fmdk9_gg_{animation-name:pulse_fmdk9;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_fmdk9_gg_{height:8px;background-color:var(--base-bg-color_fmdk9, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_fmdk9_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_fmdk9_gg_.__percent_fmdk9_gg_{width:var(--percent_fmdk9)}.___SLineSegmentItem_fmdk9_gg_.__color_fmdk9_gg_,.___SLineValue_fmdk9_gg_.__color_fmdk9_gg_{background-color:var(--color_fmdk9, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_fmdk9_gg_.__segments_fmdk9_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_fmdk9_gg_,.___SLineGaugeSegment_fmdk9_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_fmdk9_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_fmdk9_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_fmdk9_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_fmdk9;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"fmdk9_gg_"),
19
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_19j5q{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_19j5q{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_19j5q_gg_.__loading_19j5q_gg_,.___SLineGauge_19j5q_gg_.__loading_19j5q_gg_,.___STrendBar_19j5q_gg_.__loading_19j5q_gg_,.___STrendLine_19j5q_gg_.__loading_19j5q_gg_{animation-name:pulse_19j5q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_19j5q_gg_{height:8px;background-color:var(--base-bg-color_19j5q, var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242)));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_19j5q_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_19j5q_gg_.__percent_19j5q_gg_{width:var(--percent_19j5q)}.___SLineSegmentItem_19j5q_gg_.__color_19j5q_gg_,.___SLineValue_19j5q_gg_.__color_19j5q_gg_{background-color:var(--color_19j5q, var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219)))}.___SLineGauge_19j5q_gg_.__segments_19j5q_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_19j5q_gg_,.___SLineGaugeSegment_19j5q_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_19j5q_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_19j5q_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #fff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_19j5q_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242));transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_19j5q;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"19j5q_gg_"),
20
20
  /*__reshadow_css_end__*/
21
21
  {
22
- "__SLineGauge": "___SLineGauge_fmdk9_gg_",
23
- "_loading": "__loading_fmdk9_gg_",
24
- "__SDonutContainer": "___SDonutContainer_fmdk9_gg_",
25
- "__STrendLine": "___STrendLine_fmdk9_gg_",
26
- "__STrendBar": "___STrendBar_fmdk9_gg_",
27
- "@pulse": "pulse_fmdk9",
28
- "--base-bg-color": "--base-bg-color_fmdk9",
29
- "__SLineValue": "___SLineValue_fmdk9_gg_",
30
- "_percent": "__percent_fmdk9_gg_",
31
- "--percent": "--percent_fmdk9",
32
- "_color": "__color_fmdk9_gg_",
33
- "__SLineSegmentItem": "___SLineSegmentItem_fmdk9_gg_",
34
- "--color": "--color_fmdk9",
35
- "_segments": "__segments_fmdk9_gg_",
36
- "__SLineGaugeSegment": "___SLineGaugeSegment_fmdk9_gg_",
37
- "__SAnimationLine": "___SAnimationLine_fmdk9_gg_",
38
- "@move-line": "move-line_fmdk9"
22
+ "__SLineGauge": "___SLineGauge_19j5q_gg_",
23
+ "_loading": "__loading_19j5q_gg_",
24
+ "__SDonutContainer": "___SDonutContainer_19j5q_gg_",
25
+ "__STrendLine": "___STrendLine_19j5q_gg_",
26
+ "__STrendBar": "___STrendBar_19j5q_gg_",
27
+ "@pulse": "pulse_19j5q",
28
+ "__SLineValue": "___SLineValue_19j5q_gg_",
29
+ "_percent": "__percent_19j5q_gg_",
30
+ "--percent": "--percent_19j5q",
31
+ "_color": "__color_19j5q_gg_",
32
+ "__SLineSegmentItem": "___SLineSegmentItem_19j5q_gg_",
33
+ "_segments": "__segments_19j5q_gg_",
34
+ "__SLineGaugeSegment": "___SLineGaugeSegment_19j5q_gg_",
35
+ "__SAnimationLine": "___SAnimationLine_19j5q_gg_",
36
+ "@move-line": "move-line_19j5q",
37
+ "--base-bg-color": "--base-bg-color_19j5q",
38
+ "--color": "--color_19j5q"
39
39
  });
40
40
  var LineRoot = /*#__PURE__*/function (_Component) {
41
41
  function LineRoot() {
package/lib/cjs/component/score/line.shadow.css CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  SLineGauge {
4
4
  height: 8px;
5
- background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));
5
+ background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180)));
6
6
  border-radius: var(--intergalactic-chart-rounded, 2px);
7
7
  overflow: hidden;
8
8
  position: relative;
@@ -18,7 +18,7 @@ SLineValue[percent] {
18
18
  }
19
19
 
20
20
  SLineValue[color], SLineSegmentItem[color] {
21
- background-color: var(--color, var(--intergalactic-chart-palette-order-1, #2bb3ff));
21
+ background-color: var(--color, var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2)));
22
22
  }
23
23
 
24
24
  SLineGauge[segments] {
@@ -41,14 +41,14 @@ SLineSegmentItem:last-child {
41
41
  SLineSegmentItem {
42
42
  height: 8px;
43
43
  background: transparent;
44
- border-right-color: var(--intergalactic-chart-grid-border, #ffffff);
44
+ border-right-color: var(--intergalactic-chart-grid-border, #fff);
45
45
  border-right-style: solid;
46
46
  border-right-width: 1px;
47
47
  box-sizing: content-box;
48
48
  }
49
49
 
50
50
  SAnimationLine {
51
- background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);
51
+ background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180));
52
52
  transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
53
53
  animation-name: move-line;
54
54
  animation-duration: 0.5s;
package/lib/cjs/component/trend/Bar.js CHANGED
@@ -19,15 +19,15 @@ var _flexBox = require("@semcore/flex-box");
19
19
  var _react = _interopRequireDefault(require("react"));
20
20
  var _Trend2 = require("./Trend");
21
21
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
22
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1wd8q{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1wd8q_gg_.__loading_1wd8q_gg_,.___SLineGauge_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendBar_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendLine_1wd8q_gg_.__loading_1wd8q_gg_{animation-name:pulse_1wd8q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1wd8q_gg_"),
22
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_kqje7{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_kqje7_gg_.__loading_kqje7_gg_,.___SLineGauge_kqje7_gg_.__loading_kqje7_gg_,.___STrendBar_kqje7_gg_.__loading_kqje7_gg_,.___STrendLine_kqje7_gg_.__loading_kqje7_gg_{animation-name:pulse_kqje7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"kqje7_gg_"),
23
23
  /*__reshadow_css_end__*/
24
24
  {
25
- "__SLineGauge": "___SLineGauge_1wd8q_gg_",
26
- "_loading": "__loading_1wd8q_gg_",
27
- "__SDonutContainer": "___SDonutContainer_1wd8q_gg_",
28
- "__STrendLine": "___STrendLine_1wd8q_gg_",
29
- "__STrendBar": "___STrendBar_1wd8q_gg_",
30
- "@pulse": "pulse_1wd8q"
25
+ "__SLineGauge": "___SLineGauge_kqje7_gg_",
26
+ "_loading": "__loading_kqje7_gg_",
27
+ "__SDonutContainer": "___SDonutContainer_kqje7_gg_",
28
+ "__STrendLine": "___STrendLine_kqje7_gg_",
29
+ "__STrendBar": "___STrendBar_kqje7_gg_",
30
+ "@pulse": "pulse_kqje7"
31
31
  });
32
32
  var TrendBarRoot = /*#__PURE__*/function (_Trend) {
33
33
  function TrendBarRoot() {
package/lib/cjs/component/trend/Line.js CHANGED
@@ -20,15 +20,15 @@ var _flexBox = require("@semcore/flex-box");
20
20
  var _react = _interopRequireDefault(require("react"));
21
21
  var _Trend2 = require("./Trend");
22
22
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
23
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1wd8q{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1wd8q_gg_.__loading_1wd8q_gg_,.___SLineGauge_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendBar_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendLine_1wd8q_gg_.__loading_1wd8q_gg_{animation-name:pulse_1wd8q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1wd8q_gg_"),
23
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_kqje7{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_kqje7_gg_.__loading_kqje7_gg_,.___SLineGauge_kqje7_gg_.__loading_kqje7_gg_,.___STrendBar_kqje7_gg_.__loading_kqje7_gg_,.___STrendLine_kqje7_gg_.__loading_kqje7_gg_{animation-name:pulse_kqje7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"kqje7_gg_"),
24
24
  /*__reshadow_css_end__*/
25
25
  {
26
- "__SLineGauge": "___SLineGauge_1wd8q_gg_",
27
- "_loading": "__loading_1wd8q_gg_",
28
- "__SDonutContainer": "___SDonutContainer_1wd8q_gg_",
29
- "__STrendLine": "___STrendLine_1wd8q_gg_",
30
- "__STrendBar": "___STrendBar_1wd8q_gg_",
31
- "@pulse": "pulse_1wd8q"
26
+ "__SLineGauge": "___SLineGauge_kqje7_gg_",
27
+ "_loading": "__loading_kqje7_gg_",
28
+ "__SDonutContainer": "___SDonutContainer_kqje7_gg_",
29
+ "__STrendLine": "___STrendLine_kqje7_gg_",
30
+ "__STrendBar": "___STrendBar_kqje7_gg_",
31
+ "@pulse": "pulse_kqje7"
32
32
  });
33
33
  var TrendLineRoot = /*#__PURE__*/function (_Trend) {
34
34
  function TrendLineRoot() {
package/lib/es6/component/score/Donut.js CHANGED
@@ -14,17 +14,17 @@ import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
14
14
  import { Box } from '@semcore/flex-box';
15
15
  import React from 'react';
16
16
  /*!__reshadow-styles__:"./donut.shadow.css"*/
17
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1kq41{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1kq41_gg_.__loading_1kq41_gg_,.___SLineGauge_1kq41_gg_.__loading_1kq41_gg_,.___STrendBar_1kq41_gg_.__loading_1kq41_gg_,.___STrendLine_1kq41_gg_.__loading_1kq41_gg_{animation-name:pulse_1kq41;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1kq41_gg_.__semi_1kq41_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1kq41_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1kq41_gg_.__animate_1kq41_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1kq41_gg_"),
17
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1saxg{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1saxg_gg_.__loading_1saxg_gg_,.___SLineGauge_1saxg_gg_.__loading_1saxg_gg_,.___STrendBar_1saxg_gg_.__loading_1saxg_gg_,.___STrendLine_1saxg_gg_.__loading_1saxg_gg_{animation-name:pulse_1saxg;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1saxg_gg_.__semi_1saxg_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1saxg_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1saxg_gg_.__animate_1saxg_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1saxg_gg_"),
18
18
  /*__reshadow_css_end__*/
19
19
  {
20
- "__SLineGauge": "___SLineGauge_1kq41_gg_",
21
- "_loading": "__loading_1kq41_gg_",
22
- "__SDonutContainer": "___SDonutContainer_1kq41_gg_",
23
- "__STrendLine": "___STrendLine_1kq41_gg_",
24
- "__STrendBar": "___STrendBar_1kq41_gg_",
25
- "@pulse": "pulse_1kq41",
26
- "_animate": "__animate_1kq41_gg_",
27
- "_semi": "__semi_1kq41_gg_"
20
+ "__SLineGauge": "___SLineGauge_1saxg_gg_",
21
+ "_loading": "__loading_1saxg_gg_",
22
+ "__SDonutContainer": "___SDonutContainer_1saxg_gg_",
23
+ "__STrendLine": "___STrendLine_1saxg_gg_",
24
+ "__STrendBar": "___STrendBar_1saxg_gg_",
25
+ "@pulse": "pulse_1saxg",
26
+ "_animate": "__animate_1saxg_gg_",
27
+ "_semi": "__semi_1saxg_gg_"
28
28
  });
29
29
  import { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';
30
30
  var DonutRoot = /*#__PURE__*/function (_Component) {
package/lib/es6/component/score/Line.js CHANGED
@@ -13,26 +13,26 @@ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEn
13
13
  import { Box, Flex } from '@semcore/flex-box';
14
14
  import React from 'react';
15
15
  /*!__reshadow-styles__:"./line.shadow.css"*/
16
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_fmdk9{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_fmdk9{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_fmdk9_gg_.__loading_fmdk9_gg_,.___SLineGauge_fmdk9_gg_.__loading_fmdk9_gg_,.___STrendBar_fmdk9_gg_.__loading_fmdk9_gg_,.___STrendLine_fmdk9_gg_.__loading_fmdk9_gg_{animation-name:pulse_fmdk9;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_fmdk9_gg_{height:8px;background-color:var(--base-bg-color_fmdk9, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_fmdk9_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_fmdk9_gg_.__percent_fmdk9_gg_{width:var(--percent_fmdk9)}.___SLineSegmentItem_fmdk9_gg_.__color_fmdk9_gg_,.___SLineValue_fmdk9_gg_.__color_fmdk9_gg_{background-color:var(--color_fmdk9, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_fmdk9_gg_.__segments_fmdk9_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_fmdk9_gg_,.___SLineGaugeSegment_fmdk9_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_fmdk9_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_fmdk9_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_fmdk9_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_fmdk9;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"fmdk9_gg_"),
16
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_19j5q{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_19j5q{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_19j5q_gg_.__loading_19j5q_gg_,.___SLineGauge_19j5q_gg_.__loading_19j5q_gg_,.___STrendBar_19j5q_gg_.__loading_19j5q_gg_,.___STrendLine_19j5q_gg_.__loading_19j5q_gg_{animation-name:pulse_19j5q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_19j5q_gg_{height:8px;background-color:var(--base-bg-color_19j5q, var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242)));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_19j5q_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_19j5q_gg_.__percent_19j5q_gg_{width:var(--percent_19j5q)}.___SLineSegmentItem_19j5q_gg_.__color_19j5q_gg_,.___SLineValue_19j5q_gg_.__color_19j5q_gg_{background-color:var(--color_19j5q, var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219)))}.___SLineGauge_19j5q_gg_.__segments_19j5q_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_19j5q_gg_,.___SLineGaugeSegment_19j5q_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_19j5q_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_19j5q_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #fff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_19j5q_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242));transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_19j5q;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"19j5q_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__SLineGauge": "___SLineGauge_fmdk9_gg_",
20
- "_loading": "__loading_fmdk9_gg_",
21
- "__SDonutContainer": "___SDonutContainer_fmdk9_gg_",
22
- "__STrendLine": "___STrendLine_fmdk9_gg_",
23
- "__STrendBar": "___STrendBar_fmdk9_gg_",
24
- "@pulse": "pulse_fmdk9",
25
- "--base-bg-color": "--base-bg-color_fmdk9",
26
- "__SLineValue": "___SLineValue_fmdk9_gg_",
27
- "_percent": "__percent_fmdk9_gg_",
28
- "--percent": "--percent_fmdk9",
29
- "_color": "__color_fmdk9_gg_",
30
- "__SLineSegmentItem": "___SLineSegmentItem_fmdk9_gg_",
31
- "--color": "--color_fmdk9",
32
- "_segments": "__segments_fmdk9_gg_",
33
- "__SLineGaugeSegment": "___SLineGaugeSegment_fmdk9_gg_",
34
- "__SAnimationLine": "___SAnimationLine_fmdk9_gg_",
35
- "@move-line": "move-line_fmdk9"
19
+ "__SLineGauge": "___SLineGauge_19j5q_gg_",
20
+ "_loading": "__loading_19j5q_gg_",
21
+ "__SDonutContainer": "___SDonutContainer_19j5q_gg_",
22
+ "__STrendLine": "___STrendLine_19j5q_gg_",
23
+ "__STrendBar": "___STrendBar_19j5q_gg_",
24
+ "@pulse": "pulse_19j5q",
25
+ "__SLineValue": "___SLineValue_19j5q_gg_",
26
+ "_percent": "__percent_19j5q_gg_",
27
+ "--percent": "--percent_19j5q",
28
+ "_color": "__color_19j5q_gg_",
29
+ "__SLineSegmentItem": "___SLineSegmentItem_19j5q_gg_",
30
+ "_segments": "__segments_19j5q_gg_",
31
+ "__SLineGaugeSegment": "___SLineGaugeSegment_19j5q_gg_",
32
+ "__SAnimationLine": "___SAnimationLine_19j5q_gg_",
33
+ "@move-line": "move-line_19j5q",
34
+ "--base-bg-color": "--base-bg-color_19j5q",
35
+ "--color": "--color_19j5q"
36
36
  });
37
37
  var LineRoot = /*#__PURE__*/function (_Component) {
38
38
  function LineRoot() {
package/lib/es6/component/score/line.shadow.css CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  SLineGauge {
4
4
  height: 8px;
5
- background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));
5
+ background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180)));
6
6
  border-radius: var(--intergalactic-chart-rounded, 2px);
7
7
  overflow: hidden;
8
8
  position: relative;
@@ -18,7 +18,7 @@ SLineValue[percent] {
18
18
  }
19
19
 
20
20
  SLineValue[color], SLineSegmentItem[color] {
21
- background-color: var(--color, var(--intergalactic-chart-palette-order-1, #2bb3ff));
21
+ background-color: var(--color, var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2)));
22
22
  }
23
23
 
24
24
  SLineGauge[segments] {
@@ -41,14 +41,14 @@ SLineSegmentItem:last-child {
41
41
  SLineSegmentItem {
42
42
  height: 8px;
43
43
  background: transparent;
44
- border-right-color: var(--intergalactic-chart-grid-border, #ffffff);
44
+ border-right-color: var(--intergalactic-chart-grid-border, #fff);
45
45
  border-right-style: solid;
46
46
  border-right-width: 1px;
47
47
  box-sizing: content-box;
48
48
  }
49
49
 
50
50
  SAnimationLine {
51
- background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);
51
+ background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180));
52
52
  transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
53
53
  animation-name: move-line;
54
54
  animation-duration: 0.5s;
package/lib/es6/component/trend/Bar.js CHANGED
@@ -14,15 +14,15 @@ import { Box } from '@semcore/flex-box';
14
14
  import React from 'react';
15
15
  import { Trend } from './Trend';
16
16
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
17
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1wd8q{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1wd8q_gg_.__loading_1wd8q_gg_,.___SLineGauge_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendBar_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendLine_1wd8q_gg_.__loading_1wd8q_gg_{animation-name:pulse_1wd8q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1wd8q_gg_"),
17
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_kqje7{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_kqje7_gg_.__loading_kqje7_gg_,.___SLineGauge_kqje7_gg_.__loading_kqje7_gg_,.___STrendBar_kqje7_gg_.__loading_kqje7_gg_,.___STrendLine_kqje7_gg_.__loading_kqje7_gg_{animation-name:pulse_kqje7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"kqje7_gg_"),
18
18
  /*__reshadow_css_end__*/
19
19
  {
20
- "__SLineGauge": "___SLineGauge_1wd8q_gg_",
21
- "_loading": "__loading_1wd8q_gg_",
22
- "__SDonutContainer": "___SDonutContainer_1wd8q_gg_",
23
- "__STrendLine": "___STrendLine_1wd8q_gg_",
24
- "__STrendBar": "___STrendBar_1wd8q_gg_",
25
- "@pulse": "pulse_1wd8q"
20
+ "__SLineGauge": "___SLineGauge_kqje7_gg_",
21
+ "_loading": "__loading_kqje7_gg_",
22
+ "__SDonutContainer": "___SDonutContainer_kqje7_gg_",
23
+ "__STrendLine": "___STrendLine_kqje7_gg_",
24
+ "__STrendBar": "___STrendBar_kqje7_gg_",
25
+ "@pulse": "pulse_kqje7"
26
26
  });
27
27
  var TrendBarRoot = /*#__PURE__*/function (_Trend) {
28
28
  function TrendBarRoot() {
package/lib/es6/component/trend/Line.js CHANGED
@@ -15,15 +15,15 @@ import { Box } from '@semcore/flex-box';
15
15
  import React from 'react';
16
16
  import { Trend } from './Trend';
17
17
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
18
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1wd8q{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1wd8q_gg_.__loading_1wd8q_gg_,.___SLineGauge_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendBar_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendLine_1wd8q_gg_.__loading_1wd8q_gg_{animation-name:pulse_1wd8q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1wd8q_gg_"),
18
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_kqje7{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_kqje7_gg_.__loading_kqje7_gg_,.___SLineGauge_kqje7_gg_.__loading_kqje7_gg_,.___STrendBar_kqje7_gg_.__loading_kqje7_gg_,.___STrendLine_kqje7_gg_.__loading_kqje7_gg_{animation-name:pulse_kqje7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"kqje7_gg_"),
19
19
  /*__reshadow_css_end__*/
20
20
  {
21
- "__SLineGauge": "___SLineGauge_1wd8q_gg_",
22
- "_loading": "__loading_1wd8q_gg_",
23
- "__SDonutContainer": "___SDonutContainer_1wd8q_gg_",
24
- "__STrendLine": "___STrendLine_1wd8q_gg_",
25
- "__STrendBar": "___STrendBar_1wd8q_gg_",
26
- "@pulse": "pulse_1wd8q"
21
+ "__SLineGauge": "___SLineGauge_kqje7_gg_",
22
+ "_loading": "__loading_kqje7_gg_",
23
+ "__SDonutContainer": "___SDonutContainer_kqje7_gg_",
24
+ "__STrendLine": "___STrendLine_kqje7_gg_",
25
+ "__STrendBar": "___STrendBar_kqje7_gg_",
26
+ "@pulse": "pulse_kqje7"
27
27
  });
28
28
  var TrendLineRoot = /*#__PURE__*/function (_Trend) {
29
29
  function TrendLineRoot() {
package/lib/esm/component/score/Donut.mjs CHANGED
@@ -16,19 +16,19 @@ var style = (
16
16
  /*__reshadow_css_start__*/
17
17
  (sstyled.insert(
18
18
  /*__inner_css_start__*/
19
- "@keyframes pulse_1kq41{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1kq41_gg_.__loading_1kq41_gg_,.___SLineGauge_1kq41_gg_.__loading_1kq41_gg_,.___STrendBar_1kq41_gg_.__loading_1kq41_gg_,.___STrendLine_1kq41_gg_.__loading_1kq41_gg_{animation-name:pulse_1kq41;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1kq41_gg_.__semi_1kq41_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1kq41_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1kq41_gg_.__animate_1kq41_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}",
19
+ "@keyframes pulse_1saxg{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1saxg_gg_.__loading_1saxg_gg_,.___SLineGauge_1saxg_gg_.__loading_1saxg_gg_,.___STrendBar_1saxg_gg_.__loading_1saxg_gg_,.___STrendLine_1saxg_gg_.__loading_1saxg_gg_{animation-name:pulse_1saxg;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1saxg_gg_.__semi_1saxg_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1saxg_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1saxg_gg_.__animate_1saxg_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}",
20
20
  /*__inner_css_end__*/
21
- "1kq41_gg_"
21
+ "1saxg_gg_"
22
22
  ), /*__reshadow_css_end__*/
23
23
  {
24
- "__SLineGauge": "___SLineGauge_1kq41_gg_",
25
- "_loading": "__loading_1kq41_gg_",
26
- "__SDonutContainer": "___SDonutContainer_1kq41_gg_",
27
- "__STrendLine": "___STrendLine_1kq41_gg_",
28
- "__STrendBar": "___STrendBar_1kq41_gg_",
29
- "@pulse": "pulse_1kq41",
30
- "_animate": "__animate_1kq41_gg_",
31
- "_semi": "__semi_1kq41_gg_"
24
+ "__SLineGauge": "___SLineGauge_1saxg_gg_",
25
+ "_loading": "__loading_1saxg_gg_",
26
+ "__SDonutContainer": "___SDonutContainer_1saxg_gg_",
27
+ "__STrendLine": "___STrendLine_1saxg_gg_",
28
+ "__STrendBar": "___STrendBar_1saxg_gg_",
29
+ "@pulse": "pulse_1saxg",
30
+ "_animate": "__animate_1saxg_gg_",
31
+ "_semi": "__semi_1saxg_gg_"
32
32
  })
33
33
  );
34
34
  var DonutRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/component/score/Line.mjs CHANGED
@@ -13,28 +13,28 @@ var style = (
13
13
  /*__reshadow_css_start__*/
14
14
  (sstyled.insert(
15
15
  /*__inner_css_start__*/
16
- "@keyframes pulse_fmdk9{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_fmdk9{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_fmdk9_gg_.__loading_fmdk9_gg_,.___SLineGauge_fmdk9_gg_.__loading_fmdk9_gg_,.___STrendBar_fmdk9_gg_.__loading_fmdk9_gg_,.___STrendLine_fmdk9_gg_.__loading_fmdk9_gg_{animation-name:pulse_fmdk9;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_fmdk9_gg_{height:8px;background-color:var(--base-bg-color_fmdk9, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_fmdk9_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_fmdk9_gg_.__percent_fmdk9_gg_{width:var(--percent_fmdk9)}.___SLineSegmentItem_fmdk9_gg_.__color_fmdk9_gg_,.___SLineValue_fmdk9_gg_.__color_fmdk9_gg_{background-color:var(--color_fmdk9, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_fmdk9_gg_.__segments_fmdk9_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_fmdk9_gg_,.___SLineGaugeSegment_fmdk9_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_fmdk9_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_fmdk9_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_fmdk9_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_fmdk9;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
16
+ "@keyframes pulse_19j5q{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_19j5q{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_19j5q_gg_.__loading_19j5q_gg_,.___SLineGauge_19j5q_gg_.__loading_19j5q_gg_,.___STrendBar_19j5q_gg_.__loading_19j5q_gg_,.___STrendLine_19j5q_gg_.__loading_19j5q_gg_{animation-name:pulse_19j5q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_19j5q_gg_{height:8px;background-color:var(--base-bg-color_19j5q, var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242)));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_19j5q_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_19j5q_gg_.__percent_19j5q_gg_{width:var(--percent_19j5q)}.___SLineSegmentItem_19j5q_gg_.__color_19j5q_gg_,.___SLineValue_19j5q_gg_.__color_19j5q_gg_{background-color:var(--color_19j5q, var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219)))}.___SLineGauge_19j5q_gg_.__segments_19j5q_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_19j5q_gg_,.___SLineGaugeSegment_19j5q_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_19j5q_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_19j5q_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #fff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_19j5q_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242));transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_19j5q;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
17
17
  /*__inner_css_end__*/
18
- "fmdk9_gg_"
18
+ "19j5q_gg_"
19
19
  ), /*__reshadow_css_end__*/
20
20
  {
21
- "__SLineGauge": "___SLineGauge_fmdk9_gg_",
22
- "_loading": "__loading_fmdk9_gg_",
23
- "__SDonutContainer": "___SDonutContainer_fmdk9_gg_",
24
- "__STrendLine": "___STrendLine_fmdk9_gg_",
25
- "__STrendBar": "___STrendBar_fmdk9_gg_",
26
- "@pulse": "pulse_fmdk9",
27
- "--base-bg-color": "--base-bg-color_fmdk9",
28
- "__SLineValue": "___SLineValue_fmdk9_gg_",
29
- "_percent": "__percent_fmdk9_gg_",
30
- "--percent": "--percent_fmdk9",
31
- "_color": "__color_fmdk9_gg_",
32
- "__SLineSegmentItem": "___SLineSegmentItem_fmdk9_gg_",
33
- "--color": "--color_fmdk9",
34
- "_segments": "__segments_fmdk9_gg_",
35
- "__SLineGaugeSegment": "___SLineGaugeSegment_fmdk9_gg_",
36
- "__SAnimationLine": "___SAnimationLine_fmdk9_gg_",
37
- "@move-line": "move-line_fmdk9"
21
+ "__SLineGauge": "___SLineGauge_19j5q_gg_",
22
+ "_loading": "__loading_19j5q_gg_",
23
+ "__SDonutContainer": "___SDonutContainer_19j5q_gg_",
24
+ "__STrendLine": "___STrendLine_19j5q_gg_",
25
+ "__STrendBar": "___STrendBar_19j5q_gg_",
26
+ "@pulse": "pulse_19j5q",
27
+ "__SLineValue": "___SLineValue_19j5q_gg_",
28
+ "_percent": "__percent_19j5q_gg_",
29
+ "--percent": "--percent_19j5q",
30
+ "_color": "__color_19j5q_gg_",
31
+ "__SLineSegmentItem": "___SLineSegmentItem_19j5q_gg_",
32
+ "_segments": "__segments_19j5q_gg_",
33
+ "__SLineGaugeSegment": "___SLineGaugeSegment_19j5q_gg_",
34
+ "__SAnimationLine": "___SAnimationLine_19j5q_gg_",
35
+ "@move-line": "move-line_19j5q",
36
+ "--base-bg-color": "--base-bg-color_19j5q",
37
+ "--color": "--color_19j5q"
38
38
  })
39
39
  );
40
40
  var LineRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/component/score/line.shadow.css CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  SLineGauge {
4
4
  height: 8px;
5
- background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));
5
+ background-color: var(--base-bg-color, var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180)));
6
6
  border-radius: var(--intergalactic-chart-rounded, 2px);
7
7
  overflow: hidden;
8
8
  position: relative;
@@ -18,7 +18,7 @@ SLineValue[percent] {
18
18
  }
19
19
 
20
20
  SLineValue[color], SLineSegmentItem[color] {
21
- background-color: var(--color, var(--intergalactic-chart-palette-order-1, #2bb3ff));
21
+ background-color: var(--color, var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2)));
22
22
  }
23
23
 
24
24
  SLineGauge[segments] {
@@ -41,14 +41,14 @@ SLineSegmentItem:last-child {
41
41
  SLineSegmentItem {
42
42
  height: 8px;
43
43
  background: transparent;
44
- border-right-color: var(--intergalactic-chart-grid-border, #ffffff);
44
+ border-right-color: var(--intergalactic-chart-grid-border, #fff);
45
45
  border-right-style: solid;
46
46
  border-right-width: 1px;
47
47
  box-sizing: content-box;
48
48
  }
49
49
 
50
50
  SAnimationLine {
51
- background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);
51
+ background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180));
52
52
  transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
53
53
  animation-name: move-line;
54
54
  animation-duration: 0.5s;
package/lib/esm/component/trend/Bar.mjs CHANGED
@@ -16,17 +16,17 @@ var style = (
16
16
  /*__reshadow_css_start__*/
17
17
  (sstyled.insert(
18
18
  /*__inner_css_start__*/
19
- "@keyframes pulse_1wd8q{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1wd8q_gg_.__loading_1wd8q_gg_,.___SLineGauge_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendBar_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendLine_1wd8q_gg_.__loading_1wd8q_gg_{animation-name:pulse_1wd8q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
19
+ "@keyframes pulse_kqje7{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_kqje7_gg_.__loading_kqje7_gg_,.___SLineGauge_kqje7_gg_.__loading_kqje7_gg_,.___STrendBar_kqje7_gg_.__loading_kqje7_gg_,.___STrendLine_kqje7_gg_.__loading_kqje7_gg_{animation-name:pulse_kqje7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
20
20
  /*__inner_css_end__*/
21
- "1wd8q_gg_"
21
+ "kqje7_gg_"
22
22
  ), /*__reshadow_css_end__*/
23
23
  {
24
- "__SLineGauge": "___SLineGauge_1wd8q_gg_",
25
- "_loading": "__loading_1wd8q_gg_",
26
- "__SDonutContainer": "___SDonutContainer_1wd8q_gg_",
27
- "__STrendLine": "___STrendLine_1wd8q_gg_",
28
- "__STrendBar": "___STrendBar_1wd8q_gg_",
29
- "@pulse": "pulse_1wd8q"
24
+ "__SLineGauge": "___SLineGauge_kqje7_gg_",
25
+ "_loading": "__loading_kqje7_gg_",
26
+ "__SDonutContainer": "___SDonutContainer_kqje7_gg_",
27
+ "__STrendLine": "___STrendLine_kqje7_gg_",
28
+ "__STrendBar": "___STrendBar_kqje7_gg_",
29
+ "@pulse": "pulse_kqje7"
30
30
  })
31
31
  );
32
32
  var TrendBarRoot = /* @__PURE__ */ (function(_Trend) {
package/lib/esm/component/trend/Line.mjs CHANGED
@@ -17,17 +17,17 @@ var style = (
17
17
  /*__reshadow_css_start__*/
18
18
  (sstyled.insert(
19
19
  /*__inner_css_start__*/
20
- "@keyframes pulse_1wd8q{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1wd8q_gg_.__loading_1wd8q_gg_,.___SLineGauge_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendBar_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendLine_1wd8q_gg_.__loading_1wd8q_gg_{animation-name:pulse_1wd8q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
20
+ "@keyframes pulse_kqje7{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_kqje7_gg_.__loading_kqje7_gg_,.___SLineGauge_kqje7_gg_.__loading_kqje7_gg_,.___STrendBar_kqje7_gg_.__loading_kqje7_gg_,.___STrendLine_kqje7_gg_.__loading_kqje7_gg_{animation-name:pulse_kqje7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
21
21
  /*__inner_css_end__*/
22
- "1wd8q_gg_"
22
+ "kqje7_gg_"
23
23
  ), /*__reshadow_css_end__*/
24
24
  {
25
- "__SLineGauge": "___SLineGauge_1wd8q_gg_",
26
- "_loading": "__loading_1wd8q_gg_",
27
- "__SDonutContainer": "___SDonutContainer_1wd8q_gg_",
28
- "__STrendLine": "___STrendLine_1wd8q_gg_",
29
- "__STrendBar": "___STrendBar_1wd8q_gg_",
30
- "@pulse": "pulse_1wd8q"
25
+ "__SLineGauge": "___SLineGauge_kqje7_gg_",
26
+ "_loading": "__loading_kqje7_gg_",
27
+ "__SDonutContainer": "___SDonutContainer_kqje7_gg_",
28
+ "__STrendLine": "___STrendLine_kqje7_gg_",
29
+ "__STrendBar": "___STrendBar_kqje7_gg_",
30
+ "@pulse": "pulse_kqje7"
31
31
  })
32
32
  );
33
33
  var TrendLineRoot = /* @__PURE__ */ (function(_Trend) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/mini-chart",
3
3
  "description": "Semrush MiniChart Component",
4
- "version": "16.1.1",
4
+ "version": "16.2.0-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,8 +14,8 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "peerDependencies": {
17
- "@semcore/base-components": "^16.0.0",
18
- "@semcore/flex-box": "^16.0.0"
17
+ "@semcore/base-components": "^16.6.0-prerelease.1",
18
+ "@semcore/flex-box": "^16.1.0-prerelease.1"
19
19
  },
20
20
  "repository": {
21
21
  "type": "git",
@@ -23,8 +23,8 @@
23
23
  "directory": "semcore/mini-chart"
24
24
  },
25
25
  "devDependencies": {
26
- "@semcore/testing-utils": "1.0.0",
27
- "@semcore/core": "16.5.1"
26
+ "@semcore/core": "16.6.0-prerelease.1",
27
+ "@semcore/testing-utils": "1.0.0"
28
28
  },
29
29
  "scripts": {
30
30
  "build": "pnpm semcore-builder --source=ts && pnpm vite build"