intergalactic 15.126.0-prerelease.9 → 15.126.1-prerelease.0

package/link/lib/esm/Link.mjs

@@ -0,0 +1,136 @@
+import y from "@babel/runtime/helpers/esm/objectSpread2";
+import A from "@babel/runtime/helpers/esm/classCallCheck";
+import C from "@babel/runtime/helpers/esm/createClass";
+import f from "@babel/runtime/helpers/esm/assertThisInitialized";
+import T from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as P } from 'intergalactic/utils/lib/core/index';
+import R, { sstyled as v, assignProps as k, Component as w } from 'intergalactic/core';
+import i from "react";
+import { Text as M } from 'intergalactic/typography';
+import { Box as S } from 'intergalactic/flex-box';
+import { Hint as O } from 'intergalactic/tooltip';
+import W from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import B from 'intergalactic/utils/lib/addonTextChildren';
+import F from 'intergalactic/utils/lib/logger';
+import H from 'intergalactic/utils/lib/hasLabels';
+import $ from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+var V = (
+  /*__reshadow_css_start__*/
+  (P.insert(
+    /*__inner_css_start__*/
+    ".___SLink_1lus8_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_1lus8_gg_:active,.___SLink_1lus8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_1lus8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_1lus8_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_1lus8_gg_.__active_1lus8_gg_,.___SLink_1lus8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_1lus8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_1lus8_gg_.__active_1lus8_gg_ .___SText_1lus8_gg_,.___SLink_1lus8_gg_:active .___SText_1lus8_gg_{border-color:currentColor}@media (hover:hover){.___SLink_1lus8_gg_:hover .___SText_1lus8_gg_{border-color:currentColor}}.___SLink_1lus8_gg_.__enableVisited_1lus8_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_1lus8_gg_.__enableVisited_1lus8_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_1lus8_gg_.__keyboardFocused_1lus8_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_1lus8_gg_.__visually-disabled_1lus8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_1lus8_gg_.__noWrapText_1lus8_gg_{white-space:nowrap}.___SLink_1lus8_gg_.__inline_1lus8_gg_{display:inline}.___SAddon_1lus8_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_1lus8_gg_ .___SAddon_1lus8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_1lus8_gg_ .___SAddon_1lus8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1lus8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_1lus8_gg_.__text-color_1lus8_gg_{color:var(--text-color_1lus8)}.___SLink_1lus8_gg_.__text-color_1lus8_gg_.__active_1lus8_gg_,.___SLink_1lus8_gg_.__text-color_1lus8_gg_:active{color:var(--text-color_1lus8);filter:brightness(.8)}@media (hover:hover){.___SLink_1lus8_gg_.__text-color_1lus8_gg_:hover{color:var(--text-color_1lus8);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_1lus8_gg_,.___SText_1lus8_gg_{transition:none}}",
+    "1lus8_gg_"
+  ), {
+    __SLink: "___SLink_1lus8_gg_",
+    _keyboardFocused: "__keyboardFocused_1lus8_gg_",
+    "_visually-disabled": "__visually-disabled_1lus8_gg_",
+    _noWrapText: "__noWrapText_1lus8_gg_",
+    _inline: "__inline_1lus8_gg_",
+    __SAddon: "___SAddon_1lus8_gg_",
+    __SText: "___SText_1lus8_gg_",
+    _active: "__active_1lus8_gg_",
+    _enableVisited: "__enableVisited_1lus8_gg_",
+    "_text-color": "__text-color_1lus8_gg_",
+    "--text-color": "--text-color_1lus8"
+  })
+), h = /* @__PURE__ */ function(d) {
+  T(o, d);
+  var a = E(o);
+  function o() {
+    var _;
+    A(this, o);
+    for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++)
+      n[r] = arguments[r];
+    return _ = a.call.apply(a, [this].concat(n)), l(f(_), "containerRef", /* @__PURE__ */ i.createRef()), l(f(_), "state", {
+      ariaLabelledByContent: "",
+      visibleHint: !1
+    }), l(f(_), "handleMouseEnterOnlyAddon", function() {
+      _.setState({
+        visibleHint: !0
+      });
+    }), l(f(_), "handleMouseLeaveOnlyAddon", function() {
+      _.setState({
+        visibleHint: !1
+      });
+    }), _;
+  }
+  return C(o, [{
+    key: "componentDidMount",
+    value: function() {
+      var e = this;
+      process.env.NODE_ENV !== "production" && F.warn(this.containerRef.current && !H(this.containerRef.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content", this.asProps["data-ui-name"] || o.displayName), this.asProps["aria-labelledby"] && setTimeout(function() {
+        var n, r;
+        e.setState({
+          ariaLabelledByContent: (n = (r = document.getElementById(e.asProps["aria-labelledby"])) === null || r === void 0 ? void 0 : r.textContent) !== null && n !== void 0 ? n : ""
+        });
+      }, 0);
+    }
+  }, {
+    key: "renderChildren",
+    value: function() {
+      var e = this.asProps, n = e.Children, r = e.styles, t = e.addonLeft, s = e.addonRight;
+      return v(r), /* @__PURE__ */ i.createElement(i.Fragment, null, t ? /* @__PURE__ */ i.createElement(u.Addon, {
+        tag: t
+      }) : null, B(n, u.Text, u.Addon), s ? /* @__PURE__ */ i.createElement(u.Addon, {
+        tag: s
+      }) : null);
+    }
+  }, {
+    key: "renderOnlyAddons",
+    value: function() {
+      var e, n, r, t = this.asProps, s = t.styles, m = t.addonLeft, p = t.addonRight, g = t.title, c = t["aria-label"], b = t.keyboardFocused, x = this.state.visibleHint, L = (n = (r = g ?? c) !== null && r !== void 0 ? r : this.state.ariaLabelledByContent) !== null && n !== void 0 ? n : "";
+      return e = v(s), /* @__PURE__ */ i.createElement(u.Addon, {
+        tag: O,
+        title: L,
+        timeout: [250, 50],
+        visible: b || x
+      }, m && /* @__PURE__ */ i.createElement(m, e.cn("AddonLeft", {})), p && /* @__PURE__ */ i.createElement(p, e.cn("AddonRight", {})));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, n, r = M, t = this.asProps, s = t.styles, m = t.noWrap, p = t.color, g = t.resolveColor, c = t.disabled, b = t.href, x = t.children;
+      return n = v(s), /* @__PURE__ */ i.createElement(r, n.cn("SLink", y({}, k({
+        role: "link",
+        tabIndex: c ? -1 : 0,
+        "use:href": c ? void 0 : b,
+        "visually-disabled": c,
+        "text-color": g(p),
+        tag: "a",
+        noWrapText: m,
+        "use:noWrap": !1,
+        ref: this.containerRef,
+        __excludeProps: ["disabled", "aria-disabled"],
+        onMouseEnter: this.handleMouseEnterOnlyAddon,
+        onMouseLeave: this.handleMouseLeaveOnlyAddon
+      }, e))), x !== void 0 ? this.renderChildren() : this.renderOnlyAddons());
+    }
+  }]), o;
+}(w);
+l(h, "displayName", "Link");
+l(h, "defaultProps", {
+  noWrap: !0
+});
+l(h, "style", V);
+l(h, "enhance", [W(), $()]);
+function N(d) {
+  var a = arguments[0], o, _ = S, e = d.styles;
+  return o = v(e), /* @__PURE__ */ i.createElement(_, o.cn("SText", y({}, k({
+    tag: "span"
+  }, a))));
+}
+function D(d) {
+  var a = arguments[0], o, _ = S, e = d.styles;
+  return o = v(e), /* @__PURE__ */ i.createElement(_, o.cn("SAddon", y({}, k({
+    tag: "span"
+  }, a))));
+}
+var u = R(h, {
+  Text: N,
+  Addon: D
+});
+export {
+  u as default
+};

package/link/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Link.mjs";
+export {
+  o as default
+};

package/link/package.json

@@ -1 +1 @@
-{"name":"intergalactic/link","description":"Semrush Link Component","version":"5.44.0-prerelease.9","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.47.1-prerelease.9","@semcore/typography":"5.52.0-prerelease.9","@semcore/flex-box":"5.41.0-prerelease.9","@semcore/tooltip":"6.48.0-prerelease.9"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.9","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/link"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}
+{"name":"intergalactic/link","description":"Semrush Link Component","version":"5.44.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.1-prerelease.0","@semcore/typography":"5.52.1-prerelease.0","@semcore/flex-box":"5.41.1-prerelease.0","@semcore/tooltip":"6.49.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/link"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}

package/mini-chart/lib/cjs/component/score/Donut.js

@@ -19,15 +19,15 @@ var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 var _ariaProps = require("intergalactic/utils/lib/ariaProps");
 /*__reshadow-styles__:"./donut.shadow.css"*/
-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__*/, {
-  "__SLineGauge": "___SLineGauge_18pnz_gg_",
-  "_loading": "__loading_18pnz_gg_",
-  "__SDonutContainer": "___SDonutContainer_18pnz_gg_",
-  "__STrendLine": "___STrendLine_18pnz_gg_",
-  "__STrendBar": "___STrendBar_18pnz_gg_",
-  "@pulse": "pulse_18pnz",
-  "_animate": "__animate_18pnz_gg_",
-  "_semi": "__semi_18pnz_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_ul6zh{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ul6zh_gg_.__loading_ul6zh_gg_,.___SLineGauge_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendBar_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendLine_ul6zh_gg_.__loading_ul6zh_gg_{animation-name:pulse_ul6zh;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_ul6zh_gg_.__semi_ul6zh_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_ul6zh_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_ul6zh_gg_.__animate_ul6zh_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "ul6zh_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_ul6zh_gg_",
+  "_loading": "__loading_ul6zh_gg_",
+  "__SDonutContainer": "___SDonutContainer_ul6zh_gg_",
+  "__STrendLine": "___STrendLine_ul6zh_gg_",
+  "__STrendBar": "___STrendBar_ul6zh_gg_",
+  "@pulse": "pulse_ul6zh",
+  "_animate": "__animate_ul6zh_gg_",
+  "_semi": "__semi_ul6zh_gg_"
 });
 var DonutRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DonutRoot, _Component);

package/mini-chart/lib/cjs/component/score/Line.js

@@ -18,24 +18,24 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./line.shadow.css"*/
-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__*/, {
-  "__SLineGauge": "___SLineGauge_1lsyc_gg_",
-  "_loading": "__loading_1lsyc_gg_",
-  "__SDonutContainer": "___SDonutContainer_1lsyc_gg_",
-  "__STrendLine": "___STrendLine_1lsyc_gg_",
-  "__STrendBar": "___STrendBar_1lsyc_gg_",
-  "@pulse": "pulse_1lsyc",
-  "--base-bg-color": "--base-bg-color_1lsyc",
-  "__SLineValue": "___SLineValue_1lsyc_gg_",
-  "_percent": "__percent_1lsyc_gg_",
-  "--percent": "--percent_1lsyc",
-  "_color": "__color_1lsyc_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_1lsyc_gg_",
-  "--color": "--color_1lsyc",
-  "_segments": "__segments_1lsyc_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_1lsyc_gg_",
-  "__SAnimationLine": "___SAnimationLine_1lsyc_gg_",
-  "@move-line": "move-line_1lsyc"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1b7u0{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1b7u0{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1b7u0_gg_.__loading_1b7u0_gg_,.___SLineGauge_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendBar_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendLine_1b7u0_gg_.__loading_1b7u0_gg_{animation-name:pulse_1b7u0;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1b7u0_gg_{height:8px;background-color:var(--base-bg-color_1b7u0, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1b7u0_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1b7u0_gg_.__percent_1b7u0_gg_{width:var(--percent_1b7u0)}.___SLineSegmentItem_1b7u0_gg_.__color_1b7u0_gg_,.___SLineValue_1b7u0_gg_.__color_1b7u0_gg_{background-color:var(--color_1b7u0, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1b7u0_gg_.__segments_1b7u0_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1b7u0_gg_,.___SLineGaugeSegment_1b7u0_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1b7u0_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1b7u0_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_1b7u0_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_1b7u0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1b7u0_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1b7u0_gg_",
+  "_loading": "__loading_1b7u0_gg_",
+  "__SDonutContainer": "___SDonutContainer_1b7u0_gg_",
+  "__STrendLine": "___STrendLine_1b7u0_gg_",
+  "__STrendBar": "___STrendBar_1b7u0_gg_",
+  "@pulse": "pulse_1b7u0",
+  "--base-bg-color": "--base-bg-color_1b7u0",
+  "__SLineValue": "___SLineValue_1b7u0_gg_",
+  "_percent": "__percent_1b7u0_gg_",
+  "--percent": "--percent_1b7u0",
+  "_color": "__color_1b7u0_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1b7u0_gg_",
+  "--color": "--color_1b7u0",
+  "_segments": "__segments_1b7u0_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1b7u0_gg_",
+  "__SAnimationLine": "___SAnimationLine_1b7u0_gg_",
+  "@move-line": "move-line_1b7u0"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LineRoot, _Component);

package/mini-chart/lib/cjs/component/trend/Bar.js

@@ -21,13 +21,13 @@ var _Trend2 = require("./Trend");
 var _flexBox = require("intergalactic/flex-box");
 var _ariaProps = require("intergalactic/utils/lib/ariaProps");
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-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__*/, {
-  "__SLineGauge": "___SLineGauge_382bi_gg_",
-  "_loading": "__loading_382bi_gg_",
-  "__SDonutContainer": "___SDonutContainer_382bi_gg_",
-  "__STrendLine": "___STrendLine_382bi_gg_",
-  "__STrendBar": "___STrendBar_382bi_gg_",
-  "@pulse": "pulse_382bi"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18ffn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_18ffn_gg_",
+  "_loading": "__loading_18ffn_gg_",
+  "__SDonutContainer": "___SDonutContainer_18ffn_gg_",
+  "__STrendLine": "___STrendLine_18ffn_gg_",
+  "__STrendBar": "___STrendBar_18ffn_gg_",
+  "@pulse": "pulse_18ffn"
 });
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {
   (0, _inherits2["default"])(TrendBarRoot, _Trend);

package/mini-chart/lib/cjs/component/trend/Line.js

@@ -22,13 +22,13 @@ var _Trend2 = require("./Trend");
 var _flexBox = require("intergalactic/flex-box");
 var _ariaProps = require("intergalactic/utils/lib/ariaProps");
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-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__*/, {
-  "__SLineGauge": "___SLineGauge_382bi_gg_",
-  "_loading": "__loading_382bi_gg_",
-  "__SDonutContainer": "___SDonutContainer_382bi_gg_",
-  "__STrendLine": "___STrendLine_382bi_gg_",
-  "__STrendBar": "___STrendBar_382bi_gg_",
-  "@pulse": "pulse_382bi"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18ffn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_18ffn_gg_",
+  "_loading": "__loading_18ffn_gg_",
+  "__SDonutContainer": "___SDonutContainer_18ffn_gg_",
+  "__STrendLine": "___STrendLine_18ffn_gg_",
+  "__STrendBar": "___STrendBar_18ffn_gg_",
+  "@pulse": "pulse_18ffn"
 });
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {
   (0, _inherits2["default"])(TrendLineRoot, _Trend);

package/mini-chart/lib/es6/component/score/Donut.js

@@ -12,15 +12,15 @@ import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import { assignProps } from 'intergalactic/core';
 /*__reshadow-styles__:"./donut.shadow.css"*/
-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__*/, {
-  "__SLineGauge": "___SLineGauge_18pnz_gg_",
-  "_loading": "__loading_18pnz_gg_",
-  "__SDonutContainer": "___SDonutContainer_18pnz_gg_",
-  "__STrendLine": "___STrendLine_18pnz_gg_",
-  "__STrendBar": "___STrendBar_18pnz_gg_",
-  "@pulse": "pulse_18pnz",
-  "_animate": "__animate_18pnz_gg_",
-  "_semi": "__semi_18pnz_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_ul6zh{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ul6zh_gg_.__loading_ul6zh_gg_,.___SLineGauge_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendBar_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendLine_ul6zh_gg_.__loading_ul6zh_gg_{animation-name:pulse_ul6zh;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_ul6zh_gg_.__semi_ul6zh_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_ul6zh_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_ul6zh_gg_.__animate_ul6zh_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "ul6zh_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_ul6zh_gg_",
+  "_loading": "__loading_ul6zh_gg_",
+  "__SDonutContainer": "___SDonutContainer_ul6zh_gg_",
+  "__STrendLine": "___STrendLine_ul6zh_gg_",
+  "__STrendBar": "___STrendBar_ul6zh_gg_",
+  "@pulse": "pulse_ul6zh",
+  "_animate": "__animate_ul6zh_gg_",
+  "_semi": "__semi_ul6zh_gg_"
 });
 import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
 var DonutRoot = /*#__PURE__*/function (_Component) {

package/mini-chart/lib/es6/component/score/Line.js

@@ -13,24 +13,24 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box, Flex } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./line.shadow.css"*/
-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__*/, {
-  "__SLineGauge": "___SLineGauge_1lsyc_gg_",
-  "_loading": "__loading_1lsyc_gg_",
-  "__SDonutContainer": "___SDonutContainer_1lsyc_gg_",
-  "__STrendLine": "___STrendLine_1lsyc_gg_",
-  "__STrendBar": "___STrendBar_1lsyc_gg_",
-  "@pulse": "pulse_1lsyc",
-  "--base-bg-color": "--base-bg-color_1lsyc",
-  "__SLineValue": "___SLineValue_1lsyc_gg_",
-  "_percent": "__percent_1lsyc_gg_",
-  "--percent": "--percent_1lsyc",
-  "_color": "__color_1lsyc_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_1lsyc_gg_",
-  "--color": "--color_1lsyc",
-  "_segments": "__segments_1lsyc_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_1lsyc_gg_",
-  "__SAnimationLine": "___SAnimationLine_1lsyc_gg_",
-  "@move-line": "move-line_1lsyc"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1b7u0{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1b7u0{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1b7u0_gg_.__loading_1b7u0_gg_,.___SLineGauge_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendBar_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendLine_1b7u0_gg_.__loading_1b7u0_gg_{animation-name:pulse_1b7u0;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1b7u0_gg_{height:8px;background-color:var(--base-bg-color_1b7u0, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1b7u0_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1b7u0_gg_.__percent_1b7u0_gg_{width:var(--percent_1b7u0)}.___SLineSegmentItem_1b7u0_gg_.__color_1b7u0_gg_,.___SLineValue_1b7u0_gg_.__color_1b7u0_gg_{background-color:var(--color_1b7u0, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1b7u0_gg_.__segments_1b7u0_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1b7u0_gg_,.___SLineGaugeSegment_1b7u0_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1b7u0_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1b7u0_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_1b7u0_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_1b7u0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1b7u0_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1b7u0_gg_",
+  "_loading": "__loading_1b7u0_gg_",
+  "__SDonutContainer": "___SDonutContainer_1b7u0_gg_",
+  "__STrendLine": "___STrendLine_1b7u0_gg_",
+  "__STrendBar": "___STrendBar_1b7u0_gg_",
+  "@pulse": "pulse_1b7u0",
+  "--base-bg-color": "--base-bg-color_1b7u0",
+  "__SLineValue": "___SLineValue_1b7u0_gg_",
+  "_percent": "__percent_1b7u0_gg_",
+  "--percent": "--percent_1b7u0",
+  "_color": "__color_1b7u0_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1b7u0_gg_",
+  "--color": "--color_1b7u0",
+  "_segments": "__segments_1b7u0_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1b7u0_gg_",
+  "__SAnimationLine": "___SAnimationLine_1b7u0_gg_",
+  "@move-line": "move-line_1b7u0"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

package/mini-chart/lib/es6/component/trend/Bar.js

@@ -13,13 +13,13 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import { Trend } from './Trend';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-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__*/, {
-  "__SLineGauge": "___SLineGauge_382bi_gg_",
-  "_loading": "__loading_382bi_gg_",
-  "__SDonutContainer": "___SDonutContainer_382bi_gg_",
-  "__STrendLine": "___STrendLine_382bi_gg_",
-  "__STrendBar": "___STrendBar_382bi_gg_",
-  "@pulse": "pulse_382bi"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18ffn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_18ffn_gg_",
+  "_loading": "__loading_18ffn_gg_",
+  "__SDonutContainer": "___SDonutContainer_18ffn_gg_",
+  "__STrendLine": "___STrendLine_18ffn_gg_",
+  "__STrendBar": "___STrendBar_18ffn_gg_",
+  "@pulse": "pulse_18ffn"
 });
 import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {

package/mini-chart/lib/es6/component/trend/Line.js

@@ -14,13 +14,13 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import { Trend } from './Trend';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-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__*/, {
-  "__SLineGauge": "___SLineGauge_382bi_gg_",
-  "_loading": "__loading_382bi_gg_",
-  "__SDonutContainer": "___SDonutContainer_382bi_gg_",
-  "__STrendLine": "___STrendLine_382bi_gg_",
-  "__STrendBar": "___STrendBar_382bi_gg_",
-  "@pulse": "pulse_382bi"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18ffn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_18ffn_gg_",
+  "_loading": "__loading_18ffn_gg_",
+  "__SDonutContainer": "___SDonutContainer_18ffn_gg_",
+  "__STrendLine": "___STrendLine_18ffn_gg_",
+  "__STrendBar": "___STrendBar_18ffn_gg_",
+  "@pulse": "pulse_18ffn"
 });
 import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {

package/mini-chart/lib/esm/component/score/Donut.mjs

@@ -0,0 +1,103 @@
+import k from "@babel/runtime/helpers/esm/objectSpread2";
+import M from "@babel/runtime/helpers/esm/classCallCheck";
+import W from "@babel/runtime/helpers/esm/createClass";
+import G from "@babel/runtime/helpers/esm/inherits";
+import N from "@babel/runtime/helpers/esm/createSuper";
+import m from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as R } from 'intergalactic/utils/lib/core/index';
+import C, { assignProps as P, sstyled as I, Component as j } from 'intergalactic/core';
+import r from "react";
+import { Box as F } from 'intergalactic/flex-box';
+import q from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { extractAriaProps as H } from 'intergalactic/utils/lib/ariaProps';
+var J = (
+  /*__reshadow_css_start__*/
+  (R.insert(
+    /*__inner_css_start__*/
+    "@keyframes pulse_ul6zh{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ul6zh_gg_.__loading_ul6zh_gg_,.___SLineGauge_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendBar_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendLine_ul6zh_gg_.__loading_ul6zh_gg_{animation-name:pulse_ul6zh;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_ul6zh_gg_.__semi_ul6zh_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_ul6zh_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_ul6zh_gg_.__animate_ul6zh_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}",
+    "ul6zh_gg_"
+  ), {
+    __SLineGauge: "___SLineGauge_ul6zh_gg_",
+    _loading: "__loading_ul6zh_gg_",
+    __SDonutContainer: "___SDonutContainer_ul6zh_gg_",
+    __STrendLine: "___STrendLine_ul6zh_gg_",
+    __STrendBar: "___STrendBar_ul6zh_gg_",
+    "@pulse": "pulse_ul6zh",
+    _animate: "__animate_ul6zh_gg_",
+    _semi: "__semi_ul6zh_gg_"
+  })
+), l = /* @__PURE__ */ function(p) {
+  G(n, p);
+  var u = N(n);
+  function n() {
+    return M(this, n), u.apply(this, arguments);
+  }
+  return W(n, [{
+    key: "render",
+    value: function() {
+      var x = this.asProps, t, B = F, o = this.asProps, _ = o.value, b = o.styles, d = o.baseBgColor, E = d === void 0 ? "chart-grid-bar-chart-base-bg" : d, f = o.color, w = f === void 0 ? "chart-palette-order-1" : f, g = o.resolveColor, e = o.isSemiDonut, v = o.loading, h = e ? 6 : 4, i = e ? 9 : 10, a = e ? Math.PI * i : Math.PI * 2 * i, s = a * (_ / 100), S = a * ((100 - _) / 100), c = e ? a / (100 / 3) : a / 100, D = "".concat(S - 2 * c, " ").concat(c), y = "".concat(c, " ").concat(_ < 99 ? "".concat(D) : "", " ").concat(a);
+      e && (y = "".concat(c, " ").concat(_ < 95 ? "".concat(D) : "", " ").concat(a));
+      var L = e ? "0 0 24 12" : "0 0 24 24", T = -1 * (s + (e ? c : 0)), z = H(this.asProps), $ = z.__excludeProps, A = z.extractedAriaProps;
+      return t = I(b), /* @__PURE__ */ r.createElement(B, t.cn("SDonutContainer", k({}, P({
+        semi: e,
+        __excludeProps: $
+      }, x))), /* @__PURE__ */ r.createElement("svg", t.cn("svg", k({
+        width: "100%",
+        height: "100%",
+        viewBox: L,
+        fill: "none",
+        role: "img"
+      }, A)), /* @__PURE__ */ r.createElement("g", t.cn("g", {}), /* @__PURE__ */ r.createElement("circle", t.cn("circle", {
+        cx: "12",
+        cy: "12",
+        r: i,
+        strokeWidth: h,
+        stroke: g(E),
+        strokeDasharray: v ? void 0 : "".concat(S, " ").concat(a),
+        strokeDashoffset: T
+      })), !v && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("circle", t.cn("circle", {
+        cx: "12",
+        cy: "12",
+        r: i,
+        strokeWidth: h,
+        stroke: g(w),
+        strokeDasharray: "".concat(s, " ").concat(a),
+        strokeDashoffset: s
+      }), /* @__PURE__ */ r.createElement("animate", t.cn("animate", {
+        attributeName: "stroke-dashoffset",
+        values: "0;".concat(s)
+      }))), _ !== 100 && !e && /* @__PURE__ */ r.createElement("circle", t.cn("circle", {
+        cx: "12",
+        cy: "12",
+        r: i,
+        strokeWidth: h,
+        stroke: g("chart-grid-border"),
+        strokeDasharray: y,
+        strokeDashoffset: -1 * s
+      }))))));
+    }
+  }]), n;
+}(j);
+m(l, "enhance", [q()]);
+m(l, "style", J);
+m(l, "defaultProps", {
+  animate: !0
+});
+var K = C(l);
+K.displayName = "MiniChart.ScoreDonut";
+var O = C(l, {}, {
+  enhancements: [function() {
+    return {
+      wrapperProps: function(u) {
+        return P(u, {
+          isSemiDonut: !0
+        });
+      }
+    };
+  }]
+});
+O.displayName = "MiniChart.ScoreSemiDonut";
+export {
+  K as ScoreDonut,
+  O as ScoreSemiDonut
+};

package/mini-chart/lib/esm/component/score/Line.mjs

@@ -0,0 +1,104 @@
+import x from "@babel/runtime/helpers/esm/objectSpread2";
+import N from "@babel/runtime/helpers/esm/classCallCheck";
+import R from "@babel/runtime/helpers/esm/createClass";
+import X from "@babel/runtime/helpers/esm/inherits";
+import j from "@babel/runtime/helpers/esm/createSuper";
+import S from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as z } from 'intergalactic/utils/lib/core/index';
+import F, { sstyled as d, assignProps as G, Component as M } from 'intergalactic/core';
+import e from "react";
+import { Box as g, Flex as q } from 'intergalactic/flex-box';
+import H from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+var J = (
+  /*__reshadow_css_start__*/
+  (z.insert(
+    /*__inner_css_start__*/
+    "@keyframes pulse_1b7u0{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1b7u0{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1b7u0_gg_.__loading_1b7u0_gg_,.___SLineGauge_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendBar_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendLine_1b7u0_gg_.__loading_1b7u0_gg_{animation-name:pulse_1b7u0;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1b7u0_gg_{height:8px;background-color:var(--base-bg-color_1b7u0, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1b7u0_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1b7u0_gg_.__percent_1b7u0_gg_{width:var(--percent_1b7u0)}.___SLineSegmentItem_1b7u0_gg_.__color_1b7u0_gg_,.___SLineValue_1b7u0_gg_.__color_1b7u0_gg_{background-color:var(--color_1b7u0, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1b7u0_gg_.__segments_1b7u0_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1b7u0_gg_,.___SLineGaugeSegment_1b7u0_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1b7u0_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1b7u0_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_1b7u0_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_1b7u0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
+    "1b7u0_gg_"
+  ), {
+    __SLineGauge: "___SLineGauge_1b7u0_gg_",
+    _loading: "__loading_1b7u0_gg_",
+    __SDonutContainer: "___SDonutContainer_1b7u0_gg_",
+    __STrendLine: "___STrendLine_1b7u0_gg_",
+    __STrendBar: "___STrendBar_1b7u0_gg_",
+    "@pulse": "pulse_1b7u0",
+    "--base-bg-color": "--base-bg-color_1b7u0",
+    __SLineValue: "___SLineValue_1b7u0_gg_",
+    _percent: "__percent_1b7u0_gg_",
+    "--percent": "--percent_1b7u0",
+    _color: "__color_1b7u0_gg_",
+    __SLineSegmentItem: "___SLineSegmentItem_1b7u0_gg_",
+    "--color": "--color_1b7u0",
+    _segments: "__segments_1b7u0_gg_",
+    __SLineGaugeSegment: "___SLineGaugeSegment_1b7u0_gg_",
+    __SAnimationLine: "___SAnimationLine_1b7u0_gg_",
+    "@move-line": "move-line_1b7u0"
+  })
+), l = /* @__PURE__ */ function(p) {
+  X(n, p);
+  var v = j(n);
+  function n() {
+    return N(this, n), v.apply(this, arguments);
+  }
+  return R(n, [{
+    key: "getSegmentProps",
+    value: function(t) {
+      var _ = this.asProps, c = _.children, L = _.resolveColor, a = 0;
+      e.Children.forEach(c, function(s) {
+        /* @__PURE__ */ e.isValidElement(s) && (a = a + s.props.value);
+      });
+      var u = a > 0 ? 100 * t.value / a : 0;
+      return {
+        w: "".concat(u, "%"),
+        "use:color": L(t.color)
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this.asProps, _, c = g, L = g, a = g, u = q, s = g, r = this.asProps, f = r.value, y = r.styles, E = r.color, P = E === void 0 ? "chart-palette-order-1" : E, k = r.baseBgColor, m = r.resolveColor, B = r.loading, T = r.children, $ = r.Children, w = r.animate;
+      if (T !== void 0) {
+        var i;
+        return i = d(y), /* @__PURE__ */ e.createElement(c, i.cn("SLineGauge", x({}, G({
+          segments: !0,
+          "base-bg-color": m(k)
+        }, t))), /* @__PURE__ */ e.createElement(u, i.cn("SLineGaugeSegment", {}), /* @__PURE__ */ e.createElement($, i.cn("Children", {}))), w && /* @__PURE__ */ e.createElement(a, i.cn("SAnimationLine", {})));
+      }
+      var o = this.asProps.segments, C = [];
+      if (o)
+        for (var b = 0; b < o; b++) {
+          var I, D = "calc((100% - ".concat(o - 1, "px) / ").concat(o, ")");
+          C.push((I = d(y), /* @__PURE__ */ e.createElement(s, I.cn("SLineSegmentItem", {
+            key: b,
+            color: b < f ? m(P) : void 0,
+            w: D
+          }))));
+        }
+      var V = "".concat(f, "%");
+      return o && (V = "".concat(f / o * 100, "%")), _ = d(y), /* @__PURE__ */ e.createElement(c, _.cn("SLineGauge", x({}, G({
+        "base-bg-color": m(k)
+      }, t))), !B && /* @__PURE__ */ e.createElement(L, _.cn("SLineValue", {
+        w: V,
+        color: m(P)
+      })), !!C.length && /* @__PURE__ */ e.createElement(u, _.cn("SLineGaugeSegment", {}), C), w && /* @__PURE__ */ e.createElement(a, _.cn("SAnimationLine", {})));
+    }
+  }]), n;
+}(M);
+S(l, "enhance", [H()]);
+S(l, "displayName", "ScoreLine");
+S(l, "style", J);
+S(l, "defaultProps", {
+  animate: !0
+});
+function A(p) {
+  var v = arguments[0], n, h = p.styles, t = g;
+  return n = d(h), /* @__PURE__ */ e.createElement(t, n.cn("SLineSegmentItem", x({}, G({}, v))));
+}
+A.displayName = "Segment";
+var K = F(l, {
+  Segment: A
+});
+K.displayName = "MiniChart.ScoreLine";
+export {
+  K as ScoreLine
+};