@semcore/mini-chart 0.28.1-prerelease.1 → 0.29.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.
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.29.0] - 2025-02-27
6
+
7
+ ### Changed
8
+
9
+ - Version minor update due to children dependencies update (`@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/utils` [4.45.1 ~> 4.47.0], `@semcore/core` [2.38.1 ~> 2.39.0]).
10
+
5
11
  ## [0.28.1] - 2025-02-05
6
12
 
7
13
  ### Changed
@@ -19,15 +19,15 @@ 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_1gtiv{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1gtiv_gg_.__loading_1gtiv_gg_,.___SLineGauge_1gtiv_gg_.__loading_1gtiv_gg_,.___STrendBar_1gtiv_gg_.__loading_1gtiv_gg_,.___STrendLine_1gtiv_gg_.__loading_1gtiv_gg_{animation-name:pulse_1gtiv;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1gtiv_gg_.__semi_1gtiv_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1gtiv_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1gtiv_gg_.__animate_1gtiv_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "1gtiv_gg_") /*__reshadow_css_end__*/, {
23
- "__SLineGauge": "___SLineGauge_1gtiv_gg_",
24
- "_loading": "__loading_1gtiv_gg_",
25
- "__SDonutContainer": "___SDonutContainer_1gtiv_gg_",
26
- "__STrendLine": "___STrendLine_1gtiv_gg_",
27
- "__STrendBar": "___STrendBar_1gtiv_gg_",
28
- "@pulse": "pulse_1gtiv",
29
- "_animate": "__animate_1gtiv_gg_",
30
- "_semi": "__semi_1gtiv_gg_"
22
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18pnz{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18pnz_gg_.__loading_18pnz_gg_,.___SLineGauge_18pnz_gg_.__loading_18pnz_gg_,.___STrendBar_18pnz_gg_.__loading_18pnz_gg_,.___STrendLine_18pnz_gg_.__loading_18pnz_gg_{animation-name:pulse_18pnz;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_18pnz_gg_.__semi_18pnz_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_18pnz_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_18pnz_gg_.__animate_18pnz_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "18pnz_gg_") /*__reshadow_css_end__*/, {
23
+ "__SLineGauge": "___SLineGauge_18pnz_gg_",
24
+ "_loading": "__loading_18pnz_gg_",
25
+ "__SDonutContainer": "___SDonutContainer_18pnz_gg_",
26
+ "__STrendLine": "___STrendLine_18pnz_gg_",
27
+ "__STrendBar": "___STrendBar_18pnz_gg_",
28
+ "@pulse": "pulse_18pnz",
29
+ "_animate": "__animate_18pnz_gg_",
30
+ "_semi": "__semi_18pnz_gg_"
31
31
  });
32
32
  var DonutRoot = /*#__PURE__*/function (_Component) {
33
33
  (0, _inherits2["default"])(DonutRoot, _Component);
@@ -18,24 +18,24 @@ 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_1yjpp{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1yjpp{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1yjpp_gg_.__loading_1yjpp_gg_,.___SLineGauge_1yjpp_gg_.__loading_1yjpp_gg_,.___STrendBar_1yjpp_gg_.__loading_1yjpp_gg_,.___STrendLine_1yjpp_gg_.__loading_1yjpp_gg_{animation-name:pulse_1yjpp;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1yjpp_gg_{height:8px;background-color:var(--base-bg-color_1yjpp, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1yjpp_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1yjpp_gg_.__percent_1yjpp_gg_{width:var(--percent_1yjpp)}.___SLineSegmentItem_1yjpp_gg_.__color_1yjpp_gg_,.___SLineValue_1yjpp_gg_.__color_1yjpp_gg_{background-color:var(--color_1yjpp, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1yjpp_gg_.__segments_1yjpp_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1yjpp_gg_,.___SLineGaugeSegment_1yjpp_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1yjpp_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1yjpp_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_1yjpp_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_1yjpp;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1yjpp_gg_") /*__reshadow_css_end__*/, {
22
- "__SLineGauge": "___SLineGauge_1yjpp_gg_",
23
- "_loading": "__loading_1yjpp_gg_",
24
- "__SDonutContainer": "___SDonutContainer_1yjpp_gg_",
25
- "__STrendLine": "___STrendLine_1yjpp_gg_",
26
- "__STrendBar": "___STrendBar_1yjpp_gg_",
27
- "@pulse": "pulse_1yjpp",
28
- "--base-bg-color": "--base-bg-color_1yjpp",
29
- "__SLineValue": "___SLineValue_1yjpp_gg_",
30
- "_percent": "__percent_1yjpp_gg_",
31
- "--percent": "--percent_1yjpp",
32
- "_color": "__color_1yjpp_gg_",
33
- "__SLineSegmentItem": "___SLineSegmentItem_1yjpp_gg_",
34
- "--color": "--color_1yjpp",
35
- "_segments": "__segments_1yjpp_gg_",
36
- "__SLineGaugeSegment": "___SLineGaugeSegment_1yjpp_gg_",
37
- "__SAnimationLine": "___SAnimationLine_1yjpp_gg_",
38
- "@move-line": "move-line_1yjpp"
21
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1lsyc{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1lsyc{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1lsyc_gg_.__loading_1lsyc_gg_,.___SLineGauge_1lsyc_gg_.__loading_1lsyc_gg_,.___STrendBar_1lsyc_gg_.__loading_1lsyc_gg_,.___STrendLine_1lsyc_gg_.__loading_1lsyc_gg_{animation-name:pulse_1lsyc;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1lsyc_gg_{height:8px;background-color:var(--base-bg-color_1lsyc, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1lsyc_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1lsyc_gg_.__percent_1lsyc_gg_{width:var(--percent_1lsyc)}.___SLineSegmentItem_1lsyc_gg_.__color_1lsyc_gg_,.___SLineValue_1lsyc_gg_.__color_1lsyc_gg_{background-color:var(--color_1lsyc, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1lsyc_gg_.__segments_1lsyc_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1lsyc_gg_,.___SLineGaugeSegment_1lsyc_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1lsyc_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1lsyc_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_1lsyc_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_1lsyc;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1lsyc_gg_") /*__reshadow_css_end__*/, {
22
+ "__SLineGauge": "___SLineGauge_1lsyc_gg_",
23
+ "_loading": "__loading_1lsyc_gg_",
24
+ "__SDonutContainer": "___SDonutContainer_1lsyc_gg_",
25
+ "__STrendLine": "___STrendLine_1lsyc_gg_",
26
+ "__STrendBar": "___STrendBar_1lsyc_gg_",
27
+ "@pulse": "pulse_1lsyc",
28
+ "--base-bg-color": "--base-bg-color_1lsyc",
29
+ "__SLineValue": "___SLineValue_1lsyc_gg_",
30
+ "_percent": "__percent_1lsyc_gg_",
31
+ "--percent": "--percent_1lsyc",
32
+ "_color": "__color_1lsyc_gg_",
33
+ "__SLineSegmentItem": "___SLineSegmentItem_1lsyc_gg_",
34
+ "--color": "--color_1lsyc",
35
+ "_segments": "__segments_1lsyc_gg_",
36
+ "__SLineGaugeSegment": "___SLineGaugeSegment_1lsyc_gg_",
37
+ "__SAnimationLine": "___SAnimationLine_1lsyc_gg_",
38
+ "@move-line": "move-line_1lsyc"
39
39
  });
40
40
  var LineRoot = /*#__PURE__*/function (_Component) {
41
41
  (0, _inherits2["default"])(LineRoot, _Component);
@@ -21,13 +21,13 @@ 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_1s1wa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1s1wa_gg_.__loading_1s1wa_gg_,.___SLineGauge_1s1wa_gg_.__loading_1s1wa_gg_,.___STrendBar_1s1wa_gg_.__loading_1s1wa_gg_,.___STrendLine_1s1wa_gg_.__loading_1s1wa_gg_{animation-name:pulse_1s1wa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1s1wa_gg_") /*__reshadow_css_end__*/, {
25
- "__SLineGauge": "___SLineGauge_1s1wa_gg_",
26
- "_loading": "__loading_1s1wa_gg_",
27
- "__SDonutContainer": "___SDonutContainer_1s1wa_gg_",
28
- "__STrendLine": "___STrendLine_1s1wa_gg_",
29
- "__STrendBar": "___STrendBar_1s1wa_gg_",
30
- "@pulse": "pulse_1s1wa"
24
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_382bi{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_382bi_gg_.__loading_382bi_gg_,.___SLineGauge_382bi_gg_.__loading_382bi_gg_,.___STrendBar_382bi_gg_.__loading_382bi_gg_,.___STrendLine_382bi_gg_.__loading_382bi_gg_{animation-name:pulse_382bi;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "382bi_gg_") /*__reshadow_css_end__*/, {
25
+ "__SLineGauge": "___SLineGauge_382bi_gg_",
26
+ "_loading": "__loading_382bi_gg_",
27
+ "__SDonutContainer": "___SDonutContainer_382bi_gg_",
28
+ "__STrendLine": "___STrendLine_382bi_gg_",
29
+ "__STrendBar": "___STrendBar_382bi_gg_",
30
+ "@pulse": "pulse_382bi"
31
31
  });
32
32
  var TrendBarRoot = /*#__PURE__*/function (_Trend) {
33
33
  (0, _inherits2["default"])(TrendBarRoot, _Trend);
@@ -22,13 +22,13 @@ 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_1s1wa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1s1wa_gg_.__loading_1s1wa_gg_,.___SLineGauge_1s1wa_gg_.__loading_1s1wa_gg_,.___STrendBar_1s1wa_gg_.__loading_1s1wa_gg_,.___STrendLine_1s1wa_gg_.__loading_1s1wa_gg_{animation-name:pulse_1s1wa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1s1wa_gg_") /*__reshadow_css_end__*/, {
26
- "__SLineGauge": "___SLineGauge_1s1wa_gg_",
27
- "_loading": "__loading_1s1wa_gg_",
28
- "__SDonutContainer": "___SDonutContainer_1s1wa_gg_",
29
- "__STrendLine": "___STrendLine_1s1wa_gg_",
30
- "__STrendBar": "___STrendBar_1s1wa_gg_",
31
- "@pulse": "pulse_1s1wa"
25
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_382bi{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_382bi_gg_.__loading_382bi_gg_,.___SLineGauge_382bi_gg_.__loading_382bi_gg_,.___STrendBar_382bi_gg_.__loading_382bi_gg_,.___STrendLine_382bi_gg_.__loading_382bi_gg_{animation-name:pulse_382bi;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "382bi_gg_") /*__reshadow_css_end__*/, {
26
+ "__SLineGauge": "___SLineGauge_382bi_gg_",
27
+ "_loading": "__loading_382bi_gg_",
28
+ "__SDonutContainer": "___SDonutContainer_382bi_gg_",
29
+ "__STrendLine": "___STrendLine_382bi_gg_",
30
+ "__STrendBar": "___STrendBar_382bi_gg_",
31
+ "@pulse": "pulse_382bi"
32
32
  });
33
33
  var TrendLineRoot = /*#__PURE__*/function (_Trend) {
34
34
  (0, _inherits2["default"])(TrendLineRoot, _Trend);
@@ -12,15 +12,15 @@ 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_1gtiv{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1gtiv_gg_.__loading_1gtiv_gg_,.___SLineGauge_1gtiv_gg_.__loading_1gtiv_gg_,.___STrendBar_1gtiv_gg_.__loading_1gtiv_gg_,.___STrendLine_1gtiv_gg_.__loading_1gtiv_gg_{animation-name:pulse_1gtiv;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1gtiv_gg_.__semi_1gtiv_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1gtiv_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1gtiv_gg_.__animate_1gtiv_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "1gtiv_gg_") /*__reshadow_css_end__*/, {
16
- "__SLineGauge": "___SLineGauge_1gtiv_gg_",
17
- "_loading": "__loading_1gtiv_gg_",
18
- "__SDonutContainer": "___SDonutContainer_1gtiv_gg_",
19
- "__STrendLine": "___STrendLine_1gtiv_gg_",
20
- "__STrendBar": "___STrendBar_1gtiv_gg_",
21
- "@pulse": "pulse_1gtiv",
22
- "_animate": "__animate_1gtiv_gg_",
23
- "_semi": "__semi_1gtiv_gg_"
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18pnz{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18pnz_gg_.__loading_18pnz_gg_,.___SLineGauge_18pnz_gg_.__loading_18pnz_gg_,.___STrendBar_18pnz_gg_.__loading_18pnz_gg_,.___STrendLine_18pnz_gg_.__loading_18pnz_gg_{animation-name:pulse_18pnz;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_18pnz_gg_.__semi_18pnz_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_18pnz_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_18pnz_gg_.__animate_18pnz_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "18pnz_gg_") /*__reshadow_css_end__*/, {
16
+ "__SLineGauge": "___SLineGauge_18pnz_gg_",
17
+ "_loading": "__loading_18pnz_gg_",
18
+ "__SDonutContainer": "___SDonutContainer_18pnz_gg_",
19
+ "__STrendLine": "___STrendLine_18pnz_gg_",
20
+ "__STrendBar": "___STrendBar_18pnz_gg_",
21
+ "@pulse": "pulse_18pnz",
22
+ "_animate": "__animate_18pnz_gg_",
23
+ "_semi": "__semi_18pnz_gg_"
24
24
  });
25
25
  import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
26
26
  var DonutRoot = /*#__PURE__*/function (_Component) {
@@ -13,24 +13,24 @@ 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_1yjpp{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1yjpp{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1yjpp_gg_.__loading_1yjpp_gg_,.___SLineGauge_1yjpp_gg_.__loading_1yjpp_gg_,.___STrendBar_1yjpp_gg_.__loading_1yjpp_gg_,.___STrendLine_1yjpp_gg_.__loading_1yjpp_gg_{animation-name:pulse_1yjpp;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1yjpp_gg_{height:8px;background-color:var(--base-bg-color_1yjpp, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1yjpp_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1yjpp_gg_.__percent_1yjpp_gg_{width:var(--percent_1yjpp)}.___SLineSegmentItem_1yjpp_gg_.__color_1yjpp_gg_,.___SLineValue_1yjpp_gg_.__color_1yjpp_gg_{background-color:var(--color_1yjpp, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1yjpp_gg_.__segments_1yjpp_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1yjpp_gg_,.___SLineGaugeSegment_1yjpp_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1yjpp_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1yjpp_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_1yjpp_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_1yjpp;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1yjpp_gg_") /*__reshadow_css_end__*/, {
17
- "__SLineGauge": "___SLineGauge_1yjpp_gg_",
18
- "_loading": "__loading_1yjpp_gg_",
19
- "__SDonutContainer": "___SDonutContainer_1yjpp_gg_",
20
- "__STrendLine": "___STrendLine_1yjpp_gg_",
21
- "__STrendBar": "___STrendBar_1yjpp_gg_",
22
- "@pulse": "pulse_1yjpp",
23
- "--base-bg-color": "--base-bg-color_1yjpp",
24
- "__SLineValue": "___SLineValue_1yjpp_gg_",
25
- "_percent": "__percent_1yjpp_gg_",
26
- "--percent": "--percent_1yjpp",
27
- "_color": "__color_1yjpp_gg_",
28
- "__SLineSegmentItem": "___SLineSegmentItem_1yjpp_gg_",
29
- "--color": "--color_1yjpp",
30
- "_segments": "__segments_1yjpp_gg_",
31
- "__SLineGaugeSegment": "___SLineGaugeSegment_1yjpp_gg_",
32
- "__SAnimationLine": "___SAnimationLine_1yjpp_gg_",
33
- "@move-line": "move-line_1yjpp"
16
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1lsyc{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1lsyc{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1lsyc_gg_.__loading_1lsyc_gg_,.___SLineGauge_1lsyc_gg_.__loading_1lsyc_gg_,.___STrendBar_1lsyc_gg_.__loading_1lsyc_gg_,.___STrendLine_1lsyc_gg_.__loading_1lsyc_gg_{animation-name:pulse_1lsyc;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1lsyc_gg_{height:8px;background-color:var(--base-bg-color_1lsyc, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1lsyc_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1lsyc_gg_.__percent_1lsyc_gg_{width:var(--percent_1lsyc)}.___SLineSegmentItem_1lsyc_gg_.__color_1lsyc_gg_,.___SLineValue_1lsyc_gg_.__color_1lsyc_gg_{background-color:var(--color_1lsyc, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1lsyc_gg_.__segments_1lsyc_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1lsyc_gg_,.___SLineGaugeSegment_1lsyc_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1lsyc_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1lsyc_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_1lsyc_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_1lsyc;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1lsyc_gg_") /*__reshadow_css_end__*/, {
17
+ "__SLineGauge": "___SLineGauge_1lsyc_gg_",
18
+ "_loading": "__loading_1lsyc_gg_",
19
+ "__SDonutContainer": "___SDonutContainer_1lsyc_gg_",
20
+ "__STrendLine": "___STrendLine_1lsyc_gg_",
21
+ "__STrendBar": "___STrendBar_1lsyc_gg_",
22
+ "@pulse": "pulse_1lsyc",
23
+ "--base-bg-color": "--base-bg-color_1lsyc",
24
+ "__SLineValue": "___SLineValue_1lsyc_gg_",
25
+ "_percent": "__percent_1lsyc_gg_",
26
+ "--percent": "--percent_1lsyc",
27
+ "_color": "__color_1lsyc_gg_",
28
+ "__SLineSegmentItem": "___SLineSegmentItem_1lsyc_gg_",
29
+ "--color": "--color_1lsyc",
30
+ "_segments": "__segments_1lsyc_gg_",
31
+ "__SLineGaugeSegment": "___SLineGaugeSegment_1lsyc_gg_",
32
+ "__SAnimationLine": "___SAnimationLine_1lsyc_gg_",
33
+ "@move-line": "move-line_1lsyc"
34
34
  });
35
35
  var LineRoot = /*#__PURE__*/function (_Component) {
36
36
  _inherits(LineRoot, _Component);
@@ -13,13 +13,13 @@ 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_1s1wa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1s1wa_gg_.__loading_1s1wa_gg_,.___SLineGauge_1s1wa_gg_.__loading_1s1wa_gg_,.___STrendBar_1s1wa_gg_.__loading_1s1wa_gg_,.___STrendLine_1s1wa_gg_.__loading_1s1wa_gg_{animation-name:pulse_1s1wa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1s1wa_gg_") /*__reshadow_css_end__*/, {
17
- "__SLineGauge": "___SLineGauge_1s1wa_gg_",
18
- "_loading": "__loading_1s1wa_gg_",
19
- "__SDonutContainer": "___SDonutContainer_1s1wa_gg_",
20
- "__STrendLine": "___STrendLine_1s1wa_gg_",
21
- "__STrendBar": "___STrendBar_1s1wa_gg_",
22
- "@pulse": "pulse_1s1wa"
16
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_382bi{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_382bi_gg_.__loading_382bi_gg_,.___SLineGauge_382bi_gg_.__loading_382bi_gg_,.___STrendBar_382bi_gg_.__loading_382bi_gg_,.___STrendLine_382bi_gg_.__loading_382bi_gg_{animation-name:pulse_382bi;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "382bi_gg_") /*__reshadow_css_end__*/, {
17
+ "__SLineGauge": "___SLineGauge_382bi_gg_",
18
+ "_loading": "__loading_382bi_gg_",
19
+ "__SDonutContainer": "___SDonutContainer_382bi_gg_",
20
+ "__STrendLine": "___STrendLine_382bi_gg_",
21
+ "__STrendBar": "___STrendBar_382bi_gg_",
22
+ "@pulse": "pulse_382bi"
23
23
  });
24
24
  import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
25
25
  var TrendBarRoot = /*#__PURE__*/function (_Trend) {
@@ -14,13 +14,13 @@ 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_1s1wa{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1s1wa_gg_.__loading_1s1wa_gg_,.___SLineGauge_1s1wa_gg_.__loading_1s1wa_gg_,.___STrendBar_1s1wa_gg_.__loading_1s1wa_gg_,.___STrendLine_1s1wa_gg_.__loading_1s1wa_gg_{animation-name:pulse_1s1wa;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1s1wa_gg_") /*__reshadow_css_end__*/, {
18
- "__SLineGauge": "___SLineGauge_1s1wa_gg_",
19
- "_loading": "__loading_1s1wa_gg_",
20
- "__SDonutContainer": "___SDonutContainer_1s1wa_gg_",
21
- "__STrendLine": "___STrendLine_1s1wa_gg_",
22
- "__STrendBar": "___STrendBar_1s1wa_gg_",
23
- "@pulse": "pulse_1s1wa"
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_382bi{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_382bi_gg_.__loading_382bi_gg_,.___SLineGauge_382bi_gg_.__loading_382bi_gg_,.___STrendBar_382bi_gg_.__loading_382bi_gg_,.___STrendLine_382bi_gg_.__loading_382bi_gg_{animation-name:pulse_382bi;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "382bi_gg_") /*__reshadow_css_end__*/, {
18
+ "__SLineGauge": "___SLineGauge_382bi_gg_",
19
+ "_loading": "__loading_382bi_gg_",
20
+ "__SDonutContainer": "___SDonutContainer_382bi_gg_",
21
+ "__STrendLine": "___STrendLine_382bi_gg_",
22
+ "__STrendBar": "___STrendBar_382bi_gg_",
23
+ "@pulse": "pulse_382bi"
24
24
  });
25
25
  import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
26
26
  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.28.1-prerelease.1",
4
+ "version": "0.29.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",
@@ -9,11 +9,11 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/flex-box": "5.40.1-prerelease.1",
13
- "@semcore/utils": "4.45.1-prerelease.1"
12
+ "@semcore/flex-box": "5.41.0-prerelease.1",
13
+ "@semcore/utils": "4.47.0-prerelease.1"
14
14
  },
15
15
  "peerDependencies": {
16
- "@semcore/core": "^2.38.1-prerelease.1",
16
+ "@semcore/core": "^2.39.0-prerelease.1",
17
17
  "react": "16.8 - 18",
18
18
  "react-dom": "16.8 - 18"
19
19
  },