intergalactic 15.127.0 → 15.128.0-prerelease.1

package/ellipsis/lib/esm/Ellipsis.mjs

@@ -1,60 +1,60 @@
 import J from "@babel/runtime/helpers/esm/slicedToArray";
-import I from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import D from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import d from "@babel/runtime/helpers/esm/objectSpread2";
 import K from "@babel/runtime/helpers/esm/classCallCheck";
 import Q from "@babel/runtime/helpers/esm/createClass";
-import N from "@babel/runtime/helpers/esm/assertThisInitialized";
+import z from "@babel/runtime/helpers/esm/assertThisInitialized";
 import X from "@babel/runtime/helpers/esm/inherits";
 import Y 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 ee, { sstyled as h, Component as te, assignProps as j } from 'intergalactic/core';
+import ee, { sstyled as h, Component as te, assignProps as F } from 'intergalactic/core';
 import i from "react";
 import R from 'intergalactic/tooltip';
-import { Box as B } from 'intergalactic/flex-box';
+import { Box as L } from 'intergalactic/flex-box';
 import { useResizeObserver as ie } from "./useResizeObserver.mjs";
 import ne from 'intergalactic/utils/lib/use/useEnhancedEffect';
 import re, { isAdvanceMode as oe } from 'intergalactic/utils/lib/findComponent';
-import W from 'intergalactic/utils/lib/reactToText';
-import $ from 'intergalactic/utils/lib/getOriginChildren';
-import D from 'intergalactic/utils/lib/pick';
+import N from 'intergalactic/utils/lib/reactToText';
+import W from 'intergalactic/utils/lib/getOriginChildren';
+import j from 'intergalactic/utils/lib/pick';
 import { forkRef as le } from 'intergalactic/utils/lib/ref';
 import { callAllEventHandlers as ae } from 'intergalactic/utils/lib/assignProps';
 var se = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"], de = ["styles", "text", "tooltip", "containerRect", "containerRef", "textRef", "tooltipProps", "children", "advanceMode"], ce = (
   /*__reshadow_css_start__*/
   (Z.insert(
     /*__inner_css_start__*/
-    ".___SContainerMiddle_137b6_gg_,.___SContainer_137b6_gg_,.___SEllipsis_137b6_gg_.__middle-mod_137b6_gg_,.___SNoTooltipContainer_137b6_gg_{display:flex;overflow:hidden}.___SBeginning_137b6_gg_,.___SEllipsis_137b6_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_137b6_gg_.__maxLine_137b6_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_137b6);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_137b6_gg_>:has(.___SBeginning_137b6_gg_),.___SContainerMiddle_137b6_gg_>:has(.___STail_137b6_gg_){display:flex;width:100%}.___STail_137b6_gg_{white-space:pre}",
-    "137b6_gg_"
+    ".___SContainerMiddle_gtb2q_gg_,.___SContainer_gtb2q_gg_,.___SEllipsis_gtb2q_gg_.__middle-mod_gtb2q_gg_,.___SNoTooltipContainer_gtb2q_gg_{display:flex;overflow:hidden}.___SBeginning_gtb2q_gg_,.___SEllipsis_gtb2q_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_gtb2q_gg_.__maxLine_gtb2q_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_gtb2q);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_gtb2q_gg_>:has(.___SBeginning_gtb2q_gg_),.___SContainerMiddle_gtb2q_gg_>:has(.___STail_gtb2q_gg_){display:flex;width:100%}.___STail_gtb2q_gg_{white-space:pre}",
+    "gtb2q_gg_"
   ), {
-    __SContainer: "___SContainer_137b6_gg_",
-    __SNoTooltipContainer: "___SNoTooltipContainer_137b6_gg_",
-    __SContainerMiddle: "___SContainerMiddle_137b6_gg_",
-    __SBeginning: "___SBeginning_137b6_gg_",
-    __SEllipsis: "___SEllipsis_137b6_gg_",
-    "_middle-mod": "__middle-mod_137b6_gg_",
-    _maxLine: "__maxLine_137b6_gg_",
-    "--maxLine": "--maxLine_137b6",
-    __STail: "___STail_137b6_gg_"
+    __SContainer: "___SContainer_gtb2q_gg_",
+    __SNoTooltipContainer: "___SNoTooltipContainer_gtb2q_gg_",
+    __SContainerMiddle: "___SContainerMiddle_gtb2q_gg_",
+    __SBeginning: "___SBeginning_gtb2q_gg_",
+    __SEllipsis: "___SEllipsis_gtb2q_gg_",
+    "_middle-mod": "__middle-mod_gtb2q_gg_",
+    _maxLine: "__maxLine_gtb2q_gg_",
+    "--maxLine": "--maxLine_gtb2q",
+    __STail: "___STail_gtb2q_gg_"
   })
-), pe = ["title", "theme", "strategy", "modifiers", "placement", "interaction", "timeout", "visible", "defaultVisible", "onVisibleChange", "offset", "preventOverflow", "arrow", "flip", "computeStyles", "eventListeners", "onFirstUpdate", "cursorAnchoring"], _e = function(o, l) {
+), pe = ["title", "theme", "strategy", "modifiers", "placement", "interaction", "timeout", "visible", "defaultVisible", "onVisibleChange", "offset", "preventOverflow", "arrow", "flip", "computeStyles", "eventListeners", "onFirstUpdate", "cursorAnchoring"], ge = function(o, l) {
   var t = window.getComputedStyle(o, null), e = document.createElement("temporary-block");
   return e.style.display = t.getPropertyValue("display"), e.style.padding = t.getPropertyValue("padding"), e.style.position = "absolute", e.style.right = "0%", e.style.bottom = "0%", e.style.visibility = "hidden", e.style.fontFamily = t.getPropertyValue("font-family"), e.style.fontSize = t.getPropertyValue("font-size"), e.style.fontWeight = t.getPropertyValue("font-weight"), e.style.lineHeight = t.getPropertyValue("line-height"), e.style.whiteSpace = t.getPropertyValue("white-space"), e.style.wordWrap = t.getPropertyValue("word-wrap"), e.style.fontFeatureSettings = t.getPropertyValue("font-feature-settings"), e.style.fontVariantNumeric = t.getPropertyValue("font-variant-numeric"), e.innerHTML = l ?? o.innerHTML, e;
 };
-function me(u, o, l) {
+function _e(u, o, l) {
   if (!u) return !1;
-  var t = u.getBoundingClientRect(), e = t.height, a = t.width, r = _e(u, l), n = !1;
+  var t = u.getBoundingClientRect(), e = t.height, a = t.width, r = ge(u, l), n = !1;
   if (document.body.appendChild(r), o) {
     r.style.width = "".concat(a, "px");
-    var _ = r.scrollWidth, s = r.getBoundingClientRect().height;
-    (Math.ceil(e) < s || Math.ceil(a) < _) && (n = !0);
+    var g = r.scrollWidth, s = r.getBoundingClientRect().height;
+    (Math.ceil(e) < s || Math.ceil(a) < g) && (n = !0);
   } else
     r.style.whiteSpace = "nowrap", n = Math.ceil(a) < r.getBoundingClientRect().width;
   return document.body.removeChild(r), n;
 }
-var U = {
+var I = {
   forcedAdvancedMode: !0
-}, ge = {}, k = /* @__PURE__ */ function(u) {
+}, me = {}, B = /* @__PURE__ */ function(u) {
   X(l, u);
   var o = Y(l);
   function l() {
@@ -62,9 +62,9 @@ var U = {
     K(this, l);
     for (var e = arguments.length, a = new Array(e), r = 0; r < e; r++)
       a[r] = arguments[r];
-    return t = o.call.apply(o, [this].concat(a)), S(N(t), "state", {
+    return t = o.call.apply(o, [this].concat(a)), S(z(t), "state", {
       visible: !1
-    }), S(N(t), "textRef", /* @__PURE__ */ i.createRef()), S(N(t), "handlerVisibleChange", function(n) {
+    }), S(z(t), "textRef", /* @__PURE__ */ i.createRef()), S(z(t), "handlerVisibleChange", function(n) {
       t.setState({
         visible: n && t.showTooltip()
       });
@@ -73,8 +73,8 @@ var U = {
   return Q(l, [{
     key: "showTooltip",
     value: function() {
-      var e = this.asProps, a = e.maxLine, r = a === void 0 ? 1 : a, n = e.Children, _ = W($(n));
-      return me(this.textRef.current, r > 1, _);
+      var e = this.asProps, a = e.maxLine, r = a === void 0 ? 1 : a, n = e.Children, g = N(W(n));
+      return _e(this.textRef.current, r > 1, g);
     }
   }, {
     key: "getContentProps",
@@ -87,23 +87,23 @@ var U = {
   }, {
     key: "getPopperProps",
     value: function() {
-      var e = this.asProps, a = e.Children, r = e.includeTooltipProps, n = W($(a)), _ = D(this.asProps, r);
+      var e = this.asProps, a = e.Children, r = e.includeTooltipProps, n = N(W(a)), g = j(this.asProps, r);
       return d({
         children: n
-      }, _);
+      }, g);
     }
   }, {
     key: "render",
     value: function() {
-      var e, a, r = this.Root, n = R, _ = B, s = this.asProps, m = s.styles, c = s.Children, y = s.maxLine, g = s.tooltip, A = s.trim, M = s.containerRect, E = s.containerRef, z = s.includeTooltipProps;
+      var e, a, r = this.Root, n = R, g = L, s = this.asProps, _ = s.styles, c = s.Children, y = s.maxLine, m = s.tooltip, k = s.trim, M = s.containerRect, E = s.containerRef, A = s.includeTooltipProps;
       s.children;
-      var b = I(s, se), T = this.state.visible, V = re(c, [H.Content.displayName]), P = W(V || $(c)), f = oe(c, [H.Content.displayName, H.Popper.displayName]), p = D(this.asProps, z);
-      if (p.visible = (a = p.visible) !== null && a !== void 0 ? a : T, p.onVisibleChange = p.onVisibleChange ? ae(p.onVisibleChange, this.handlerVisibleChange) : this.handlerVisibleChange, A === "middle") {
+      var b = D(s, se), T = this.state.visible, q = re(c, [$.Content.displayName]), P = N(q || W(c)), f = oe(c, [$.Content.displayName, $.Popper.displayName]), p = j(this.asProps, A);
+      if (p.visible = (a = p.visible) !== null && a !== void 0 ? a : T, p.onVisibleChange = p.onVisibleChange ? ae(p.onVisibleChange, this.handlerVisibleChange) : this.handlerVisibleChange, k === "middle") {
         var C;
-        return C = h(m), /* @__PURE__ */ i.createElement(ue, C.cn("EllipsisMiddle", d({
+        return C = h(_), /* @__PURE__ */ i.createElement(ue, C.cn("EllipsisMiddle", d({
           text: P,
-          styles: m,
-          tooltip: g,
+          styles: _,
+          tooltip: m,
           containerRect: M,
           containerRef: E,
           textRef: this.textRef,
@@ -111,53 +111,53 @@ var U = {
           advanceMode: f
         }, b)), /* @__PURE__ */ i.createElement(c, C.cn("Children", {})));
       }
-      if (g) {
+      if (m) {
         var v;
-        return v = h(m), /* @__PURE__ */ i.createElement(n, v.cn("SContainer", d(d({
+        return v = h(_), /* @__PURE__ */ i.createElement(n, v.cn("SContainer", d(d({
           interaction: "hover",
           title: f ? void 0 : P
-        }, p), f ? U : ge)), f ? /* @__PURE__ */ i.createElement(c, v.cn("Children", {})) : /* @__PURE__ */ i.createElement(r, v.cn("SEllipsis", d({
-          render: B,
+        }, p), f ? I : me)), f ? /* @__PURE__ */ i.createElement(c, v.cn("Children", {})) : /* @__PURE__ */ i.createElement(r, v.cn("SEllipsis", d({
+          render: L,
           ref: this.textRef,
           maxLine: y
         }, b)), /* @__PURE__ */ i.createElement(c, v.cn("Children", {}))));
       }
-      return e = h(m), /* @__PURE__ */ i.createElement(_, e.cn("SNoTooltipContainer", {}), f ? /* @__PURE__ */ i.createElement(c, e.cn("Children", {})) : /* @__PURE__ */ i.createElement(r, e.cn("SEllipsis", d({
-        render: B,
+      return e = h(_), /* @__PURE__ */ i.createElement(g, e.cn("SNoTooltipContainer", {}), f ? /* @__PURE__ */ i.createElement(c, e.cn("Children", {})) : /* @__PURE__ */ i.createElement(r, e.cn("SEllipsis", d({
+        render: L,
         ref: this.textRef,
         maxLine: y
       }, b)), /* @__PURE__ */ i.createElement(c, e.cn("Children", {}))));
     }
   }]), l;
 }(te);
-S(k, "displayName", "Ellipsis");
-S(k, "style", ce);
-S(k, "defaultProps", {
+S(B, "displayName", "Ellipsis");
+S(B, "style", ce);
+S(B, "defaultProps", {
   trim: "end",
   tooltip: !0,
   includeTooltipProps: pe,
   __excludeProps: ["title"]
 });
-var q = /* @__PURE__ */ i.createContext(null), ue = function(o) {
-  var l, t = o.styles, e = o.text, a = o.tooltip, r = o.containerRect, n = o.containerRef, _ = o.textRef, s = o.tooltipProps, m = o.children, c = o.advanceMode, y = I(o, de), g = i.useRef(null), A = i.useState({
+var U = /* @__PURE__ */ i.createContext(null), ue = function(o) {
+  var l, t = o.styles, e = o.text, a = o.tooltip, r = o.containerRect, n = o.containerRef, g = o.textRef, s = o.tooltipProps, _ = o.children, c = o.advanceMode, y = D(o, de), m = i.useRef(null), k = i.useState({
     fontSize: "14",
     symbolWidth: 0
-  }), M = J(A, 2), E = M[0], z = M[1], b = ie(g, r).width;
+  }), M = J(k, 2), E = M[0], A = M[1], b = ie(m, r).width;
   ne(function() {
-    var F = (n == null ? void 0 : n.current) || (g == null ? void 0 : g.current);
-    if (F) {
+    var O = (n == null ? void 0 : n.current) || (m == null ? void 0 : m.current);
+    if (O) {
       var w = document.createElement("temporary-block");
       w.setAttribute("style", "fontSize: ".concat(E.fontSize, "px")), w.innerHTML = "a", document.body.appendChild(w);
       var G = w.getBoundingClientRect();
-      z({
-        fontSize: window.getComputedStyle(F, null).getPropertyValue("font-size"),
+      A({
+        fontSize: window.getComputedStyle(O, null).getPropertyValue("font-size"),
         symbolWidth: G.width
       }), document.body.removeChild(w);
     }
   }, []);
-  var T = "span", V = "span", P = o.tag || B, f = R, p = i.useMemo(function() {
+  var T = "span", q = "span", P = o.tag || L, f = R, p = i.useMemo(function() {
     return Math.round(b / E.symbolWidth);
-  }, [b, E.symbolWidth]), C = e.length > p ? "hover" : "none", v = n ?? g, x = i.useMemo(function() {
+  }, [b, E.symbolWidth]), C = e.length > p ? "hover" : "none", v = n ?? m, x = i.useMemo(function() {
     return {
       begining: e.substring(0, e.length - p / 2 - 1),
       tail: e.substring(e.length - p / 2 - 1),
@@ -165,40 +165,40 @@ var q = /* @__PURE__ */ i.createContext(null), ue = function(o) {
     };
   }, [e, p]);
   if (c) {
-    var O;
-    return O = h(t), /* @__PURE__ */ i.createElement(f, O.cn("SAdvancedModeContainerMiddle", d(d({
+    var H;
+    return H = h(t), /* @__PURE__ */ i.createElement(f, H.cn("SAdvancedModeContainerMiddle", d(d({
       interaction: C
-    }, s), U)), /* @__PURE__ */ i.createElement(q.Provider, {
+    }, s), I)), /* @__PURE__ */ i.createElement(U.Provider, {
       value: x
-    }, m));
+    }, _));
   }
   if (a) {
-    var L;
-    return L = h(t), /* @__PURE__ */ i.createElement(P, L.cn("SContainerMiddle", d({
+    var V;
+    return V = h(t), /* @__PURE__ */ i.createElement(P, V.cn("SContainerMiddle", d({
       interaction: C,
       title: e,
-      ref: le(v, _),
+      ref: le(v, g),
       tag: R,
       __excludeProps: ["title"]
-    }, s)), /* @__PURE__ */ i.createElement(V, L.cn("SBeginning", {}), x.begining), /* @__PURE__ */ i.createElement(T, L.cn("STail", {}), x.tail));
+    }, s)), /* @__PURE__ */ i.createElement(q, V.cn("SBeginning", {}), x.begining), /* @__PURE__ */ i.createElement(T, V.cn("STail", {}), x.tail));
   }
   return l = h(t), /* @__PURE__ */ i.createElement(P, l.cn("SContainerMiddle", d(d({}, y), {}, {
-    ref: n ?? g
-  })), /* @__PURE__ */ i.createElement(V, l.cn("SBeginning", {}), x.begining), /* @__PURE__ */ i.createElement(T, l.cn("STail", {}), x.tail));
+    ref: n ?? m
+  })), /* @__PURE__ */ i.createElement(q, l.cn("SBeginning", {}), x.begining), /* @__PURE__ */ i.createElement(T, l.cn("STail", {}), x.tail));
 }, ve = function(o) {
-  var l = arguments[0], t, e = o.styles, a = o.Children, r = R.Trigger, n = i.useContext(q), _ = "span", s = "span";
+  var l = arguments[0], t, e = o.styles, a = o.Children, r = R.Trigger, n = i.useContext(U), g = "span", s = "span";
   if (n) {
-    var m, c = n.begining, y = n.tail, g = n.ref;
-    return m = h(e), /* @__PURE__ */ i.createElement(r, m.cn("SEllipsis", d({}, j({
+    var _, c = n.begining, y = n.tail, m = n.ref;
+    return _ = h(e), /* @__PURE__ */ i.createElement(r, _.cn("SEllipsis", d({}, F({
       "middle-mod": !0,
-      ref: g
-    }, l))), /* @__PURE__ */ i.createElement(s, m.cn("SBeginning", {}), c), /* @__PURE__ */ i.createElement(_, m.cn("STail", {}), y));
+      ref: m
+    }, l))), /* @__PURE__ */ i.createElement(s, _.cn("SBeginning", {}), c), /* @__PURE__ */ i.createElement(g, _.cn("STail", {}), y));
   }
-  return t = h(e), /* @__PURE__ */ i.createElement(r, t.cn("SEllipsis", d({}, j({}, l))), /* @__PURE__ */ i.createElement(a, t.cn("Children", {})));
-}, H = ee(k, {
+  return t = h(e), /* @__PURE__ */ i.createElement(r, t.cn("SEllipsis", d({}, F({}, l))), /* @__PURE__ */ i.createElement(a, t.cn("Children", {})));
+}, $ = ee(B, {
   Content: ve,
   Popper: R.Popper
 });
 export {
-  H as default
+  $ as default
 };

package/ellipsis/package.json

@@ -1 +1 @@
-{"name":"intergalactic/ellipsis","description":"Semrush Ellipsis Component","version":"2.39.1","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","@semcore/flex-box":"5.41.1","@semcore/tooltip":"6.49.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/ellipsis"}}
+{"name":"intergalactic/ellipsis","description":"Semrush Ellipsis Component","version":"2.39.2-prerelease.1","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-prerelease.1","@semcore/flex-box":"5.41.2-prerelease.1","@semcore/tooltip":"6.49.2-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/ellipsis"}}

package/errors/lib/cjs/Error.js

@@ -18,15 +18,15 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _illustration = require("intergalactic/illustration");
 /*__reshadow-styles__:"./style/errors.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SError_1an7f_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_1an7f_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_1an7f_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_1an7f_gg_ .___SControls_1an7f_gg_{display:flex;align-items:center}.___SError_1an7f_gg_ .___SControls_1an7f_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SError_1an7f_gg_ .___SInner_1an7f_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImageWrapper_1an7f_gg_,.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImage_1an7f_gg_{width:260px;height:260px}@media (max-width:320px){.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImageWrapper_1an7f_gg_,.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImage_1an7f_gg_{width:200px;height:200px}}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImageWrapper_1an7f_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SWrapper_1an7f_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___STitle_1an7f_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SDescription_1an7f_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "1an7f_gg_") /*__reshadow_css_end__*/, {
-  "__SError": "___SError_1an7f_gg_",
-  "__SControls": "___SControls_1an7f_gg_",
-  "__SInner": "___SInner_1an7f_gg_",
-  "__SImageWrapper": "___SImageWrapper_1an7f_gg_",
-  "__SImage": "___SImage_1an7f_gg_",
-  "__SWrapper": "___SWrapper_1an7f_gg_",
-  "__STitle": "___STitle_1an7f_gg_",
-  "__SDescription": "___SDescription_1an7f_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SError_129di_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_129di_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_129di_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_129di_gg_ .___SControls_129di_gg_{display:flex;align-items:center}.___SError_129di_gg_ .___SControls_129di_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SError_129di_gg_ .___SInner_129di_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SError_129di_gg_ .___SInner_129di_gg_ .___SImageWrapper_129di_gg_,.___SError_129di_gg_ .___SInner_129di_gg_ .___SImage_129di_gg_{width:260px;height:260px}@media (max-width:320px){.___SError_129di_gg_ .___SInner_129di_gg_ .___SImageWrapper_129di_gg_,.___SError_129di_gg_ .___SInner_129di_gg_ .___SImage_129di_gg_{width:200px;height:200px}}.___SError_129di_gg_ .___SInner_129di_gg_ .___SImageWrapper_129di_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SError_129di_gg_ .___SInner_129di_gg_ .___SWrapper_129di_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___SError_129di_gg_ .___SInner_129di_gg_ .___STitle_129di_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SError_129di_gg_ .___SInner_129di_gg_ .___SDescription_129di_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "129di_gg_") /*__reshadow_css_end__*/, {
+  "__SError": "___SError_129di_gg_",
+  "__SControls": "___SControls_129di_gg_",
+  "__SInner": "___SInner_129di_gg_",
+  "__SImageWrapper": "___SImageWrapper_129di_gg_",
+  "__SImage": "___SImage_129di_gg_",
+  "__SWrapper": "___SWrapper_129di_gg_",
+  "__STitle": "___STitle_129di_gg_",
+  "__SDescription": "___SDescription_129di_gg_"
 });
 var getIconPath = function getIconPath(name) {
   return (0, _illustration.getIllustrationPath)(name);

package/errors/lib/es6/Error.js

@@ -14,15 +14,15 @@ import { Box, Flex } from 'intergalactic/flex-box';
 import createComponent, { Root, Component, sstyled } from 'intergalactic/core';
 import { getIllustrationPath } from 'intergalactic/illustration';
 /*__reshadow-styles__:"./style/errors.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SError_1an7f_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_1an7f_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_1an7f_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_1an7f_gg_ .___SControls_1an7f_gg_{display:flex;align-items:center}.___SError_1an7f_gg_ .___SControls_1an7f_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SError_1an7f_gg_ .___SInner_1an7f_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImageWrapper_1an7f_gg_,.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImage_1an7f_gg_{width:260px;height:260px}@media (max-width:320px){.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImageWrapper_1an7f_gg_,.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImage_1an7f_gg_{width:200px;height:200px}}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImageWrapper_1an7f_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SWrapper_1an7f_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___STitle_1an7f_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SDescription_1an7f_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "1an7f_gg_") /*__reshadow_css_end__*/, {
-  "__SError": "___SError_1an7f_gg_",
-  "__SControls": "___SControls_1an7f_gg_",
-  "__SInner": "___SInner_1an7f_gg_",
-  "__SImageWrapper": "___SImageWrapper_1an7f_gg_",
-  "__SImage": "___SImage_1an7f_gg_",
-  "__SWrapper": "___SWrapper_1an7f_gg_",
-  "__STitle": "___STitle_1an7f_gg_",
-  "__SDescription": "___SDescription_1an7f_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SError_129di_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_129di_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_129di_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_129di_gg_ .___SControls_129di_gg_{display:flex;align-items:center}.___SError_129di_gg_ .___SControls_129di_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SError_129di_gg_ .___SInner_129di_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SError_129di_gg_ .___SInner_129di_gg_ .___SImageWrapper_129di_gg_,.___SError_129di_gg_ .___SInner_129di_gg_ .___SImage_129di_gg_{width:260px;height:260px}@media (max-width:320px){.___SError_129di_gg_ .___SInner_129di_gg_ .___SImageWrapper_129di_gg_,.___SError_129di_gg_ .___SInner_129di_gg_ .___SImage_129di_gg_{width:200px;height:200px}}.___SError_129di_gg_ .___SInner_129di_gg_ .___SImageWrapper_129di_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SError_129di_gg_ .___SInner_129di_gg_ .___SWrapper_129di_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___SError_129di_gg_ .___SInner_129di_gg_ .___STitle_129di_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SError_129di_gg_ .___SInner_129di_gg_ .___SDescription_129di_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "129di_gg_") /*__reshadow_css_end__*/, {
+  "__SError": "___SError_129di_gg_",
+  "__SControls": "___SControls_129di_gg_",
+  "__SInner": "___SInner_129di_gg_",
+  "__SImageWrapper": "___SImageWrapper_129di_gg_",
+  "__SImage": "___SImage_129di_gg_",
+  "__SWrapper": "___SWrapper_129di_gg_",
+  "__STitle": "___STitle_129di_gg_",
+  "__SDescription": "___SDescription_129di_gg_"
 });
 export var getIconPath = function getIconPath(name) {
   return getIllustrationPath(name);

package/errors/lib/esm/Error.mjs

@@ -1,34 +1,34 @@
-import i from "@babel/runtime/helpers/esm/objectSpread2";
+import n from "@babel/runtime/helpers/esm/objectSpread2";
 import u from "@babel/runtime/helpers/esm/classCallCheck";
 import y from "@babel/runtime/helpers/esm/createClass";
 import C from "@babel/runtime/helpers/esm/inherits";
 import W from "@babel/runtime/helpers/esm/createSuper";
-import f from "@babel/runtime/helpers/esm/defineProperty";
+import d from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as w } from 'intergalactic/utils/lib/core/index';
 import P, { sstyled as o, assignProps as p, Component as b } from 'intergalactic/core';
-import a from "react";
+import e from "react";
 import { Flex as D, Box as s } from 'intergalactic/flex-box';
 import { getIllustrationPath as T } from 'intergalactic/illustration';
 var z = (
   /*__reshadow_css_start__*/
   (w.insert(
     /*__inner_css_start__*/
-    ".___SError_1an7f_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_1an7f_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_1an7f_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_1an7f_gg_ .___SControls_1an7f_gg_{display:flex;align-items:center}.___SError_1an7f_gg_ .___SControls_1an7f_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SError_1an7f_gg_ .___SInner_1an7f_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImageWrapper_1an7f_gg_,.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImage_1an7f_gg_{width:260px;height:260px}@media (max-width:320px){.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImageWrapper_1an7f_gg_,.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImage_1an7f_gg_{width:200px;height:200px}}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SImageWrapper_1an7f_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SWrapper_1an7f_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___STitle_1an7f_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SError_1an7f_gg_ .___SInner_1an7f_gg_ .___SDescription_1an7f_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}",
-    "1an7f_gg_"
+    ".___SError_129di_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_129di_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_129di_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_129di_gg_ .___SControls_129di_gg_{display:flex;align-items:center}.___SError_129di_gg_ .___SControls_129di_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SError_129di_gg_ .___SInner_129di_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SError_129di_gg_ .___SInner_129di_gg_ .___SImageWrapper_129di_gg_,.___SError_129di_gg_ .___SInner_129di_gg_ .___SImage_129di_gg_{width:260px;height:260px}@media (max-width:320px){.___SError_129di_gg_ .___SInner_129di_gg_ .___SImageWrapper_129di_gg_,.___SError_129di_gg_ .___SInner_129di_gg_ .___SImage_129di_gg_{width:200px;height:200px}}.___SError_129di_gg_ .___SInner_129di_gg_ .___SImageWrapper_129di_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SError_129di_gg_ .___SInner_129di_gg_ .___SWrapper_129di_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___SError_129di_gg_ .___SInner_129di_gg_ .___STitle_129di_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SError_129di_gg_ .___SInner_129di_gg_ .___SDescription_129di_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}",
+    "129di_gg_"
   ), {
-    __SError: "___SError_1an7f_gg_",
-    __SControls: "___SControls_1an7f_gg_",
-    __SInner: "___SInner_1an7f_gg_",
-    __SImageWrapper: "___SImageWrapper_1an7f_gg_",
-    __SImage: "___SImage_1an7f_gg_",
-    __SWrapper: "___SWrapper_1an7f_gg_",
-    __STitle: "___STitle_1an7f_gg_",
-    __SDescription: "___SDescription_1an7f_gg_"
+    __SError: "___SError_129di_gg_",
+    __SControls: "___SControls_129di_gg_",
+    __SInner: "___SInner_129di_gg_",
+    __SImageWrapper: "___SImageWrapper_129di_gg_",
+    __SImage: "___SImage_129di_gg_",
+    __SWrapper: "___SWrapper_129di_gg_",
+    __STitle: "___STitle_129di_gg_",
+    __SDescription: "___SDescription_129di_gg_"
   })
 ), M = function(r) {
   return T(r);
-}, l = /* @__PURE__ */ function(e) {
-  C(_, e);
+}, l = /* @__PURE__ */ function(i) {
+  C(_, i);
   var r = W(_);
   function _() {
     return u(this, _), r.apply(this, arguments);
@@ -36,32 +36,32 @@ var z = (
   return y(_, [{
     key: "render",
     value: function() {
-      var m = this.asProps, n, S = D, c = this.asProps, x = c.Children, d = c.styles, g = c.icon, v = "div", h = "div", E = "div", I = "img";
-      return n = o(d), /* @__PURE__ */ a.createElement(S, n.cn("SError", i({}, p({}, m))), /* @__PURE__ */ a.createElement(v, n.cn("SInner", {}), g && /* @__PURE__ */ a.createElement(h, n.cn("SImageWrapper", {}), typeof g == "string" ? /* @__PURE__ */ a.createElement(I, n.cn("SImage", {
+      var m = this.asProps, t, S = D, c = this.asProps, x = c.Children, f = c.styles, g = c.icon, v = "div", h = "div", E = "div", I = "img";
+      return t = o(f), /* @__PURE__ */ e.createElement(S, t.cn("SError", n({}, p({}, m))), /* @__PURE__ */ e.createElement(v, t.cn("SInner", {}), g && /* @__PURE__ */ e.createElement(h, t.cn("SImageWrapper", {}), typeof g == "string" ? /* @__PURE__ */ e.createElement(I, t.cn("SImage", {
         src: g,
         alt: ""
-      })) : g), /* @__PURE__ */ a.createElement(E, n.cn("SWrapper", {}), /* @__PURE__ */ a.createElement(x, n.cn("Children", {})))));
+      })) : g), /* @__PURE__ */ e.createElement(E, t.cn("SWrapper", {}), /* @__PURE__ */ e.createElement(x, t.cn("Children", {})))));
     }
   }]), _;
 }(b);
-f(l, "displayName", "Error");
-f(l, "style", z);
-function R(e) {
-  var r = arguments[0], _, t = s;
-  return _ = o(e.styles), /* @__PURE__ */ a.createElement(t, _.cn("STitle", i({}, p({
+d(l, "displayName", "Error");
+d(l, "style", z);
+function R(i) {
+  var r = arguments[0], _, a = s;
+  return _ = o(i.styles), /* @__PURE__ */ e.createElement(a, _.cn("STitle", n({}, p({
     "data-errors-title": !0,
     tag: "h2"
   }, r))));
 }
-function j(e) {
-  var r = arguments[0], _, t = s;
-  return _ = o(e.styles), /* @__PURE__ */ a.createElement(t, _.cn("SDescription", i({}, p({
+function j(i) {
+  var r = arguments[0], _, a = s;
+  return _ = o(i.styles), /* @__PURE__ */ e.createElement(a, _.cn("SDescription", n({}, p({
     tag: "p"
   }, r))));
 }
-function k(e) {
-  var r = arguments[0], _, t = s;
-  return _ = o(e.styles), /* @__PURE__ */ a.createElement(t, _.cn("SControls", i({}, p({}, r))));
+function k(i) {
+  var r = arguments[0], _, a = s;
+  return _ = o(i.styles), /* @__PURE__ */ e.createElement(a, _.cn("SControls", n({}, p({}, r))));
 }
 const O = P(l, {
   Title: R,

package/errors/package.json

@@ -1 +1 @@
-{"name":"intergalactic/errors","description":"Semrush Errors Component","version":"4.47.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/button":"5.43.0","@semcore/flex-box":"5.41.1","@semcore/format-text":"4.41.1","@semcore/illustration":"2.43.1","@semcore/typography":"5.52.1","@semcore/utils":"4.48.1"},"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/errors"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/errors","description":"Semrush Errors Component","version":"4.47.1-prerelease.1","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/button":"5.43.1-prerelease.1","@semcore/flex-box":"5.41.2-prerelease.1","@semcore/format-text":"4.41.2-prerelease.1","@semcore/illustration":"2.44.0-prerelease.1","@semcore/typography":"5.52.2-prerelease.1","@semcore/utils":"4.48.2-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/errors"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/feature-popover/lib/cjs/FeaturePopover.js

@@ -28,18 +28,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _button = _interopRequireDefault(require("intergalactic/button"));
 var _excluded = ["styles", "forwardRef", "onVisibleChange", "modifiers"];
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_mjp0e{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_mjp0e{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_mjp0e_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_mjp0e_gg_{position:relative}.___SClose_mjp0e_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_mjp0e_gg_ .___SAddon_mjp0e_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_mjp0e_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_mjp0e;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_mjp0e_gg_::after,.___SSpot_mjp0e_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_mjp0e_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_mjp0e;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_mjp0e_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_mjp0e_gg_,.___SSpot_mjp0e_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "mjp0e_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_mjp0e_gg_",
-  "__STrigger": "___STrigger_mjp0e_gg_",
-  "@showTrigger": "showTrigger_mjp0e",
-  "@scaleSizeAndHide": "scaleSizeAndHide_mjp0e",
-  "__SClose": "___SClose_mjp0e_gg_",
-  "__SAddon": "___SAddon_mjp0e_gg_",
-  "__SSpot": "___SSpot_mjp0e_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1bz3f{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1bz3f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1bz3f_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_1bz3f_gg_{position:relative}.___SClose_1bz3f_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1bz3f_gg_ .___SAddon_1bz3f_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1bz3f_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1bz3f;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1bz3f_gg_::after,.___SSpot_1bz3f_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1bz3f_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1bz3f;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1bz3f_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1bz3f_gg_,.___SSpot_1bz3f_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1bz3f_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_1bz3f_gg_",
+  "__STrigger": "___STrigger_1bz3f_gg_",
+  "@showTrigger": "showTrigger_1bz3f",
+  "@scaleSizeAndHide": "scaleSizeAndHide_1bz3f",
+  "__SClose": "___SClose_1bz3f_gg_",
+  "__SAddon": "___SAddon_1bz3f_gg_",
+  "__SSpot": "___SSpot_1bz3f_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1kmix{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1kmix{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1kmix_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_1kmix",
-  "@exit": "exit_1kmix"
+var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1bceb{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1bceb{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1bceb_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_1bceb",
+  "@exit": "exit_1bceb"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeaturePopover, _Component);

package/feature-popover/lib/es6/FeaturePopover.js

@@ -23,18 +23,18 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import Button from 'intergalactic/button';
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_mjp0e{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_mjp0e{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_mjp0e_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_mjp0e_gg_{position:relative}.___SClose_mjp0e_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_mjp0e_gg_ .___SAddon_mjp0e_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_mjp0e_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_mjp0e;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_mjp0e_gg_::after,.___SSpot_mjp0e_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_mjp0e_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_mjp0e;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_mjp0e_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_mjp0e_gg_,.___SSpot_mjp0e_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "mjp0e_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_mjp0e_gg_",
-  "__STrigger": "___STrigger_mjp0e_gg_",
-  "@showTrigger": "showTrigger_mjp0e",
-  "@scaleSizeAndHide": "scaleSizeAndHide_mjp0e",
-  "__SClose": "___SClose_mjp0e_gg_",
-  "__SAddon": "___SAddon_mjp0e_gg_",
-  "__SSpot": "___SSpot_mjp0e_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1bz3f{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1bz3f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1bz3f_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_1bz3f_gg_{position:relative}.___SClose_1bz3f_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1bz3f_gg_ .___SAddon_1bz3f_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1bz3f_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1bz3f;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1bz3f_gg_::after,.___SSpot_1bz3f_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1bz3f_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1bz3f;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1bz3f_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1bz3f_gg_,.___SSpot_1bz3f_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1bz3f_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_1bz3f_gg_",
+  "__STrigger": "___STrigger_1bz3f_gg_",
+  "@showTrigger": "showTrigger_1bz3f",
+  "@scaleSizeAndHide": "scaleSizeAndHide_1bz3f",
+  "__SClose": "___SClose_1bz3f_gg_",
+  "__SAddon": "___SAddon_1bz3f_gg_",
+  "__SSpot": "___SSpot_1bz3f_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1kmix{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1kmix{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1kmix_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_1kmix",
-  "@exit": "exit_1kmix"
+var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1bceb{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1bceb{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1bceb_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_1bceb",
+  "@exit": "exit_1bceb"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   _inherits(FeaturePopover, _Component);