@semcore/mini-chart 0.29.4 → 0.30.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
+ ## [0.30.0] - 2026-05-06
6
+
7
+ ### Changed
8
+
9
+ - Version minor update due to children dependencies update (`@semcore/flex-box` [5.41.4 ~> 5.42.0], `@semcore/utils` [4.48.5 ~> 4.49.0], `@semcore/core` [2.39.4 ~> 2.40.0]).
10
+
5
11
  ## [0.29.4] - 2025-05-13
6
12
 
7
13
  ### Changed
package/lib/cjs/component/score/Donut.js CHANGED
@@ -19,17 +19,17 @@ var _flexBox = require("@semcore/flex-box");
19
19
  var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
20
20
  var _ariaProps = require("@semcore/utils/lib/ariaProps");
21
21
  /*!__reshadow-styles__:"./donut.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1uvfz{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1uvfz_gg_.__loading_1uvfz_gg_,.___SLineGauge_1uvfz_gg_.__loading_1uvfz_gg_,.___STrendBar_1uvfz_gg_.__loading_1uvfz_gg_,.___STrendLine_1uvfz_gg_.__loading_1uvfz_gg_{animation-name:pulse_1uvfz;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1uvfz_gg_.__semi_1uvfz_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1uvfz_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1uvfz_gg_.__animate_1uvfz_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1uvfz_gg_"),
22
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1clki{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1clki_gg_.__loading_1clki_gg_,.___SLineGauge_1clki_gg_.__loading_1clki_gg_,.___STrendBar_1clki_gg_.__loading_1clki_gg_,.___STrendLine_1clki_gg_.__loading_1clki_gg_{animation-name:pulse_1clki;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1clki_gg_.__semi_1clki_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1clki_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1clki_gg_.__animate_1clki_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1clki_gg_"),
23
23
  /*__reshadow_css_end__*/
24
24
  {
25
- "__SLineGauge": "___SLineGauge_1uvfz_gg_",
26
- "_loading": "__loading_1uvfz_gg_",
27
- "__SDonutContainer": "___SDonutContainer_1uvfz_gg_",
28
- "__STrendLine": "___STrendLine_1uvfz_gg_",
29
- "__STrendBar": "___STrendBar_1uvfz_gg_",
30
- "@pulse": "pulse_1uvfz",
31
- "_animate": "__animate_1uvfz_gg_",
32
- "_semi": "__semi_1uvfz_gg_"
25
+ "__SLineGauge": "___SLineGauge_1clki_gg_",
26
+ "_loading": "__loading_1clki_gg_",
27
+ "__SDonutContainer": "___SDonutContainer_1clki_gg_",
28
+ "__STrendLine": "___STrendLine_1clki_gg_",
29
+ "__STrendBar": "___STrendBar_1clki_gg_",
30
+ "@pulse": "pulse_1clki",
31
+ "_animate": "__animate_1clki_gg_",
32
+ "_semi": "__semi_1clki_gg_"
33
33
  });
34
34
  var DonutRoot = /*#__PURE__*/function (_Component) {
35
35
  (0, _inherits2["default"])(DonutRoot, _Component);
package/lib/cjs/component/score/Line.js CHANGED
@@ -18,26 +18,26 @@ var _react = _interopRequireDefault(require("react"));
18
18
  var _flexBox = require("@semcore/flex-box");
19
19
  var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
20
20
  /*!__reshadow-styles__:"./line.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_13rvt{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_13rvt{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_13rvt_gg_.__loading_13rvt_gg_,.___SLineGauge_13rvt_gg_.__loading_13rvt_gg_,.___STrendBar_13rvt_gg_.__loading_13rvt_gg_,.___STrendLine_13rvt_gg_.__loading_13rvt_gg_{animation-name:pulse_13rvt;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_13rvt_gg_{height:8px;background-color:var(--base-bg-color_13rvt, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_13rvt_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_13rvt_gg_.__percent_13rvt_gg_{width:var(--percent_13rvt)}.___SLineSegmentItem_13rvt_gg_.__color_13rvt_gg_,.___SLineValue_13rvt_gg_.__color_13rvt_gg_{background-color:var(--color_13rvt, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_13rvt_gg_.__segments_13rvt_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_13rvt_gg_,.___SLineGaugeSegment_13rvt_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_13rvt_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_13rvt_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_13rvt_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_13rvt;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"13rvt_gg_"),
21
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_vi6w2{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_vi6w2{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_vi6w2_gg_.__loading_vi6w2_gg_,.___SLineGauge_vi6w2_gg_.__loading_vi6w2_gg_,.___STrendBar_vi6w2_gg_.__loading_vi6w2_gg_,.___STrendLine_vi6w2_gg_.__loading_vi6w2_gg_{animation-name:pulse_vi6w2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_vi6w2_gg_{height:8px;background-color:var(--base-bg-color_vi6w2, var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242)));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_vi6w2_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_vi6w2_gg_.__percent_vi6w2_gg_{width:var(--percent_vi6w2)}.___SLineSegmentItem_vi6w2_gg_.__color_vi6w2_gg_,.___SLineValue_vi6w2_gg_.__color_vi6w2_gg_{background-color:var(--color_vi6w2, var(--intergalactic-chart-palette-order-1, rgb(104, 109, 210)))}.___SLineGauge_vi6w2_gg_.__segments_vi6w2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_vi6w2_gg_,.___SLineGaugeSegment_vi6w2_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_vi6w2_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_vi6w2_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_vi6w2_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_vi6w2;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"vi6w2_gg_"),
22
22
  /*__reshadow_css_end__*/
23
23
  {
24
- "__SLineGauge": "___SLineGauge_13rvt_gg_",
25
- "_loading": "__loading_13rvt_gg_",
26
- "__SDonutContainer": "___SDonutContainer_13rvt_gg_",
27
- "__STrendLine": "___STrendLine_13rvt_gg_",
28
- "__STrendBar": "___STrendBar_13rvt_gg_",
29
- "@pulse": "pulse_13rvt",
30
- "--base-bg-color": "--base-bg-color_13rvt",
31
- "__SLineValue": "___SLineValue_13rvt_gg_",
32
- "_percent": "__percent_13rvt_gg_",
33
- "--percent": "--percent_13rvt",
34
- "_color": "__color_13rvt_gg_",
35
- "__SLineSegmentItem": "___SLineSegmentItem_13rvt_gg_",
36
- "--color": "--color_13rvt",
37
- "_segments": "__segments_13rvt_gg_",
38
- "__SLineGaugeSegment": "___SLineGaugeSegment_13rvt_gg_",
39
- "__SAnimationLine": "___SAnimationLine_13rvt_gg_",
40
- "@move-line": "move-line_13rvt"
24
+ "__SLineGauge": "___SLineGauge_vi6w2_gg_",
25
+ "_loading": "__loading_vi6w2_gg_",
26
+ "__SDonutContainer": "___SDonutContainer_vi6w2_gg_",
27
+ "__STrendLine": "___STrendLine_vi6w2_gg_",
28
+ "__STrendBar": "___STrendBar_vi6w2_gg_",
29
+ "@pulse": "pulse_vi6w2",
30
+ "__SLineValue": "___SLineValue_vi6w2_gg_",
31
+ "_percent": "__percent_vi6w2_gg_",
32
+ "--percent": "--percent_vi6w2",
33
+ "_color": "__color_vi6w2_gg_",
34
+ "__SLineSegmentItem": "___SLineSegmentItem_vi6w2_gg_",
35
+ "_segments": "__segments_vi6w2_gg_",
36
+ "__SLineGaugeSegment": "___SLineGaugeSegment_vi6w2_gg_",
37
+ "__SAnimationLine": "___SAnimationLine_vi6w2_gg_",
38
+ "@move-line": "move-line_vi6w2",
39
+ "--base-bg-color": "--base-bg-color_vi6w2",
40
+ "--color": "--color_vi6w2"
41
41
  });
42
42
  var LineRoot = /*#__PURE__*/function (_Component) {
43
43
  (0, _inherits2["default"])(LineRoot, _Component);
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.153 278.4)));
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
@@ -21,15 +21,15 @@ var _Trend2 = require("./Trend");
21
21
  var _flexBox = require("@semcore/flex-box");
22
22
  var _ariaProps = require("@semcore/utils/lib/ariaProps");
23
23
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1k9zd{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1k9zd_gg_.__loading_1k9zd_gg_,.___SLineGauge_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendBar_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendLine_1k9zd_gg_.__loading_1k9zd_gg_{animation-name:pulse_1k9zd;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1k9zd_gg_"),
24
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_mylya{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_mylya_gg_.__loading_mylya_gg_,.___SLineGauge_mylya_gg_.__loading_mylya_gg_,.___STrendBar_mylya_gg_.__loading_mylya_gg_,.___STrendLine_mylya_gg_.__loading_mylya_gg_{animation-name:pulse_mylya;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"mylya_gg_"),
25
25
  /*__reshadow_css_end__*/
26
26
  {
27
- "__SLineGauge": "___SLineGauge_1k9zd_gg_",
28
- "_loading": "__loading_1k9zd_gg_",
29
- "__SDonutContainer": "___SDonutContainer_1k9zd_gg_",
30
- "__STrendLine": "___STrendLine_1k9zd_gg_",
31
- "__STrendBar": "___STrendBar_1k9zd_gg_",
32
- "@pulse": "pulse_1k9zd"
27
+ "__SLineGauge": "___SLineGauge_mylya_gg_",
28
+ "_loading": "__loading_mylya_gg_",
29
+ "__SDonutContainer": "___SDonutContainer_mylya_gg_",
30
+ "__STrendLine": "___STrendLine_mylya_gg_",
31
+ "__STrendBar": "___STrendBar_mylya_gg_",
32
+ "@pulse": "pulse_mylya"
33
33
  });
34
34
  var TrendBarRoot = /*#__PURE__*/function (_Trend) {
35
35
  (0, _inherits2["default"])(TrendBarRoot, _Trend);
package/lib/cjs/component/trend/Line.js CHANGED
@@ -22,15 +22,15 @@ var _Trend2 = require("./Trend");
22
22
  var _flexBox = require("@semcore/flex-box");
23
23
  var _ariaProps = require("@semcore/utils/lib/ariaProps");
24
24
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1k9zd{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1k9zd_gg_.__loading_1k9zd_gg_,.___SLineGauge_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendBar_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendLine_1k9zd_gg_.__loading_1k9zd_gg_{animation-name:pulse_1k9zd;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1k9zd_gg_"),
25
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_mylya{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_mylya_gg_.__loading_mylya_gg_,.___SLineGauge_mylya_gg_.__loading_mylya_gg_,.___STrendBar_mylya_gg_.__loading_mylya_gg_,.___STrendLine_mylya_gg_.__loading_mylya_gg_{animation-name:pulse_mylya;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"mylya_gg_"),
26
26
  /*__reshadow_css_end__*/
27
27
  {
28
- "__SLineGauge": "___SLineGauge_1k9zd_gg_",
29
- "_loading": "__loading_1k9zd_gg_",
30
- "__SDonutContainer": "___SDonutContainer_1k9zd_gg_",
31
- "__STrendLine": "___STrendLine_1k9zd_gg_",
32
- "__STrendBar": "___STrendBar_1k9zd_gg_",
33
- "@pulse": "pulse_1k9zd"
28
+ "__SLineGauge": "___SLineGauge_mylya_gg_",
29
+ "_loading": "__loading_mylya_gg_",
30
+ "__SDonutContainer": "___SDonutContainer_mylya_gg_",
31
+ "__STrendLine": "___STrendLine_mylya_gg_",
32
+ "__STrendBar": "___STrendBar_mylya_gg_",
33
+ "@pulse": "pulse_mylya"
34
34
  });
35
35
  var TrendLineRoot = /*#__PURE__*/function (_Trend) {
36
36
  (0, _inherits2["default"])(TrendLineRoot, _Trend);
package/lib/es6/component/score/Donut.js CHANGED
@@ -12,17 +12,17 @@ import { Box } from '@semcore/flex-box';
12
12
  import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
13
13
  import { assignProps } from '@semcore/core';
14
14
  /*!__reshadow-styles__:"./donut.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1uvfz{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1uvfz_gg_.__loading_1uvfz_gg_,.___SLineGauge_1uvfz_gg_.__loading_1uvfz_gg_,.___STrendBar_1uvfz_gg_.__loading_1uvfz_gg_,.___STrendLine_1uvfz_gg_.__loading_1uvfz_gg_{animation-name:pulse_1uvfz;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1uvfz_gg_.__semi_1uvfz_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1uvfz_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1uvfz_gg_.__animate_1uvfz_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1uvfz_gg_"),
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1clki{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1clki_gg_.__loading_1clki_gg_,.___SLineGauge_1clki_gg_.__loading_1clki_gg_,.___STrendBar_1clki_gg_.__loading_1clki_gg_,.___STrendLine_1clki_gg_.__loading_1clki_gg_{animation-name:pulse_1clki;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1clki_gg_.__semi_1clki_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1clki_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1clki_gg_.__animate_1clki_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1clki_gg_"),
16
16
  /*__reshadow_css_end__*/
17
17
  {
18
- "__SLineGauge": "___SLineGauge_1uvfz_gg_",
19
- "_loading": "__loading_1uvfz_gg_",
20
- "__SDonutContainer": "___SDonutContainer_1uvfz_gg_",
21
- "__STrendLine": "___STrendLine_1uvfz_gg_",
22
- "__STrendBar": "___STrendBar_1uvfz_gg_",
23
- "@pulse": "pulse_1uvfz",
24
- "_animate": "__animate_1uvfz_gg_",
25
- "_semi": "__semi_1uvfz_gg_"
18
+ "__SLineGauge": "___SLineGauge_1clki_gg_",
19
+ "_loading": "__loading_1clki_gg_",
20
+ "__SDonutContainer": "___SDonutContainer_1clki_gg_",
21
+ "__STrendLine": "___STrendLine_1clki_gg_",
22
+ "__STrendBar": "___STrendBar_1clki_gg_",
23
+ "@pulse": "pulse_1clki",
24
+ "_animate": "__animate_1clki_gg_",
25
+ "_semi": "__semi_1clki_gg_"
26
26
  });
27
27
  import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
28
28
  var DonutRoot = /*#__PURE__*/function (_Component) {
package/lib/es6/component/score/Line.js CHANGED
@@ -13,26 +13,26 @@ import createComponent, { Component, Root, sstyled } from '@semcore/core';
13
13
  import { Box, Flex } from '@semcore/flex-box';
14
14
  import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
15
15
  /*!__reshadow-styles__:"./line.shadow.css"*/
16
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_13rvt{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_13rvt{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_13rvt_gg_.__loading_13rvt_gg_,.___SLineGauge_13rvt_gg_.__loading_13rvt_gg_,.___STrendBar_13rvt_gg_.__loading_13rvt_gg_,.___STrendLine_13rvt_gg_.__loading_13rvt_gg_{animation-name:pulse_13rvt;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_13rvt_gg_{height:8px;background-color:var(--base-bg-color_13rvt, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_13rvt_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_13rvt_gg_.__percent_13rvt_gg_{width:var(--percent_13rvt)}.___SLineSegmentItem_13rvt_gg_.__color_13rvt_gg_,.___SLineValue_13rvt_gg_.__color_13rvt_gg_{background-color:var(--color_13rvt, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_13rvt_gg_.__segments_13rvt_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_13rvt_gg_,.___SLineGaugeSegment_13rvt_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_13rvt_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_13rvt_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_13rvt_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_13rvt;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"13rvt_gg_"),
16
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_vi6w2{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_vi6w2{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_vi6w2_gg_.__loading_vi6w2_gg_,.___SLineGauge_vi6w2_gg_.__loading_vi6w2_gg_,.___STrendBar_vi6w2_gg_.__loading_vi6w2_gg_,.___STrendLine_vi6w2_gg_.__loading_vi6w2_gg_{animation-name:pulse_vi6w2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_vi6w2_gg_{height:8px;background-color:var(--base-bg-color_vi6w2, var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242)));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_vi6w2_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_vi6w2_gg_.__percent_vi6w2_gg_{width:var(--percent_vi6w2)}.___SLineSegmentItem_vi6w2_gg_.__color_vi6w2_gg_,.___SLineValue_vi6w2_gg_.__color_vi6w2_gg_{background-color:var(--color_vi6w2, var(--intergalactic-chart-palette-order-1, rgb(104, 109, 210)))}.___SLineGauge_vi6w2_gg_.__segments_vi6w2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_vi6w2_gg_,.___SLineGaugeSegment_vi6w2_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_vi6w2_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_vi6w2_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_vi6w2_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_vi6w2;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"vi6w2_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__SLineGauge": "___SLineGauge_13rvt_gg_",
20
- "_loading": "__loading_13rvt_gg_",
21
- "__SDonutContainer": "___SDonutContainer_13rvt_gg_",
22
- "__STrendLine": "___STrendLine_13rvt_gg_",
23
- "__STrendBar": "___STrendBar_13rvt_gg_",
24
- "@pulse": "pulse_13rvt",
25
- "--base-bg-color": "--base-bg-color_13rvt",
26
- "__SLineValue": "___SLineValue_13rvt_gg_",
27
- "_percent": "__percent_13rvt_gg_",
28
- "--percent": "--percent_13rvt",
29
- "_color": "__color_13rvt_gg_",
30
- "__SLineSegmentItem": "___SLineSegmentItem_13rvt_gg_",
31
- "--color": "--color_13rvt",
32
- "_segments": "__segments_13rvt_gg_",
33
- "__SLineGaugeSegment": "___SLineGaugeSegment_13rvt_gg_",
34
- "__SAnimationLine": "___SAnimationLine_13rvt_gg_",
35
- "@move-line": "move-line_13rvt"
19
+ "__SLineGauge": "___SLineGauge_vi6w2_gg_",
20
+ "_loading": "__loading_vi6w2_gg_",
21
+ "__SDonutContainer": "___SDonutContainer_vi6w2_gg_",
22
+ "__STrendLine": "___STrendLine_vi6w2_gg_",
23
+ "__STrendBar": "___STrendBar_vi6w2_gg_",
24
+ "@pulse": "pulse_vi6w2",
25
+ "__SLineValue": "___SLineValue_vi6w2_gg_",
26
+ "_percent": "__percent_vi6w2_gg_",
27
+ "--percent": "--percent_vi6w2",
28
+ "_color": "__color_vi6w2_gg_",
29
+ "__SLineSegmentItem": "___SLineSegmentItem_vi6w2_gg_",
30
+ "_segments": "__segments_vi6w2_gg_",
31
+ "__SLineGaugeSegment": "___SLineGaugeSegment_vi6w2_gg_",
32
+ "__SAnimationLine": "___SAnimationLine_vi6w2_gg_",
33
+ "@move-line": "move-line_vi6w2",
34
+ "--base-bg-color": "--base-bg-color_vi6w2",
35
+ "--color": "--color_vi6w2"
36
36
  });
37
37
  var LineRoot = /*#__PURE__*/function (_Component) {
38
38
  _inherits(LineRoot, _Component);
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.153 278.4)));
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
@@ -13,15 +13,15 @@ import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance
13
13
  import { Trend } from './Trend';
14
14
  import { Box } from '@semcore/flex-box';
15
15
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
16
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1k9zd{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1k9zd_gg_.__loading_1k9zd_gg_,.___SLineGauge_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendBar_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendLine_1k9zd_gg_.__loading_1k9zd_gg_{animation-name:pulse_1k9zd;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1k9zd_gg_"),
16
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_mylya{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_mylya_gg_.__loading_mylya_gg_,.___SLineGauge_mylya_gg_.__loading_mylya_gg_,.___STrendBar_mylya_gg_.__loading_mylya_gg_,.___STrendLine_mylya_gg_.__loading_mylya_gg_{animation-name:pulse_mylya;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"mylya_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__SLineGauge": "___SLineGauge_1k9zd_gg_",
20
- "_loading": "__loading_1k9zd_gg_",
21
- "__SDonutContainer": "___SDonutContainer_1k9zd_gg_",
22
- "__STrendLine": "___STrendLine_1k9zd_gg_",
23
- "__STrendBar": "___STrendBar_1k9zd_gg_",
24
- "@pulse": "pulse_1k9zd"
19
+ "__SLineGauge": "___SLineGauge_mylya_gg_",
20
+ "_loading": "__loading_mylya_gg_",
21
+ "__SDonutContainer": "___SDonutContainer_mylya_gg_",
22
+ "__STrendLine": "___STrendLine_mylya_gg_",
23
+ "__STrendBar": "___STrendBar_mylya_gg_",
24
+ "@pulse": "pulse_mylya"
25
25
  });
26
26
  import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
27
27
  var TrendBarRoot = /*#__PURE__*/function (_Trend) {
package/lib/es6/component/trend/Line.js CHANGED
@@ -14,15 +14,15 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
14
14
  import { Trend } from './Trend';
15
15
  import { Box } from '@semcore/flex-box';
16
16
  /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
17
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1k9zd{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1k9zd_gg_.__loading_1k9zd_gg_,.___SLineGauge_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendBar_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendLine_1k9zd_gg_.__loading_1k9zd_gg_{animation-name:pulse_1k9zd;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1k9zd_gg_"),
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_mylya{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_mylya_gg_.__loading_mylya_gg_,.___SLineGauge_mylya_gg_.__loading_mylya_gg_,.___STrendBar_mylya_gg_.__loading_mylya_gg_,.___STrendLine_mylya_gg_.__loading_mylya_gg_{animation-name:pulse_mylya;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"mylya_gg_"),
18
18
  /*__reshadow_css_end__*/
19
19
  {
20
- "__SLineGauge": "___SLineGauge_1k9zd_gg_",
21
- "_loading": "__loading_1k9zd_gg_",
22
- "__SDonutContainer": "___SDonutContainer_1k9zd_gg_",
23
- "__STrendLine": "___STrendLine_1k9zd_gg_",
24
- "__STrendBar": "___STrendBar_1k9zd_gg_",
25
- "@pulse": "pulse_1k9zd"
20
+ "__SLineGauge": "___SLineGauge_mylya_gg_",
21
+ "_loading": "__loading_mylya_gg_",
22
+ "__SDonutContainer": "___SDonutContainer_mylya_gg_",
23
+ "__STrendLine": "___STrendLine_mylya_gg_",
24
+ "__STrendBar": "___STrendBar_mylya_gg_",
25
+ "@pulse": "pulse_mylya"
26
26
  });
27
27
  import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
28
28
  var TrendLineRoot = /*#__PURE__*/function (_Trend) {
package/lib/esm/component/score/Donut.mjs CHANGED
@@ -15,19 +15,19 @@ var style = (
15
15
  /*__reshadow_css_start__*/
16
16
  (sstyled.insert(
17
17
  /*__inner_css_start__*/
18
- "@keyframes pulse_1uvfz{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1uvfz_gg_.__loading_1uvfz_gg_,.___SLineGauge_1uvfz_gg_.__loading_1uvfz_gg_,.___STrendBar_1uvfz_gg_.__loading_1uvfz_gg_,.___STrendLine_1uvfz_gg_.__loading_1uvfz_gg_{animation-name:pulse_1uvfz;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1uvfz_gg_.__semi_1uvfz_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1uvfz_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1uvfz_gg_.__animate_1uvfz_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}",
18
+ "@keyframes pulse_1clki{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1clki_gg_.__loading_1clki_gg_,.___SLineGauge_1clki_gg_.__loading_1clki_gg_,.___STrendBar_1clki_gg_.__loading_1clki_gg_,.___STrendLine_1clki_gg_.__loading_1clki_gg_{animation-name:pulse_1clki;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1clki_gg_.__semi_1clki_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1clki_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1clki_gg_.__animate_1clki_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}",
19
19
  /*__inner_css_end__*/
20
- "1uvfz_gg_"
20
+ "1clki_gg_"
21
21
  ), /*__reshadow_css_end__*/
22
22
  {
23
- "__SLineGauge": "___SLineGauge_1uvfz_gg_",
24
- "_loading": "__loading_1uvfz_gg_",
25
- "__SDonutContainer": "___SDonutContainer_1uvfz_gg_",
26
- "__STrendLine": "___STrendLine_1uvfz_gg_",
27
- "__STrendBar": "___STrendBar_1uvfz_gg_",
28
- "@pulse": "pulse_1uvfz",
29
- "_animate": "__animate_1uvfz_gg_",
30
- "_semi": "__semi_1uvfz_gg_"
23
+ "__SLineGauge": "___SLineGauge_1clki_gg_",
24
+ "_loading": "__loading_1clki_gg_",
25
+ "__SDonutContainer": "___SDonutContainer_1clki_gg_",
26
+ "__STrendLine": "___STrendLine_1clki_gg_",
27
+ "__STrendBar": "___STrendBar_1clki_gg_",
28
+ "@pulse": "pulse_1clki",
29
+ "_animate": "__animate_1clki_gg_",
30
+ "_semi": "__semi_1clki_gg_"
31
31
  })
32
32
  );
33
33
  var DonutRoot = /* @__PURE__ */ function(_Component) {
package/lib/esm/component/score/Line.mjs CHANGED
@@ -14,28 +14,28 @@ var style = (
14
14
  /*__reshadow_css_start__*/
15
15
  (sstyled.insert(
16
16
  /*__inner_css_start__*/
17
- "@keyframes pulse_13rvt{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_13rvt{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_13rvt_gg_.__loading_13rvt_gg_,.___SLineGauge_13rvt_gg_.__loading_13rvt_gg_,.___STrendBar_13rvt_gg_.__loading_13rvt_gg_,.___STrendLine_13rvt_gg_.__loading_13rvt_gg_{animation-name:pulse_13rvt;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_13rvt_gg_{height:8px;background-color:var(--base-bg-color_13rvt, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_13rvt_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_13rvt_gg_.__percent_13rvt_gg_{width:var(--percent_13rvt)}.___SLineSegmentItem_13rvt_gg_.__color_13rvt_gg_,.___SLineValue_13rvt_gg_.__color_13rvt_gg_{background-color:var(--color_13rvt, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_13rvt_gg_.__segments_13rvt_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_13rvt_gg_,.___SLineGaugeSegment_13rvt_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_13rvt_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_13rvt_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_13rvt_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_13rvt;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
17
+ "@keyframes pulse_vi6w2{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_vi6w2{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_vi6w2_gg_.__loading_vi6w2_gg_,.___SLineGauge_vi6w2_gg_.__loading_vi6w2_gg_,.___STrendBar_vi6w2_gg_.__loading_vi6w2_gg_,.___STrendLine_vi6w2_gg_.__loading_vi6w2_gg_{animation-name:pulse_vi6w2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_vi6w2_gg_{height:8px;background-color:var(--base-bg-color_vi6w2, var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242)));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_vi6w2_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_vi6w2_gg_.__percent_vi6w2_gg_{width:var(--percent_vi6w2)}.___SLineSegmentItem_vi6w2_gg_.__color_vi6w2_gg_,.___SLineValue_vi6w2_gg_.__color_vi6w2_gg_{background-color:var(--color_vi6w2, var(--intergalactic-chart-palette-order-1, rgb(104, 109, 210)))}.___SLineGauge_vi6w2_gg_.__segments_vi6w2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_vi6w2_gg_,.___SLineGaugeSegment_vi6w2_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_vi6w2_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_vi6w2_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_vi6w2_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_vi6w2;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
18
18
  /*__inner_css_end__*/
19
- "13rvt_gg_"
19
+ "vi6w2_gg_"
20
20
  ), /*__reshadow_css_end__*/
21
21
  {
22
- "__SLineGauge": "___SLineGauge_13rvt_gg_",
23
- "_loading": "__loading_13rvt_gg_",
24
- "__SDonutContainer": "___SDonutContainer_13rvt_gg_",
25
- "__STrendLine": "___STrendLine_13rvt_gg_",
26
- "__STrendBar": "___STrendBar_13rvt_gg_",
27
- "@pulse": "pulse_13rvt",
28
- "--base-bg-color": "--base-bg-color_13rvt",
29
- "__SLineValue": "___SLineValue_13rvt_gg_",
30
- "_percent": "__percent_13rvt_gg_",
31
- "--percent": "--percent_13rvt",
32
- "_color": "__color_13rvt_gg_",
33
- "__SLineSegmentItem": "___SLineSegmentItem_13rvt_gg_",
34
- "--color": "--color_13rvt",
35
- "_segments": "__segments_13rvt_gg_",
36
- "__SLineGaugeSegment": "___SLineGaugeSegment_13rvt_gg_",
37
- "__SAnimationLine": "___SAnimationLine_13rvt_gg_",
38
- "@move-line": "move-line_13rvt"
22
+ "__SLineGauge": "___SLineGauge_vi6w2_gg_",
23
+ "_loading": "__loading_vi6w2_gg_",
24
+ "__SDonutContainer": "___SDonutContainer_vi6w2_gg_",
25
+ "__STrendLine": "___STrendLine_vi6w2_gg_",
26
+ "__STrendBar": "___STrendBar_vi6w2_gg_",
27
+ "@pulse": "pulse_vi6w2",
28
+ "__SLineValue": "___SLineValue_vi6w2_gg_",
29
+ "_percent": "__percent_vi6w2_gg_",
30
+ "--percent": "--percent_vi6w2",
31
+ "_color": "__color_vi6w2_gg_",
32
+ "__SLineSegmentItem": "___SLineSegmentItem_vi6w2_gg_",
33
+ "_segments": "__segments_vi6w2_gg_",
34
+ "__SLineGaugeSegment": "___SLineGaugeSegment_vi6w2_gg_",
35
+ "__SAnimationLine": "___SAnimationLine_vi6w2_gg_",
36
+ "@move-line": "move-line_vi6w2",
37
+ "--base-bg-color": "--base-bg-color_vi6w2",
38
+ "--color": "--color_vi6w2"
39
39
  })
40
40
  );
41
41
  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.153 278.4)));
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
@@ -17,17 +17,17 @@ var style = (
17
17
  /*__reshadow_css_start__*/
18
18
  (sstyled.insert(
19
19
  /*__inner_css_start__*/
20
- "@keyframes pulse_1k9zd{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1k9zd_gg_.__loading_1k9zd_gg_,.___SLineGauge_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendBar_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendLine_1k9zd_gg_.__loading_1k9zd_gg_{animation-name:pulse_1k9zd;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
20
+ "@keyframes pulse_mylya{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_mylya_gg_.__loading_mylya_gg_,.___SLineGauge_mylya_gg_.__loading_mylya_gg_,.___STrendBar_mylya_gg_.__loading_mylya_gg_,.___STrendLine_mylya_gg_.__loading_mylya_gg_{animation-name:pulse_mylya;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
21
21
  /*__inner_css_end__*/
22
- "1k9zd_gg_"
22
+ "mylya_gg_"
23
23
  ), /*__reshadow_css_end__*/
24
24
  {
25
- "__SLineGauge": "___SLineGauge_1k9zd_gg_",
26
- "_loading": "__loading_1k9zd_gg_",
27
- "__SDonutContainer": "___SDonutContainer_1k9zd_gg_",
28
- "__STrendLine": "___STrendLine_1k9zd_gg_",
29
- "__STrendBar": "___STrendBar_1k9zd_gg_",
30
- "@pulse": "pulse_1k9zd"
25
+ "__SLineGauge": "___SLineGauge_mylya_gg_",
26
+ "_loading": "__loading_mylya_gg_",
27
+ "__SDonutContainer": "___SDonutContainer_mylya_gg_",
28
+ "__STrendLine": "___STrendLine_mylya_gg_",
29
+ "__STrendBar": "___STrendBar_mylya_gg_",
30
+ "@pulse": "pulse_mylya"
31
31
  })
32
32
  );
33
33
  var TrendBarRoot = /* @__PURE__ */ function(_Trend) {
package/lib/esm/component/trend/Line.mjs CHANGED
@@ -18,17 +18,17 @@ var style = (
18
18
  /*__reshadow_css_start__*/
19
19
  (sstyled.insert(
20
20
  /*__inner_css_start__*/
21
- "@keyframes pulse_1k9zd{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1k9zd_gg_.__loading_1k9zd_gg_,.___SLineGauge_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendBar_1k9zd_gg_.__loading_1k9zd_gg_,.___STrendLine_1k9zd_gg_.__loading_1k9zd_gg_{animation-name:pulse_1k9zd;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
21
+ "@keyframes pulse_mylya{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_mylya_gg_.__loading_mylya_gg_,.___SLineGauge_mylya_gg_.__loading_mylya_gg_,.___STrendBar_mylya_gg_.__loading_mylya_gg_,.___STrendLine_mylya_gg_.__loading_mylya_gg_{animation-name:pulse_mylya;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
22
22
  /*__inner_css_end__*/
23
- "1k9zd_gg_"
23
+ "mylya_gg_"
24
24
  ), /*__reshadow_css_end__*/
25
25
  {
26
- "__SLineGauge": "___SLineGauge_1k9zd_gg_",
27
- "_loading": "__loading_1k9zd_gg_",
28
- "__SDonutContainer": "___SDonutContainer_1k9zd_gg_",
29
- "__STrendLine": "___STrendLine_1k9zd_gg_",
30
- "__STrendBar": "___STrendBar_1k9zd_gg_",
31
- "@pulse": "pulse_1k9zd"
26
+ "__SLineGauge": "___SLineGauge_mylya_gg_",
27
+ "_loading": "__loading_mylya_gg_",
28
+ "__SDonutContainer": "___SDonutContainer_mylya_gg_",
29
+ "__STrendLine": "___STrendLine_mylya_gg_",
30
+ "__STrendBar": "___STrendBar_mylya_gg_",
31
+ "@pulse": "pulse_mylya"
32
32
  })
33
33
  );
34
34
  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": "0.29.4",
4
+ "version": "0.30.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,11 +14,11 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "5.41.4",
18
- "@semcore/utils": "4.48.5"
17
+ "@semcore/flex-box": "5.42.0-prerelease.1",
18
+ "@semcore/utils": "4.49.0-prerelease.1"
19
19
  },
20
20
  "peerDependencies": {
21
- "@semcore/core": "^2.17.5",
21
+ "@semcore/core": "^2.40.0-prerelease.1",
22
22
  "react": "16.8 - 18",
23
23
  "react-dom": "16.8 - 18"
24
24
  },