@semcore/mini-chart 17.0.1 → 17.1.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 (17) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/component/score/Donut.js +9 -9
  3. package/lib/cjs/component/score/Line.js +18 -18
  4. package/lib/cjs/component/score/line.shadow.css +4 -4
  5. package/lib/cjs/component/trend/Bar.js +7 -7
  6. package/lib/cjs/component/trend/Line.js +7 -7
  7. package/lib/es6/component/score/Donut.js +9 -9
  8. package/lib/es6/component/score/Line.js +18 -18
  9. package/lib/es6/component/score/line.shadow.css +4 -4
  10. package/lib/es6/component/trend/Bar.js +7 -7
  11. package/lib/es6/component/trend/Line.js +7 -7
  12. package/lib/esm/component/score/Donut.mjs +10 -10
  13. package/lib/esm/component/score/Line.mjs +19 -19
  14. package/lib/esm/component/score/line.shadow.css +4 -4
  15. package/lib/esm/component/trend/Bar.mjs +8 -8
  16. package/lib/esm/component/trend/Line.mjs +8 -8
  17. package/package.json +4 -4
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
+ ## [17.1.0] - 2026-05-13
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [17.0.1] - 2026-04-16
6
12
 
7
13
  ### Fixed
package/lib/cjs/component/score/Donut.js CHANGED
@@ -14,17 +14,17 @@ var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
  var _ScoreDonutUtils = require("../../utils/ScoreDonutUtils");
16
16
  /*!__reshadow-styles__:"./donut.shadow.css"*/
17
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_w54vj{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_w54vj_gg_.__loading_w54vj_gg_,.___SLineGauge_w54vj_gg_.__loading_w54vj_gg_,.___STrendBar_w54vj_gg_.__loading_w54vj_gg_,.___STrendLine_w54vj_gg_.__loading_w54vj_gg_{animation-name:pulse_w54vj;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_w54vj_gg_.__semi_w54vj_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_w54vj_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_w54vj_gg_.__animate_w54vj_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"w54vj_gg_"),
17
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_o19yu{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_o19yu_gg_.__loading_o19yu_gg_,.___SLineGauge_o19yu_gg_.__loading_o19yu_gg_,.___STrendBar_o19yu_gg_.__loading_o19yu_gg_,.___STrendLine_o19yu_gg_.__loading_o19yu_gg_{animation-name:pulse_o19yu;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_o19yu_gg_.__semi_o19yu_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_o19yu_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_o19yu_gg_.__animate_o19yu_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"o19yu_gg_"),
18
18
  /*__reshadow_css_end__*/
19
19
  {
20
- "__SLineGauge": "___SLineGauge_w54vj_gg_",
21
- "_loading": "__loading_w54vj_gg_",
22
- "__SDonutContainer": "___SDonutContainer_w54vj_gg_",
23
- "__STrendLine": "___STrendLine_w54vj_gg_",
24
- "__STrendBar": "___STrendBar_w54vj_gg_",
25
- "@pulse": "pulse_w54vj",
26
- "_animate": "__animate_w54vj_gg_",
27
- "_semi": "__semi_w54vj_gg_"
20
+ "__SLineGauge": "___SLineGauge_o19yu_gg_",
21
+ "_loading": "__loading_o19yu_gg_",
22
+ "__SDonutContainer": "___SDonutContainer_o19yu_gg_",
23
+ "__STrendLine": "___STrendLine_o19yu_gg_",
24
+ "__STrendBar": "___STrendBar_o19yu_gg_",
25
+ "@pulse": "pulse_o19yu",
26
+ "_animate": "__animate_o19yu_gg_",
27
+ "_semi": "__semi_o19yu_gg_"
28
28
  });
29
29
  class DonutRoot extends _core.Component {
30
30
  render() {
package/lib/cjs/component/score/Line.js CHANGED
@@ -11,26 +11,26 @@ var _baseComponents = require("@semcore/base-components");
11
11
  var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
12
12
  var _react = _interopRequireDefault(require("react"));
13
13
  /*!__reshadow-styles__:"./line.shadow.css"*/
14
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_j5lho{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_j5lho{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_j5lho_gg_.__loading_j5lho_gg_,.___SLineGauge_j5lho_gg_.__loading_j5lho_gg_,.___STrendBar_j5lho_gg_.__loading_j5lho_gg_,.___STrendLine_j5lho_gg_.__loading_j5lho_gg_{animation-name:pulse_j5lho;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_j5lho_gg_{height:8px;background-color:var(--base-bg-color_j5lho, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_j5lho_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_j5lho_gg_.__percent_j5lho_gg_{width:var(--percent_j5lho)}.___SLineSegmentItem_j5lho_gg_.__color_j5lho_gg_,.___SLineValue_j5lho_gg_.__color_j5lho_gg_{background-color:var(--color_j5lho, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_j5lho_gg_.__segments_j5lho_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_j5lho_gg_,.___SLineGaugeSegment_j5lho_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_j5lho_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_j5lho_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_j5lho_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_j5lho;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"j5lho_gg_"),
14
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_xxmc2{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_xxmc2{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_xxmc2_gg_.__loading_xxmc2_gg_,.___SLineGauge_xxmc2_gg_.__loading_xxmc2_gg_,.___STrendBar_xxmc2_gg_.__loading_xxmc2_gg_,.___STrendLine_xxmc2_gg_.__loading_xxmc2_gg_{animation-name:pulse_xxmc2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_xxmc2_gg_{height:8px;background-color:var(--base-bg-color_xxmc2, var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242)));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_xxmc2_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_xxmc2_gg_.__percent_xxmc2_gg_{width:var(--percent_xxmc2)}.___SLineSegmentItem_xxmc2_gg_.__color_xxmc2_gg_,.___SLineValue_xxmc2_gg_.__color_xxmc2_gg_{background-color:var(--color_xxmc2, var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219)))}.___SLineGauge_xxmc2_gg_.__segments_xxmc2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_xxmc2_gg_,.___SLineGaugeSegment_xxmc2_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_xxmc2_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_xxmc2_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_xxmc2_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_xxmc2;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"xxmc2_gg_"),
15
15
  /*__reshadow_css_end__*/
16
16
  {
17
- "__SLineGauge": "___SLineGauge_j5lho_gg_",
18
- "_loading": "__loading_j5lho_gg_",
19
- "__SDonutContainer": "___SDonutContainer_j5lho_gg_",
20
- "__STrendLine": "___STrendLine_j5lho_gg_",
21
- "__STrendBar": "___STrendBar_j5lho_gg_",
22
- "@pulse": "pulse_j5lho",
23
- "--base-bg-color": "--base-bg-color_j5lho",
24
- "__SLineValue": "___SLineValue_j5lho_gg_",
25
- "_percent": "__percent_j5lho_gg_",
26
- "--percent": "--percent_j5lho",
27
- "_color": "__color_j5lho_gg_",
28
- "__SLineSegmentItem": "___SLineSegmentItem_j5lho_gg_",
29
- "--color": "--color_j5lho",
30
- "_segments": "__segments_j5lho_gg_",
31
- "__SLineGaugeSegment": "___SLineGaugeSegment_j5lho_gg_",
32
- "__SAnimationLine": "___SAnimationLine_j5lho_gg_",
33
- "@move-line": "move-line_j5lho"
17
+ "__SLineGauge": "___SLineGauge_xxmc2_gg_",
18
+ "_loading": "__loading_xxmc2_gg_",
19
+ "__SDonutContainer": "___SDonutContainer_xxmc2_gg_",
20
+ "__STrendLine": "___STrendLine_xxmc2_gg_",
21
+ "__STrendBar": "___STrendBar_xxmc2_gg_",
22
+ "@pulse": "pulse_xxmc2",
23
+ "__SLineValue": "___SLineValue_xxmc2_gg_",
24
+ "_percent": "__percent_xxmc2_gg_",
25
+ "--percent": "--percent_xxmc2",
26
+ "_color": "__color_xxmc2_gg_",
27
+ "__SLineSegmentItem": "___SLineSegmentItem_xxmc2_gg_",
28
+ "_segments": "__segments_xxmc2_gg_",
29
+ "__SLineGaugeSegment": "___SLineGaugeSegment_xxmc2_gg_",
30
+ "__SAnimationLine": "___SAnimationLine_xxmc2_gg_",
31
+ "@move-line": "move-line_xxmc2",
32
+ "--base-bg-color": "--base-bg-color_xxmc2",
33
+ "--color": "--color_xxmc2"
34
34
  });
35
35
  class LineRoot extends _core.Component {
36
36
  getSegmentProps(segmentProps) {
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
@@ -13,15 +13,15 @@ var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/uti
13
13
  var _react = _interopRequireDefault(require("react"));
14
14
  var _Trend = require("./Trend");
15
15
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
16
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1yrsa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1yrsa_gg_.__loading_1yrsa_gg_,.___SLineGauge_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendBar_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendLine_1yrsa_gg_.__loading_1yrsa_gg_{animation-name:pulse_1yrsa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1yrsa_gg_"),
16
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_9xybf{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_9xybf_gg_.__loading_9xybf_gg_,.___SLineGauge_9xybf_gg_.__loading_9xybf_gg_,.___STrendBar_9xybf_gg_.__loading_9xybf_gg_,.___STrendLine_9xybf_gg_.__loading_9xybf_gg_{animation-name:pulse_9xybf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"9xybf_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__SLineGauge": "___SLineGauge_1yrsa_gg_",
20
- "_loading": "__loading_1yrsa_gg_",
21
- "__SDonutContainer": "___SDonutContainer_1yrsa_gg_",
22
- "__STrendLine": "___STrendLine_1yrsa_gg_",
23
- "__STrendBar": "___STrendBar_1yrsa_gg_",
24
- "@pulse": "pulse_1yrsa"
19
+ "__SLineGauge": "___SLineGauge_9xybf_gg_",
20
+ "_loading": "__loading_9xybf_gg_",
21
+ "__SDonutContainer": "___SDonutContainer_9xybf_gg_",
22
+ "__STrendLine": "___STrendLine_9xybf_gg_",
23
+ "__STrendBar": "___STrendBar_9xybf_gg_",
24
+ "@pulse": "pulse_9xybf"
25
25
  });
26
26
  class TrendBarRoot extends _Trend.Trend {
27
27
  get defaultData() {
package/lib/cjs/component/trend/Line.js CHANGED
@@ -14,15 +14,15 @@ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
  var _Trend = require("./Trend");
16
16
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
17
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1yrsa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1yrsa_gg_.__loading_1yrsa_gg_,.___SLineGauge_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendBar_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendLine_1yrsa_gg_.__loading_1yrsa_gg_{animation-name:pulse_1yrsa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1yrsa_gg_"),
17
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_9xybf{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_9xybf_gg_.__loading_9xybf_gg_,.___SLineGauge_9xybf_gg_.__loading_9xybf_gg_,.___STrendBar_9xybf_gg_.__loading_9xybf_gg_,.___STrendLine_9xybf_gg_.__loading_9xybf_gg_{animation-name:pulse_9xybf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"9xybf_gg_"),
18
18
  /*__reshadow_css_end__*/
19
19
  {
20
- "__SLineGauge": "___SLineGauge_1yrsa_gg_",
21
- "_loading": "__loading_1yrsa_gg_",
22
- "__SDonutContainer": "___SDonutContainer_1yrsa_gg_",
23
- "__STrendLine": "___STrendLine_1yrsa_gg_",
24
- "__STrendBar": "___STrendBar_1yrsa_gg_",
25
- "@pulse": "pulse_1yrsa"
20
+ "__SLineGauge": "___SLineGauge_9xybf_gg_",
21
+ "_loading": "__loading_9xybf_gg_",
22
+ "__SDonutContainer": "___SDonutContainer_9xybf_gg_",
23
+ "__STrendLine": "___STrendLine_9xybf_gg_",
24
+ "__STrendBar": "___STrendBar_9xybf_gg_",
25
+ "@pulse": "pulse_9xybf"
26
26
  });
27
27
  class TrendLineRoot extends _Trend.Trend {
28
28
  get defaultData() {
package/lib/es6/component/score/Donut.js CHANGED
@@ -8,17 +8,17 @@ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEn
8
8
  import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
9
9
  import React from 'react';
10
10
  /*!__reshadow-styles__:"./donut.shadow.css"*/
11
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_w54vj{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_w54vj_gg_.__loading_w54vj_gg_,.___SLineGauge_w54vj_gg_.__loading_w54vj_gg_,.___STrendBar_w54vj_gg_.__loading_w54vj_gg_,.___STrendLine_w54vj_gg_.__loading_w54vj_gg_{animation-name:pulse_w54vj;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_w54vj_gg_.__semi_w54vj_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_w54vj_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_w54vj_gg_.__animate_w54vj_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"w54vj_gg_"),
11
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_o19yu{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_o19yu_gg_.__loading_o19yu_gg_,.___SLineGauge_o19yu_gg_.__loading_o19yu_gg_,.___STrendBar_o19yu_gg_.__loading_o19yu_gg_,.___STrendLine_o19yu_gg_.__loading_o19yu_gg_{animation-name:pulse_o19yu;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_o19yu_gg_.__semi_o19yu_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_o19yu_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_o19yu_gg_.__animate_o19yu_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"o19yu_gg_"),
12
12
  /*__reshadow_css_end__*/
13
13
  {
14
- "__SLineGauge": "___SLineGauge_w54vj_gg_",
15
- "_loading": "__loading_w54vj_gg_",
16
- "__SDonutContainer": "___SDonutContainer_w54vj_gg_",
17
- "__STrendLine": "___STrendLine_w54vj_gg_",
18
- "__STrendBar": "___STrendBar_w54vj_gg_",
19
- "@pulse": "pulse_w54vj",
20
- "_animate": "__animate_w54vj_gg_",
21
- "_semi": "__semi_w54vj_gg_"
14
+ "__SLineGauge": "___SLineGauge_o19yu_gg_",
15
+ "_loading": "__loading_o19yu_gg_",
16
+ "__SDonutContainer": "___SDonutContainer_o19yu_gg_",
17
+ "__STrendLine": "___STrendLine_o19yu_gg_",
18
+ "__STrendBar": "___STrendBar_o19yu_gg_",
19
+ "@pulse": "pulse_o19yu",
20
+ "_animate": "__animate_o19yu_gg_",
21
+ "_semi": "__semi_o19yu_gg_"
22
22
  });
23
23
  import { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';
24
24
  class DonutRoot extends Component {
package/lib/es6/component/score/Line.js CHANGED
@@ -8,26 +8,26 @@ import { createComponent, Component, Root, sstyled } from '@semcore/core';
8
8
  import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
9
9
  import React from 'react';
10
10
  /*!__reshadow-styles__:"./line.shadow.css"*/
11
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_j5lho{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_j5lho{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_j5lho_gg_.__loading_j5lho_gg_,.___SLineGauge_j5lho_gg_.__loading_j5lho_gg_,.___STrendBar_j5lho_gg_.__loading_j5lho_gg_,.___STrendLine_j5lho_gg_.__loading_j5lho_gg_{animation-name:pulse_j5lho;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_j5lho_gg_{height:8px;background-color:var(--base-bg-color_j5lho, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_j5lho_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_j5lho_gg_.__percent_j5lho_gg_{width:var(--percent_j5lho)}.___SLineSegmentItem_j5lho_gg_.__color_j5lho_gg_,.___SLineValue_j5lho_gg_.__color_j5lho_gg_{background-color:var(--color_j5lho, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_j5lho_gg_.__segments_j5lho_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_j5lho_gg_,.___SLineGaugeSegment_j5lho_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_j5lho_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_j5lho_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_j5lho_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_j5lho;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"j5lho_gg_"),
11
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_xxmc2{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_xxmc2{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_xxmc2_gg_.__loading_xxmc2_gg_,.___SLineGauge_xxmc2_gg_.__loading_xxmc2_gg_,.___STrendBar_xxmc2_gg_.__loading_xxmc2_gg_,.___STrendLine_xxmc2_gg_.__loading_xxmc2_gg_{animation-name:pulse_xxmc2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_xxmc2_gg_{height:8px;background-color:var(--base-bg-color_xxmc2, var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242)));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_xxmc2_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_xxmc2_gg_.__percent_xxmc2_gg_{width:var(--percent_xxmc2)}.___SLineSegmentItem_xxmc2_gg_.__color_xxmc2_gg_,.___SLineValue_xxmc2_gg_.__color_xxmc2_gg_{background-color:var(--color_xxmc2, var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219)))}.___SLineGauge_xxmc2_gg_.__segments_xxmc2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_xxmc2_gg_,.___SLineGaugeSegment_xxmc2_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_xxmc2_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_xxmc2_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_xxmc2_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_xxmc2;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"xxmc2_gg_"),
12
12
  /*__reshadow_css_end__*/
13
13
  {
14
- "__SLineGauge": "___SLineGauge_j5lho_gg_",
15
- "_loading": "__loading_j5lho_gg_",
16
- "__SDonutContainer": "___SDonutContainer_j5lho_gg_",
17
- "__STrendLine": "___STrendLine_j5lho_gg_",
18
- "__STrendBar": "___STrendBar_j5lho_gg_",
19
- "@pulse": "pulse_j5lho",
20
- "--base-bg-color": "--base-bg-color_j5lho",
21
- "__SLineValue": "___SLineValue_j5lho_gg_",
22
- "_percent": "__percent_j5lho_gg_",
23
- "--percent": "--percent_j5lho",
24
- "_color": "__color_j5lho_gg_",
25
- "__SLineSegmentItem": "___SLineSegmentItem_j5lho_gg_",
26
- "--color": "--color_j5lho",
27
- "_segments": "__segments_j5lho_gg_",
28
- "__SLineGaugeSegment": "___SLineGaugeSegment_j5lho_gg_",
29
- "__SAnimationLine": "___SAnimationLine_j5lho_gg_",
30
- "@move-line": "move-line_j5lho"
14
+ "__SLineGauge": "___SLineGauge_xxmc2_gg_",
15
+ "_loading": "__loading_xxmc2_gg_",
16
+ "__SDonutContainer": "___SDonutContainer_xxmc2_gg_",
17
+ "__STrendLine": "___STrendLine_xxmc2_gg_",
18
+ "__STrendBar": "___STrendBar_xxmc2_gg_",
19
+ "@pulse": "pulse_xxmc2",
20
+ "__SLineValue": "___SLineValue_xxmc2_gg_",
21
+ "_percent": "__percent_xxmc2_gg_",
22
+ "--percent": "--percent_xxmc2",
23
+ "_color": "__color_xxmc2_gg_",
24
+ "__SLineSegmentItem": "___SLineSegmentItem_xxmc2_gg_",
25
+ "_segments": "__segments_xxmc2_gg_",
26
+ "__SLineGaugeSegment": "___SLineGaugeSegment_xxmc2_gg_",
27
+ "__SAnimationLine": "___SAnimationLine_xxmc2_gg_",
28
+ "@move-line": "move-line_xxmc2",
29
+ "--base-bg-color": "--base-bg-color_xxmc2",
30
+ "--color": "--color_xxmc2"
31
31
  });
32
32
  class LineRoot extends Component {
33
33
  getSegmentProps(segmentProps) {
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
@@ -8,15 +8,15 @@ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEn
8
8
  import React from 'react';
9
9
  import { Trend } from './Trend';
10
10
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
11
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1yrsa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1yrsa_gg_.__loading_1yrsa_gg_,.___SLineGauge_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendBar_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendLine_1yrsa_gg_.__loading_1yrsa_gg_{animation-name:pulse_1yrsa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1yrsa_gg_"),
11
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_9xybf{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_9xybf_gg_.__loading_9xybf_gg_,.___SLineGauge_9xybf_gg_.__loading_9xybf_gg_,.___STrendBar_9xybf_gg_.__loading_9xybf_gg_,.___STrendLine_9xybf_gg_.__loading_9xybf_gg_{animation-name:pulse_9xybf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"9xybf_gg_"),
12
12
  /*__reshadow_css_end__*/
13
13
  {
14
- "__SLineGauge": "___SLineGauge_1yrsa_gg_",
15
- "_loading": "__loading_1yrsa_gg_",
16
- "__SDonutContainer": "___SDonutContainer_1yrsa_gg_",
17
- "__STrendLine": "___STrendLine_1yrsa_gg_",
18
- "__STrendBar": "___STrendBar_1yrsa_gg_",
19
- "@pulse": "pulse_1yrsa"
14
+ "__SLineGauge": "___SLineGauge_9xybf_gg_",
15
+ "_loading": "__loading_9xybf_gg_",
16
+ "__SDonutContainer": "___SDonutContainer_9xybf_gg_",
17
+ "__STrendLine": "___STrendLine_9xybf_gg_",
18
+ "__STrendBar": "___STrendBar_9xybf_gg_",
19
+ "@pulse": "pulse_9xybf"
20
20
  });
21
21
  class TrendBarRoot extends Trend {
22
22
  get defaultData() {
package/lib/es6/component/trend/Line.js CHANGED
@@ -9,15 +9,15 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
9
9
  import React from 'react';
10
10
  import { Trend } from './Trend';
11
11
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
12
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1yrsa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1yrsa_gg_.__loading_1yrsa_gg_,.___SLineGauge_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendBar_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendLine_1yrsa_gg_.__loading_1yrsa_gg_{animation-name:pulse_1yrsa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1yrsa_gg_"),
12
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_9xybf{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_9xybf_gg_.__loading_9xybf_gg_,.___SLineGauge_9xybf_gg_.__loading_9xybf_gg_,.___STrendBar_9xybf_gg_.__loading_9xybf_gg_,.___STrendLine_9xybf_gg_.__loading_9xybf_gg_{animation-name:pulse_9xybf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"9xybf_gg_"),
13
13
  /*__reshadow_css_end__*/
14
14
  {
15
- "__SLineGauge": "___SLineGauge_1yrsa_gg_",
16
- "_loading": "__loading_1yrsa_gg_",
17
- "__SDonutContainer": "___SDonutContainer_1yrsa_gg_",
18
- "__STrendLine": "___STrendLine_1yrsa_gg_",
19
- "__STrendBar": "___STrendBar_1yrsa_gg_",
20
- "@pulse": "pulse_1yrsa"
15
+ "__SLineGauge": "___SLineGauge_9xybf_gg_",
16
+ "_loading": "__loading_9xybf_gg_",
17
+ "__SDonutContainer": "___SDonutContainer_9xybf_gg_",
18
+ "__STrendLine": "___STrendLine_9xybf_gg_",
19
+ "__STrendBar": "___STrendBar_9xybf_gg_",
20
+ "@pulse": "pulse_9xybf"
21
21
  });
22
22
  class TrendLineRoot extends Trend {
23
23
  get defaultData() {
package/lib/esm/component/score/Donut.mjs CHANGED
@@ -11,19 +11,19 @@ const style = (
11
11
  /*__reshadow_css_start__*/
12
12
  (sstyled.insert(
13
13
  /*__inner_css_start__*/
14
- "@keyframes pulse_w54vj{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_w54vj_gg_.__loading_w54vj_gg_,.___SLineGauge_w54vj_gg_.__loading_w54vj_gg_,.___STrendBar_w54vj_gg_.__loading_w54vj_gg_,.___STrendLine_w54vj_gg_.__loading_w54vj_gg_{animation-name:pulse_w54vj;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_w54vj_gg_.__semi_w54vj_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_w54vj_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_w54vj_gg_.__animate_w54vj_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}",
14
+ "@keyframes pulse_o19yu{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_o19yu_gg_.__loading_o19yu_gg_,.___SLineGauge_o19yu_gg_.__loading_o19yu_gg_,.___STrendBar_o19yu_gg_.__loading_o19yu_gg_,.___STrendLine_o19yu_gg_.__loading_o19yu_gg_{animation-name:pulse_o19yu;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_o19yu_gg_.__semi_o19yu_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_o19yu_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_o19yu_gg_.__animate_o19yu_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}",
15
15
  /*__inner_css_end__*/
16
- "w54vj_gg_"
16
+ "o19yu_gg_"
17
17
  ), /*__reshadow_css_end__*/
18
18
  {
19
- "__SLineGauge": "___SLineGauge_w54vj_gg_",
20
- "_loading": "__loading_w54vj_gg_",
21
- "__SDonutContainer": "___SDonutContainer_w54vj_gg_",
22
- "__STrendLine": "___STrendLine_w54vj_gg_",
23
- "__STrendBar": "___STrendBar_w54vj_gg_",
24
- "@pulse": "pulse_w54vj",
25
- "_animate": "__animate_w54vj_gg_",
26
- "_semi": "__semi_w54vj_gg_"
19
+ "__SLineGauge": "___SLineGauge_o19yu_gg_",
20
+ "_loading": "__loading_o19yu_gg_",
21
+ "__SDonutContainer": "___SDonutContainer_o19yu_gg_",
22
+ "__STrendLine": "___STrendLine_o19yu_gg_",
23
+ "__STrendBar": "___STrendBar_o19yu_gg_",
24
+ "@pulse": "pulse_o19yu",
25
+ "_animate": "__animate_o19yu_gg_",
26
+ "_semi": "__semi_o19yu_gg_"
27
27
  })
28
28
  );
29
29
  class DonutRoot extends Component {
package/lib/esm/component/score/Line.mjs CHANGED
@@ -8,28 +8,28 @@ const style = (
8
8
  /*__reshadow_css_start__*/
9
9
  (sstyled.insert(
10
10
  /*__inner_css_start__*/
11
- "@keyframes pulse_j5lho{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_j5lho{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_j5lho_gg_.__loading_j5lho_gg_,.___SLineGauge_j5lho_gg_.__loading_j5lho_gg_,.___STrendBar_j5lho_gg_.__loading_j5lho_gg_,.___STrendLine_j5lho_gg_.__loading_j5lho_gg_{animation-name:pulse_j5lho;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_j5lho_gg_{height:8px;background-color:var(--base-bg-color_j5lho, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_j5lho_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_j5lho_gg_.__percent_j5lho_gg_{width:var(--percent_j5lho)}.___SLineSegmentItem_j5lho_gg_.__color_j5lho_gg_,.___SLineValue_j5lho_gg_.__color_j5lho_gg_{background-color:var(--color_j5lho, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_j5lho_gg_.__segments_j5lho_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_j5lho_gg_,.___SLineGaugeSegment_j5lho_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_j5lho_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_j5lho_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_j5lho_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_j5lho;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
11
+ "@keyframes pulse_xxmc2{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_xxmc2{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_xxmc2_gg_.__loading_xxmc2_gg_,.___SLineGauge_xxmc2_gg_.__loading_xxmc2_gg_,.___STrendBar_xxmc2_gg_.__loading_xxmc2_gg_,.___STrendLine_xxmc2_gg_.__loading_xxmc2_gg_{animation-name:pulse_xxmc2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_xxmc2_gg_{height:8px;background-color:var(--base-bg-color_xxmc2, var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242)));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_xxmc2_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_xxmc2_gg_.__percent_xxmc2_gg_{width:var(--percent_xxmc2)}.___SLineSegmentItem_xxmc2_gg_.__color_xxmc2_gg_,.___SLineValue_xxmc2_gg_.__color_xxmc2_gg_{background-color:var(--color_xxmc2, var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219)))}.___SLineGauge_xxmc2_gg_.__segments_xxmc2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_xxmc2_gg_,.___SLineGaugeSegment_xxmc2_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_xxmc2_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_xxmc2_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_xxmc2_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_xxmc2;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
12
12
  /*__inner_css_end__*/
13
- "j5lho_gg_"
13
+ "xxmc2_gg_"
14
14
  ), /*__reshadow_css_end__*/
15
15
  {
16
- "__SLineGauge": "___SLineGauge_j5lho_gg_",
17
- "_loading": "__loading_j5lho_gg_",
18
- "__SDonutContainer": "___SDonutContainer_j5lho_gg_",
19
- "__STrendLine": "___STrendLine_j5lho_gg_",
20
- "__STrendBar": "___STrendBar_j5lho_gg_",
21
- "@pulse": "pulse_j5lho",
22
- "--base-bg-color": "--base-bg-color_j5lho",
23
- "__SLineValue": "___SLineValue_j5lho_gg_",
24
- "_percent": "__percent_j5lho_gg_",
25
- "--percent": "--percent_j5lho",
26
- "_color": "__color_j5lho_gg_",
27
- "__SLineSegmentItem": "___SLineSegmentItem_j5lho_gg_",
28
- "--color": "--color_j5lho",
29
- "_segments": "__segments_j5lho_gg_",
30
- "__SLineGaugeSegment": "___SLineGaugeSegment_j5lho_gg_",
31
- "__SAnimationLine": "___SAnimationLine_j5lho_gg_",
32
- "@move-line": "move-line_j5lho"
16
+ "__SLineGauge": "___SLineGauge_xxmc2_gg_",
17
+ "_loading": "__loading_xxmc2_gg_",
18
+ "__SDonutContainer": "___SDonutContainer_xxmc2_gg_",
19
+ "__STrendLine": "___STrendLine_xxmc2_gg_",
20
+ "__STrendBar": "___STrendBar_xxmc2_gg_",
21
+ "@pulse": "pulse_xxmc2",
22
+ "__SLineValue": "___SLineValue_xxmc2_gg_",
23
+ "_percent": "__percent_xxmc2_gg_",
24
+ "--percent": "--percent_xxmc2",
25
+ "_color": "__color_xxmc2_gg_",
26
+ "__SLineSegmentItem": "___SLineSegmentItem_xxmc2_gg_",
27
+ "_segments": "__segments_xxmc2_gg_",
28
+ "__SLineGaugeSegment": "___SLineGaugeSegment_xxmc2_gg_",
29
+ "__SAnimationLine": "___SAnimationLine_xxmc2_gg_",
30
+ "@move-line": "move-line_xxmc2",
31
+ "--base-bg-color": "--base-bg-color_xxmc2",
32
+ "--color": "--color_xxmc2"
33
33
  })
34
34
  );
35
35
  class LineRoot extends 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
@@ -10,17 +10,17 @@ const style = (
10
10
  /*__reshadow_css_start__*/
11
11
  (sstyled.insert(
12
12
  /*__inner_css_start__*/
13
- "@keyframes pulse_1yrsa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1yrsa_gg_.__loading_1yrsa_gg_,.___SLineGauge_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendBar_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendLine_1yrsa_gg_.__loading_1yrsa_gg_{animation-name:pulse_1yrsa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
13
+ "@keyframes pulse_9xybf{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_9xybf_gg_.__loading_9xybf_gg_,.___SLineGauge_9xybf_gg_.__loading_9xybf_gg_,.___STrendBar_9xybf_gg_.__loading_9xybf_gg_,.___STrendLine_9xybf_gg_.__loading_9xybf_gg_{animation-name:pulse_9xybf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
14
14
  /*__inner_css_end__*/
15
- "1yrsa_gg_"
15
+ "9xybf_gg_"
16
16
  ), /*__reshadow_css_end__*/
17
17
  {
18
- "__SLineGauge": "___SLineGauge_1yrsa_gg_",
19
- "_loading": "__loading_1yrsa_gg_",
20
- "__SDonutContainer": "___SDonutContainer_1yrsa_gg_",
21
- "__STrendLine": "___STrendLine_1yrsa_gg_",
22
- "__STrendBar": "___STrendBar_1yrsa_gg_",
23
- "@pulse": "pulse_1yrsa"
18
+ "__SLineGauge": "___SLineGauge_9xybf_gg_",
19
+ "_loading": "__loading_9xybf_gg_",
20
+ "__SDonutContainer": "___SDonutContainer_9xybf_gg_",
21
+ "__STrendLine": "___STrendLine_9xybf_gg_",
22
+ "__STrendBar": "___STrendBar_9xybf_gg_",
23
+ "@pulse": "pulse_9xybf"
24
24
  })
25
25
  );
26
26
  class TrendBarRoot extends Trend {
package/lib/esm/component/trend/Line.mjs CHANGED
@@ -11,17 +11,17 @@ const style = (
11
11
  /*__reshadow_css_start__*/
12
12
  (sstyled.insert(
13
13
  /*__inner_css_start__*/
14
- "@keyframes pulse_1yrsa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1yrsa_gg_.__loading_1yrsa_gg_,.___SLineGauge_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendBar_1yrsa_gg_.__loading_1yrsa_gg_,.___STrendLine_1yrsa_gg_.__loading_1yrsa_gg_{animation-name:pulse_1yrsa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
14
+ "@keyframes pulse_9xybf{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_9xybf_gg_.__loading_9xybf_gg_,.___SLineGauge_9xybf_gg_.__loading_9xybf_gg_,.___STrendBar_9xybf_gg_.__loading_9xybf_gg_,.___STrendLine_9xybf_gg_.__loading_9xybf_gg_{animation-name:pulse_9xybf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
15
15
  /*__inner_css_end__*/
16
- "1yrsa_gg_"
16
+ "9xybf_gg_"
17
17
  ), /*__reshadow_css_end__*/
18
18
  {
19
- "__SLineGauge": "___SLineGauge_1yrsa_gg_",
20
- "_loading": "__loading_1yrsa_gg_",
21
- "__SDonutContainer": "___SDonutContainer_1yrsa_gg_",
22
- "__STrendLine": "___STrendLine_1yrsa_gg_",
23
- "__STrendBar": "___STrendBar_1yrsa_gg_",
24
- "@pulse": "pulse_1yrsa"
19
+ "__SLineGauge": "___SLineGauge_9xybf_gg_",
20
+ "_loading": "__loading_9xybf_gg_",
21
+ "__SDonutContainer": "___SDonutContainer_9xybf_gg_",
22
+ "__STrendLine": "___STrendLine_9xybf_gg_",
23
+ "__STrendBar": "___STrendBar_9xybf_gg_",
24
+ "@pulse": "pulse_9xybf"
25
25
  })
26
26
  );
27
27
  class TrendLineRoot extends 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": "17.0.1",
4
+ "version": "17.1.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,7 +14,7 @@
14
14
  "require": "./lib/cjs/index.js"
15
15
  },
16
16
  "peerDependencies": {
17
- "@semcore/base-components": "^17.0.1"
17
+ "@semcore/base-components": "^17.0.2"
18
18
  },
19
19
  "repository": {
20
20
  "type": "git",
@@ -22,9 +22,9 @@
22
22
  "directory": "semcore/mini-chart"
23
23
  },
24
24
  "devDependencies": {
25
- "@semcore/core": "17.0.1",
26
25
  "@semcore/testing-utils": "1.0.0",
27
- "@semcore/base-components": "17.0.1"
26
+ "@semcore/core": "17.1.0-prerelease.1",
27
+ "@semcore/base-components": "17.0.2-prerelease.1"
28
28
  },
29
29
  "scripts": {
30
30
  "build": "pnpm semcore-builder --source=ts && pnpm vite build"