intergalactic 15.129.0-prerelease.0 → 15.130.0-prerelease.0

package/link/lib/esm/Link.mjs

@@ -1,136 +1,161 @@
-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 a from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as P } from 'intergalactic/utils/lib/core/index';
-import R, { sstyled as u, assignProps as k, Component as w } from 'intergalactic/core';
-import o 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 = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Text } from 'intergalactic/typography';
+import { Box } from 'intergalactic/flex-box';
+import { Hint } from 'intergalactic/tooltip';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
+import logger from 'intergalactic/utils/lib/logger';
+import hasLabels from 'intergalactic/utils/lib/hasLabels';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+/*!__reshadow-styles__:"./style/link.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (P.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLink_15i81_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_15i81_gg_:active,.___SLink_15i81_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_15i81_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_15i81_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_15i81_gg_.__active_15i81_gg_,.___SLink_15i81_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_15i81_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_15i81_gg_.__active_15i81_gg_ .___SText_15i81_gg_,.___SLink_15i81_gg_:active .___SText_15i81_gg_{border-color:currentColor}@media (hover:hover){.___SLink_15i81_gg_:hover .___SText_15i81_gg_{border-color:currentColor}}.___SLink_15i81_gg_.__enableVisited_15i81_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_15i81_gg_.__enableVisited_15i81_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_15i81_gg_.__keyboardFocused_15i81_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_15i81_gg_.__visually-disabled_15i81_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_15i81_gg_.__noWrapText_15i81_gg_{white-space:nowrap}.___SLink_15i81_gg_.__inline_15i81_gg_{display:inline}.___SAddon_15i81_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_15i81_gg_ .___SAddon_15i81_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_15i81_gg_ .___SAddon_15i81_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_15i81_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_15i81_gg_.__text-color_15i81_gg_{color:var(--text-color_15i81)}.___SLink_15i81_gg_.__text-color_15i81_gg_.__active_15i81_gg_,.___SLink_15i81_gg_.__text-color_15i81_gg_:active{color:var(--text-color_15i81);filter:brightness(.8)}@media (hover:hover){.___SLink_15i81_gg_.__text-color_15i81_gg_:hover{color:var(--text-color_15i81);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_15i81_gg_,.___SText_15i81_gg_{transition:none}}",
-    "15i81_gg_"
-  ), {
-    __SLink: "___SLink_15i81_gg_",
-    _keyboardFocused: "__keyboardFocused_15i81_gg_",
-    "_visually-disabled": "__visually-disabled_15i81_gg_",
-    _noWrapText: "__noWrapText_15i81_gg_",
-    _inline: "__inline_15i81_gg_",
-    __SAddon: "___SAddon_15i81_gg_",
-    __SText: "___SText_15i81_gg_",
-    _active: "__active_15i81_gg_",
-    _enableVisited: "__enableVisited_15i81_gg_",
-    "_text-color": "__text-color_15i81_gg_",
-    "--text-color": "--text-color_15i81"
+    ".___SLink_7ovi8_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_7ovi8_gg_:active,.___SLink_7ovi8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_7ovi8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_7ovi8_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_7ovi8_gg_.__active_7ovi8_gg_,.___SLink_7ovi8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_7ovi8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_7ovi8_gg_.__active_7ovi8_gg_ .___SText_7ovi8_gg_,.___SLink_7ovi8_gg_:active .___SText_7ovi8_gg_{border-color:currentColor}@media (hover:hover){.___SLink_7ovi8_gg_:hover .___SText_7ovi8_gg_{border-color:currentColor}}.___SLink_7ovi8_gg_.__enableVisited_7ovi8_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_7ovi8_gg_.__enableVisited_7ovi8_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_7ovi8_gg_.__keyboardFocused_7ovi8_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_7ovi8_gg_.__visually-disabled_7ovi8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_7ovi8_gg_.__noWrapText_7ovi8_gg_{white-space:nowrap}.___SLink_7ovi8_gg_.__inline_7ovi8_gg_{display:inline}.___SAddon_7ovi8_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_7ovi8_gg_ .___SAddon_7ovi8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_7ovi8_gg_ .___SAddon_7ovi8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_7ovi8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_{color:var(--text-color_7ovi8)}.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_.__active_7ovi8_gg_,.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_:active{color:var(--text-color_7ovi8);filter:brightness(.8)}@media (hover:hover){.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_:hover{color:var(--text-color_7ovi8);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_7ovi8_gg_,.___SText_7ovi8_gg_{transition:none}}",
+    /*__inner_css_end__*/
+    "7ovi8_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SLink": "___SLink_7ovi8_gg_",
+    "_keyboardFocused": "__keyboardFocused_7ovi8_gg_",
+    "_visually-disabled": "__visually-disabled_7ovi8_gg_",
+    "_noWrapText": "__noWrapText_7ovi8_gg_",
+    "_inline": "__inline_7ovi8_gg_",
+    "__SAddon": "___SAddon_7ovi8_gg_",
+    "__SText": "___SText_7ovi8_gg_",
+    "_active": "__active_7ovi8_gg_",
+    "_enableVisited": "__enableVisited_7ovi8_gg_",
+    "_text-color": "__text-color_7ovi8_gg_",
+    "--text-color": "--text-color_7ovi8"
   })
-), h = /* @__PURE__ */ function(d) {
-  T(n, d);
-  var l = E(n);
-  function n() {
-    var i;
-    A(this, n);
-    for (var e = arguments.length, r = new Array(e), _ = 0; _ < e; _++)
-      r[_] = arguments[_];
-    return i = l.call.apply(l, [this].concat(r)), a(f(i), "containerRef", /* @__PURE__ */ o.createRef()), a(f(i), "state", {
+);
+var RootLink = /* @__PURE__ */ function(_Component) {
+  _inherits(RootLink2, _Component);
+  var _super = _createSuper(RootLink2);
+  function RootLink2() {
+    var _this;
+    _classCallCheck(this, RootLink2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
       ariaLabelledByContent: "",
-      visibleHint: !1
-    }), a(f(i), "handleMouseEnterOnlyAddon", function() {
-      i.setState({
-        visibleHint: !0
+      visibleHint: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseEnterOnlyAddon", function() {
+      _this.setState({
+        visibleHint: true
       });
-    }), a(f(i), "handleMouseLeaveOnlyAddon", function() {
-      i.setState({
-        visibleHint: !1
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseLeaveOnlyAddon", function() {
+      _this.setState({
+        visibleHint: false
       });
-    }), i;
+    });
+    return _this;
   }
-  return C(n, [{
+  _createClass(RootLink2, [{
     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"] || n.displayName), this.asProps["aria-labelledby"] && setTimeout(function() {
-        var r, _;
-        e.setState({
-          ariaLabelledByContent: (r = (_ = document.getElementById(e.asProps["aria-labelledby"])) === null || _ === void 0 ? void 0 : _.textContent) !== null && r !== void 0 ? r : ""
-        });
-      }, 0);
+    value: function componentDidMount() {
+      var _this2 = this;
+      if (process.env.NODE_ENV !== "production") {
+        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content", this.asProps["data-ui-name"] || RootLink2.displayName);
+      }
+      if (this.asProps["aria-labelledby"]) {
+        setTimeout(function() {
+          var _document$getElementB, _document$getElementB2;
+          _this2.setState({
+            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(_this2.asProps["aria-labelledby"])) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ""
+          });
+        }, 0);
+      }
     }
   }, {
     key: "renderChildren",
-    value: function() {
-      var e = this.asProps, r = e.Children, _ = e.styles, t = e.addonLeft, s = e.addonRight;
-      return u(_), /* @__PURE__ */ o.createElement(o.Fragment, null, t ? /* @__PURE__ */ o.createElement(v.Addon, {
-        tag: t
-      }) : null, B(r, v.Text, v.Addon), s ? /* @__PURE__ */ o.createElement(v.Addon, {
-        tag: s
+    value: function renderChildren() {
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, AddonLeft = _this$asProps.addonLeft, AddonRight = _this$asProps.addonRight;
+      return sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, AddonLeft ? /* @__PURE__ */ React.createElement(Link.Addon, {
+        tag: AddonLeft
+      }) : null, addonTextChildren(Children, Link.Text, Link.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Link.Addon, {
+        tag: AddonRight
       }) : null);
     }
   }, {
     key: "renderOnlyAddons",
-    value: function() {
-      var e, 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 = (r = (_ = g ?? c) !== null && _ !== void 0 ? _ : this.state.ariaLabelledByContent) !== null && r !== void 0 ? r : "";
-      return e = u(s), /* @__PURE__ */ o.createElement(v.Addon, {
-        tag: O,
-        title: L,
+    value: function renderOnlyAddons() {
+      var _ref5, _ref9, _ref10;
+      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, AddonLeft = _this$asProps2.addonLeft, AddonRight = _this$asProps2.addonRight, title = _this$asProps2.title, ariaLabel = _this$asProps2["aria-label"], keyboardFocused = _this$asProps2.keyboardFocused;
+      var visibleHint = this.state.visibleHint;
+      var hintContent = (_ref9 = (_ref10 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref10 !== void 0 ? _ref10 : this.state.ariaLabelledByContent) !== null && _ref9 !== void 0 ? _ref9 : "";
+      return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Link.Addon, {
+        tag: Hint,
+        title: hintContent,
         timeout: [250, 50],
-        visible: b || x
-      }, m && /* @__PURE__ */ o.createElement(m, e.cn("AddonLeft", {})), p && /* @__PURE__ */ o.createElement(p, e.cn("AddonRight", {})));
+        visible: keyboardFocused || visibleHint
+      }, AddonLeft && /* @__PURE__ */ React.createElement(AddonLeft, _ref5.cn("AddonLeft", {})), AddonRight && /* @__PURE__ */ React.createElement(AddonRight, _ref5.cn("AddonRight", {})));
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, 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 r = u(s), /* @__PURE__ */ o.createElement(_, r.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());
+    value: function render() {
+      var _ref = this.asProps, _ref6;
+      var SLink = Text;
+      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, noWrap = _this$asProps3.noWrap, color = _this$asProps3.color, resolveColor = _this$asProps3.resolveColor, disabled = _this$asProps3.disabled, href = _this$asProps3.href, hasChildren = _this$asProps3.children;
+      return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SLink, _ref6.cn("SLink", _objectSpread({}, assignProps({
+        "role": "link",
+        "tabIndex": disabled ? -1 : 0,
+        "use:href": disabled ? void 0 : href,
+        "visually-disabled": disabled,
+        "text-color": resolveColor(color),
+        "tag": "a",
+        "noWrapText": noWrap,
+        "use:noWrap": false,
+        "ref": this.containerRef,
+        "__excludeProps": ["disabled", "aria-disabled"],
+        "onMouseEnter": this.handleMouseEnterOnlyAddon,
+        "onMouseLeave": this.handleMouseLeaveOnlyAddon
+      }, _ref))), hasChildren !== void 0 ? this.renderChildren() : this.renderOnlyAddons());
     }
-  }]), n;
-}(w);
-a(h, "displayName", "Link");
-a(h, "defaultProps", {
-  noWrap: !0
+  }]);
+  return RootLink2;
+}(Component);
+_defineProperty(RootLink, "displayName", "Link");
+_defineProperty(RootLink, "defaultProps", {
+  noWrap: true
 });
-a(h, "style", V);
-a(h, "enhance", [W(), $()]);
-function N(d) {
-  var l = arguments[0], n, i = S, e = d.styles;
-  return n = u(e), /* @__PURE__ */ o.createElement(i, n.cn("SText", y({}, k({
-    tag: "span"
-  }, l))));
+_defineProperty(RootLink, "style", style);
+_defineProperty(RootLink, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
+function LinkText(props) {
+  var _ref2 = arguments[0], _ref7;
+  var SText = Box;
+  var styles = props.styles;
+  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref7.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref2))));
 }
-function D(d) {
-  var l = arguments[0], n, i = S, e = d.styles;
-  return n = u(e), /* @__PURE__ */ o.createElement(i, n.cn("SAddon", y({}, k({
-    tag: "span"
-  }, l))));
+function Addon(props) {
+  var _ref3 = arguments[0], _ref8;
+  var SAddon = Box;
+  var styles = props.styles;
+  return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref3))));
 }
-var v = R(h, {
-  Text: N,
-  Addon: D
+var Link = createComponent(RootLink, {
+  Text: LinkText,
+  Addon
 });
 export {
-  v as default
+  Link as default
 };

package/link/lib/esm/index.mjs

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

package/link/lib/esm/style/link.shadow.css

@@ -0,0 +1,112 @@
+SLink {
+  display: inline-block;
+  font-family: inherit;
+  color: var(--intergalactic-text-link, #006dca);
+  line-height: normal;
+  position: relative;
+  cursor: pointer;
+  text-decoration: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+  -webkit-tap-highlight-color: transparent;
+  outline: 0;
+  background: none;
+  transition: color 0.15s ease-in-out;
+
+  &:active,
+  &:hover,
+  &:focus {
+    outline: 0;
+    text-decoration: none;
+  }
+
+  &::-moz-focus-inner {
+    border: none;
+    padding: 0;
+  }
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--intergalactic-text-link-hover-active, #044792);
+
+    & SText {
+      border-color: currentColor;
+    }
+  }
+
+  &[enableVisited]:visited,
+  &[enableVisited]:visited:hover {
+    color: var(--intergalactic-text-link-visited, #8649e1);
+  }
+}
+
+SLink[keyboardFocused] {
+  outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
+  outline-style: solid;
+  outline-width: 3px;
+}
+
+SLink[visually-disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+  /* Disable link interactions */
+  pointer-events: none;
+}
+
+SLink[noWrapText] {
+  white-space: nowrap;
+}
+
+SLink[inline] {
+  display: inline;
+}
+
+SAddon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: var(--intergalactic-spacing-05x, 2px);
+  vertical-align: middle;
+  pointer-events: none;
+}
+
+SLink SAddon {
+  &:not(:only-child):first-child {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
+
+  &:not(:only-child):last-child {
+    margin-left: var(--intergalactic-spacing-1x, 4px);
+  }
+}
+
+SText {
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-color: transparent;
+  transition: border-bottom-color 0.15s ease-in-out;
+}
+
+SLink[text-color] {
+  color: var(--text-color);
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--text-color);
+    filter: brightness(0.8);
+  }
+}
+
+@media (prefers-reduced-motion) {
+  SLink {
+    transition: none;
+  }
+
+  SText {
+    transition: none;
+  }
+}

package/link/package.json

@@ -1 +1 @@
-{"name":"intergalactic/link","description":"Semrush Link Component","version":"5.44.2","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.2","@semcore/typography":"5.52.2","@semcore/flex-box":"5.41.2","@semcore/tooltip":"6.49.2"},"peerDependencies":{"@semcore/core":"^2.17.5","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.3-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.4-prerelease.0","@semcore/typography":"5.53.1-prerelease.0","@semcore/flex-box":"5.41.3-prerelease.0","@semcore/tooltip":"6.49.3-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.3-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

@@ -18,16 +18,18 @@ var _react = _interopRequireDefault(require("react"));
 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_dk2mq{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_dk2mq_gg_.__loading_dk2mq_gg_,.___SLineGauge_dk2mq_gg_.__loading_dk2mq_gg_,.___STrendBar_dk2mq_gg_.__loading_dk2mq_gg_,.___STrendLine_dk2mq_gg_.__loading_dk2mq_gg_{animation-name:pulse_dk2mq;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_dk2mq_gg_.__semi_dk2mq_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_dk2mq_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_dk2mq_gg_.__animate_dk2mq_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "dk2mq_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_dk2mq_gg_",
-  "_loading": "__loading_dk2mq_gg_",
-  "__SDonutContainer": "___SDonutContainer_dk2mq_gg_",
-  "__STrendLine": "___STrendLine_dk2mq_gg_",
-  "__STrendBar": "___STrendBar_dk2mq_gg_",
-  "@pulse": "pulse_dk2mq",
-  "_animate": "__animate_dk2mq_gg_",
-  "_semi": "__semi_dk2mq_gg_"
+/*!__reshadow-styles__:"./donut.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_36khl{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_36khl_gg_.__loading_36khl_gg_,.___SLineGauge_36khl_gg_.__loading_36khl_gg_,.___STrendBar_36khl_gg_.__loading_36khl_gg_,.___STrendLine_36khl_gg_.__loading_36khl_gg_{animation-name:pulse_36khl;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_36khl_gg_.__semi_36khl_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_36khl_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_36khl_gg_.__animate_36khl_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"36khl_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SLineGauge": "___SLineGauge_36khl_gg_",
+  "_loading": "__loading_36khl_gg_",
+  "__SDonutContainer": "___SDonutContainer_36khl_gg_",
+  "__STrendLine": "___STrendLine_36khl_gg_",
+  "__STrendBar": "___STrendBar_36khl_gg_",
+  "@pulse": "pulse_36khl",
+  "_animate": "__animate_36khl_gg_",
+  "_semi": "__semi_36khl_gg_"
 });
 var DonutRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DonutRoot, _Component);

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

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_ariaProps","style","_index","sstyled","insert","DonutRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SDonutContainer","Box","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","strokeDashoffsetBase","_extractAriaProps","extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","Component","_defineProperty2","resolveColorEnhance","animate","ScoreDonut","createComponent","exports","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, ComponentType } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { assignProps } from '@semcore/core';\nimport { CommonScoreProps } from './Score';\n\nimport style from './donut.shadow.css';\nimport { extractAriaProps } from '@semcore/utils/lib/ariaProps';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, typeof DonutRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n    } = this.asProps;\n\n    const strokeWidth = isSemiDonut ? 6 : 4;\n    const radius = isSemiDonut ? 9 : 10;\n    const baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;\n    const valueStrokeDasharray = baseStrokeDasharray * (value / 100);\n    const greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);\n    const offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;\n\n    const strokeDasharrayBetweenSpaces = `${greyStrokeDasharray - 2 * offsetPoint} ${offsetPoint}`;\n\n    let spaceStrokeDasharray = `${offsetPoint} ${\n      value < 99 ? `${strokeDasharrayBetweenSpaces}` : ''\n    } ${baseStrokeDasharray}`;\n\n    if (isSemiDonut) {\n      spaceStrokeDasharray = `${offsetPoint} ${\n        value < 95 ? `${strokeDasharrayBetweenSpaces}` : ''\n      } ${baseStrokeDasharray}`;\n    }\n\n    const viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';\n    const strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={strokeDashoffsetBase}\n            />\n            {!loading && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={radius}\n                  strokeWidth={strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${valueStrokeDasharray} ${baseStrokeDasharray}`}\n                  strokeDashoffset={valueStrokeDasharray}\n                >\n                  <animate\n                    attributeName={'stroke-dashoffset'}\n                    values={`0;${valueStrokeDasharray}`}\n                  />\n                </circle>\n                {value !== 100 && !isSemiDonut && (\n                  <circle\n                    cx='12'\n                    cy='12'\n                    r={radius}\n                    strokeWidth={strokeWidth}\n                    stroke={resolveColor('chart-grid-border')}\n                    strokeDasharray={spaceStrokeDasharray}\n                    strokeDashoffset={-1 * valueStrokeDasharray}\n                  />\n                )}\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\nexport const ScoreDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> =\n  createComponent(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\nexport const ScoreSemiDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> = createComponent(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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"}
+{"version":3,"file":"Donut.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_ariaProps","style","_index","sstyled","insert","DonutRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SDonutContainer","Box","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","strokeDashoffsetBase","_extractAriaProps","extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","Component","_defineProperty2","resolveColorEnhance","animate","ScoreDonut","createComponent","exports","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, ComponentType } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { assignProps } from '@semcore/core';\nimport { CommonScoreProps } from './Score';\n\nimport style from './donut.shadow.css';\nimport { extractAriaProps } from '@semcore/utils/lib/ariaProps';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, typeof DonutRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n    } = this.asProps;\n\n    const strokeWidth = isSemiDonut ? 6 : 4;\n    const radius = isSemiDonut ? 9 : 10;\n    const baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;\n    const valueStrokeDasharray = baseStrokeDasharray * (value / 100);\n    const greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);\n    const offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;\n\n    const strokeDasharrayBetweenSpaces = `${greyStrokeDasharray - 2 * offsetPoint} ${offsetPoint}`;\n\n    let spaceStrokeDasharray = `${offsetPoint} ${\n      value < 99 ? `${strokeDasharrayBetweenSpaces}` : ''\n    } ${baseStrokeDasharray}`;\n\n    if (isSemiDonut) {\n      spaceStrokeDasharray = `${offsetPoint} ${\n        value < 95 ? `${strokeDasharrayBetweenSpaces}` : ''\n      } ${baseStrokeDasharray}`;\n    }\n\n    const viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';\n    const strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={strokeDashoffsetBase}\n            />\n            {!loading && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={radius}\n                  strokeWidth={strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${valueStrokeDasharray} ${baseStrokeDasharray}`}\n                  strokeDashoffset={valueStrokeDasharray}\n                >\n                  <animate\n                    attributeName={'stroke-dashoffset'}\n                    values={`0;${valueStrokeDasharray}`}\n                  />\n                </circle>\n                {value !== 100 && !isSemiDonut && (\n                  <circle\n                    cx='12'\n                    cy='12'\n                    r={radius}\n                    strokeWidth={strokeWidth}\n                    stroke={resolveColor('chart-grid-border')}\n                    strokeDasharray={spaceStrokeDasharray}\n                    strokeDashoffset={-1 * valueStrokeDasharray}\n                  />\n                )}\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\nexport const ScoreDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> =\n  createComponent(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\nexport const ScoreSemiDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> = createComponent(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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"}

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

@@ -17,25 +17,27 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 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_1ht92{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1ht92{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1ht92_gg_.__loading_1ht92_gg_,.___SLineGauge_1ht92_gg_.__loading_1ht92_gg_,.___STrendBar_1ht92_gg_.__loading_1ht92_gg_,.___STrendLine_1ht92_gg_.__loading_1ht92_gg_{animation-name:pulse_1ht92;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1ht92_gg_{height:8px;background-color:var(--base-bg-color_1ht92, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1ht92_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1ht92_gg_.__percent_1ht92_gg_{width:var(--percent_1ht92)}.___SLineSegmentItem_1ht92_gg_.__color_1ht92_gg_,.___SLineValue_1ht92_gg_.__color_1ht92_gg_{background-color:var(--color_1ht92, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1ht92_gg_.__segments_1ht92_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1ht92_gg_,.___SLineGaugeSegment_1ht92_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1ht92_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1ht92_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_1ht92_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_1ht92;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1ht92_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1ht92_gg_",
-  "_loading": "__loading_1ht92_gg_",
-  "__SDonutContainer": "___SDonutContainer_1ht92_gg_",
-  "__STrendLine": "___STrendLine_1ht92_gg_",
-  "__STrendBar": "___STrendBar_1ht92_gg_",
-  "@pulse": "pulse_1ht92",
-  "--base-bg-color": "--base-bg-color_1ht92",
-  "__SLineValue": "___SLineValue_1ht92_gg_",
-  "_percent": "__percent_1ht92_gg_",
-  "--percent": "--percent_1ht92",
-  "_color": "__color_1ht92_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_1ht92_gg_",
-  "--color": "--color_1ht92",
-  "_segments": "__segments_1ht92_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_1ht92_gg_",
-  "__SAnimationLine": "___SAnimationLine_1ht92_gg_",
-  "@move-line": "move-line_1ht92"
+/*!__reshadow-styles__:"./line.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_15d93{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_15d93{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_15d93_gg_.__loading_15d93_gg_,.___SLineGauge_15d93_gg_.__loading_15d93_gg_,.___STrendBar_15d93_gg_.__loading_15d93_gg_,.___STrendLine_15d93_gg_.__loading_15d93_gg_{animation-name:pulse_15d93;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_15d93_gg_{height:8px;background-color:var(--base-bg-color_15d93, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_15d93_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_15d93_gg_.__percent_15d93_gg_{width:var(--percent_15d93)}.___SLineSegmentItem_15d93_gg_.__color_15d93_gg_,.___SLineValue_15d93_gg_.__color_15d93_gg_{background-color:var(--color_15d93, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_15d93_gg_.__segments_15d93_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_15d93_gg_,.___SLineGaugeSegment_15d93_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_15d93_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_15d93_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_15d93_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_15d93;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"15d93_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SLineGauge": "___SLineGauge_15d93_gg_",
+  "_loading": "__loading_15d93_gg_",
+  "__SDonutContainer": "___SDonutContainer_15d93_gg_",
+  "__STrendLine": "___STrendLine_15d93_gg_",
+  "__STrendBar": "___STrendBar_15d93_gg_",
+  "@pulse": "pulse_15d93",
+  "--base-bg-color": "--base-bg-color_15d93",
+  "__SLineValue": "___SLineValue_15d93_gg_",
+  "_percent": "__percent_15d93_gg_",
+  "--percent": "--percent_15d93",
+  "_color": "__color_15d93_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_15d93_gg_",
+  "--color": "--color_15d93",
+  "_segments": "__segments_15d93_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_15d93_gg_",
+  "__SAnimationLine": "___SAnimationLine_15d93_gg_",
+  "@move-line": "move-line_15d93"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LineRoot, _Component);

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

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","_index","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getSegmentProps","segmentProps","_this$asProps","asProps","children","resolveColor","sum","React","Children","forEach","child","isValidElement","props","width","w","concat","color","render","_ref","_ref5","SLineGauge","Box","SLineValue","SAnimationLine","SLineGaugeSegment","Flex","SLineSegmentItem","_this$asProps2","styles","_this$asProps2$color","baseBgColor","loading","animate","undefined","_ref3","createElement","cn","_objectSpread2","assignProps","segments","SegmentItems","i","_ref4","push","percent","Boolean","length","Component","_defineProperty2","resolveColorEnhance","Segment","_ref2","arguments[0]","_ref6","displayName","ScoreLine","createComponent","exports"],"sources":["../../../../src/component/score/Line.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './line.shadow.css';\nimport {\n  ScoreLineComponent,\n  ScoreLineGaugeProps,\n  SegmentProps,\n  InnerSegmentProps,\n} from './Line.types';\n\nclass LineRoot extends Component<ScoreLineGaugeProps, {}, {}, typeof LineRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'ScoreLine';\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  getSegmentProps(segmentProps: SegmentProps) {\n    const { children, resolveColor } = this.asProps;\n\n    let sum = 0;\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement<SegmentProps>(child)) {\n        sum = sum + child.props.value;\n      }\n    });\n\n    const width = sum > 0 ? (100 * segmentProps.value) / sum : 0;\n\n    return {\n      w: `${width}%`,\n      'use:color': resolveColor(segmentProps.color),\n    };\n  }\n\n  render() {\n    const SLineGauge = Root;\n    const SLineValue = Box;\n    const SAnimationLine = Box;\n    const SLineGaugeSegment = Flex;\n    const SLineSegmentItem = Box;\n    const {\n      value,\n      styles,\n      color = 'chart-palette-order-1',\n      baseBgColor,\n      resolveColor,\n      loading,\n      children,\n      Children,\n      animate,\n    } = this.asProps;\n\n    if (children !== undefined) {\n      return sstyled(styles)(\n        <SLineGauge render={Box} segments base-bg-color={resolveColor(baseBgColor)}>\n          <SLineGaugeSegment>\n            <Children />\n          </SLineGaugeSegment>\n          {animate && <SAnimationLine />}\n        </SLineGauge>,\n      );\n    }\n\n    const { segments } = this.asProps;\n\n    const SegmentItems = [];\n\n    if (segments) {\n      for (let i = 0; i < segments; i++) {\n        const width = `calc((100% - ${segments - 1}px) / ${segments})`;\n\n        SegmentItems.push(\n          sstyled(styles)(\n            <SLineSegmentItem\n              key={i}\n              color={i < value ? resolveColor(color) : undefined}\n              w={width}\n            />,\n          ),\n        );\n      }\n    }\n\n    let percent = `${value}%`;\n\n    if (segments) {\n      percent = `${(value / segments) * 100}%`;\n    }\n\n    return sstyled(styles)(\n      <SLineGauge render={Box} base-bg-color={resolveColor(baseBgColor)}>\n        {!loading && <SLineValue w={percent} color={resolveColor(color)} />}\n        {Boolean(SegmentItems.length) && <SLineGaugeSegment>{SegmentItems}</SLineGaugeSegment>}\n        {animate && <SAnimationLine />}\n      </SLineGauge>,\n    );\n  }\n}\n\nfunction Segment(props: InnerSegmentProps) {\n  const { styles } = props;\n  const SLineSegmentItem = Root;\n\n  return sstyled(styles)(<SLineSegmentItem render={Box} />);\n}\nSegment.displayName = 'Segment';\n\nexport const ScoreLine: ScoreLineComponent = createComponent(LineRoot, {\n  Segment,\n});\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","_index","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getSegmentProps","segmentProps","_this$asProps","asProps","children","resolveColor","sum","React","Children","forEach","child","isValidElement","props","width","w","concat","color","render","_ref","_ref5","SLineGauge","Box","SLineValue","SAnimationLine","SLineGaugeSegment","Flex","SLineSegmentItem","_this$asProps2","styles","_this$asProps2$color","baseBgColor","loading","animate","undefined","_ref3","createElement","cn","_objectSpread2","assignProps","segments","SegmentItems","i","_ref4","push","percent","Boolean","length","Component","_defineProperty2","resolveColorEnhance","Segment","_ref2","arguments[0]","_ref6","displayName","ScoreLine","createComponent","exports"],"sources":["../../../../src/component/score/Line.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './line.shadow.css';\nimport {\n  ScoreLineComponent,\n  ScoreLineGaugeProps,\n  SegmentProps,\n  InnerSegmentProps,\n} from './Line.types';\n\nclass LineRoot extends Component<ScoreLineGaugeProps, {}, {}, typeof LineRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'ScoreLine';\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  getSegmentProps(segmentProps: SegmentProps) {\n    const { children, resolveColor } = this.asProps;\n\n    let sum = 0;\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement<SegmentProps>(child)) {\n        sum = sum + child.props.value;\n      }\n    });\n\n    const width = sum > 0 ? (100 * segmentProps.value) / sum : 0;\n\n    return {\n      w: `${width}%`,\n      'use:color': resolveColor(segmentProps.color),\n    };\n  }\n\n  render() {\n    const SLineGauge = Root;\n    const SLineValue = Box;\n    const SAnimationLine = Box;\n    const SLineGaugeSegment = Flex;\n    const SLineSegmentItem = Box;\n    const {\n      value,\n      styles,\n      color = 'chart-palette-order-1',\n      baseBgColor,\n      resolveColor,\n      loading,\n      children,\n      Children,\n      animate,\n    } = this.asProps;\n\n    if (children !== undefined) {\n      return sstyled(styles)(\n        <SLineGauge render={Box} segments base-bg-color={resolveColor(baseBgColor)}>\n          <SLineGaugeSegment>\n            <Children />\n          </SLineGaugeSegment>\n          {animate && <SAnimationLine />}\n        </SLineGauge>,\n      );\n    }\n\n    const { segments } = this.asProps;\n\n    const SegmentItems = [];\n\n    if (segments) {\n      for (let i = 0; i < segments; i++) {\n        const width = `calc((100% - ${segments - 1}px) / ${segments})`;\n\n        SegmentItems.push(\n          sstyled(styles)(\n            <SLineSegmentItem\n              key={i}\n              color={i < value ? resolveColor(color) : undefined}\n              w={width}\n            />,\n          ),\n        );\n      }\n    }\n\n    let percent = `${value}%`;\n\n    if (segments) {\n      percent = `${(value / segments) * 100}%`;\n    }\n\n    return sstyled(styles)(\n      <SLineGauge render={Box} base-bg-color={resolveColor(baseBgColor)}>\n        {!loading && <SLineValue w={percent} color={resolveColor(color)} />}\n        {Boolean(SegmentItems.length) && <SLineGaugeSegment>{SegmentItems}</SLineGaugeSegment>}\n        {animate && <SAnimationLine />}\n      </SLineGauge>,\n    );\n  }\n}\n\nfunction Segment(props: InnerSegmentProps) {\n  const { styles } = props;\n  const SLineSegmentItem = Root;\n\n  return sstyled(styles)(<SLineSegmentItem render={Box} />);\n}\nSegment.displayName = 'Segment';\n\nexport const ScoreLine: ScoreLineComponent = createComponent(LineRoot, {\n  Segment,\n});\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":"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"}