intergalactic 15.128.0-prerelease.0 → 15.128.0-prerelease.2

package/skeleton/lib/esm/Skeleton.mjs

@@ -19,54 +19,54 @@ var W = ["y", "x", "amount", "width", "styles", "forwardRef"], A = (
   /*__reshadow_css_start__*/
   (D.insert(
     /*__inner_css_start__*/
-    "@keyframes pulse_1ihc1{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1ihc1_gg_{animation-name:pulse_1ihc1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1ihc1);will-change:opacity}.___SSkeletonSVG_1ihc1_gg_._theme_invert_1ihc1_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1ihc1_gg_._theme_dark_1ihc1_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1ihc1_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1ihc1_gg_{animation-name:none}}",
-    "1ihc1_gg_"
+    "@keyframes pulse_1a33r{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1a33r_gg_{animation-name:pulse_1a33r;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1a33r);will-change:opacity}.___SSkeletonSVG_1a33r_gg_._theme_invert_1a33r_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1a33r_gg_._theme_dark_1a33r_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1a33r_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1a33r_gg_{animation-name:none}}",
+    "1a33r_gg_"
   ), {
-    __SSkeleton: "___SSkeleton_1ihc1_gg_",
-    "--durationAnim": "--durationAnim_1ihc1",
-    "@pulse": "pulse_1ihc1",
-    __SSkeletonSVG: "___SSkeletonSVG_1ihc1_gg_",
-    _theme_invert: "_theme_invert_1ihc1_gg_",
-    _theme_dark: "_theme_dark_1ihc1_gg_",
-    __SText: "___SText_1ihc1_gg_"
+    __SSkeleton: "___SSkeleton_1a33r_gg_",
+    "--durationAnim": "--durationAnim_1a33r",
+    "@pulse": "pulse_1a33r",
+    __SSkeletonSVG: "___SSkeletonSVG_1a33r_gg_",
+    _theme_invert: "_theme_invert_1a33r_gg_",
+    _theme_dark: "_theme_dark_1a33r_gg_",
+    __SText: "___SText_1a33r_gg_"
   })
 ), j = {
   dark: "rgba(255, 255, 255, 0.3)",
   invert: "rgba(224, 225, 233, 0.8)"
-}, d = /* @__PURE__ */ function(i) {
-  R(r, i);
-  var c = P(r);
+}, v = /* @__PURE__ */ function(a) {
+  R(r, a);
+  var u = P(r);
   function r() {
-    return b(this, r), c.apply(this, arguments);
+    return b(this, r), u.apply(this, arguments);
   }
   return x(r, [{
     key: "render",
     value: function() {
-      var e = this.asProps, t, n = $, a = this.asProps;
-      a.Children;
-      var l = a.styles, m = a.duration, u = a.hidden, h = a.getI18nText;
-      return a.tag, u ? null : (t = S(l), /* @__PURE__ */ s.createElement(n, t.cn("SSkeleton", g({}, E({
+      var e = this.asProps, t, n = $, i = this.asProps;
+      i.Children;
+      var l = i.styles, m = i.duration, d = i.hidden, c = i.getI18nText;
+      return i.tag, d ? null : (t = S(l), /* @__PURE__ */ s.createElement(n, t.cn("SSkeleton", g({}, E({
         durationAnim: "".concat(m, "ms"),
         role: "img",
-        "aria-label": h("loading")
+        "aria-label": c("loading")
       }, e)))));
     }
   }]), r;
 }(w);
-_(d, "displayName", "Skeleton");
-_(d, "style", A);
-_(d, "enhance", [U(N)]);
-_(d, "defaultProps", {
+_(v, "displayName", "Skeleton");
+_(v, "style", A);
+_(v, "enhance", [U(N)]);
+_(v, "defaultProps", {
   width: "100%",
   height: "100%",
   duration: 2e3
 });
-var v = /* @__PURE__ */ function(i) {
-  R(r, i);
-  var c = P(r);
+var f = /* @__PURE__ */ function(a) {
+  R(r, a);
+  var u = P(r);
   function r(o) {
     var e;
-    return b(this, r), e = c.call(this, o), _(y(e), "svgRef", /* @__PURE__ */ s.createRef()), O() && o.observeParentSize && (e.observer = new ResizeObserver(e.handleResize.bind(y(e)))), e;
+    return b(this, r), e = u.call(this, o), _(y(e), "svgRef", /* @__PURE__ */ s.createRef()), O() && o.observeParentSize && (e.observer = new ResizeObserver(e.handleResize.bind(y(e)))), e;
   }
   return x(r, [{
     key: "componentDidMount",
@@ -97,16 +97,16 @@ var v = /* @__PURE__ */ function(i) {
   }, {
     key: "render",
     value: function() {
-      var e = this.asProps, t, n = this.asProps, a = n.Children, l = n.styles, m = n.uid, u = n.theme, h = n.duration, p = q;
+      var e = this.asProps, t, n = this.asProps, i = n.Children, l = n.styles, m = n.uid, d = n.theme, c = n.duration, p = q;
       return t = S(l), /* @__PURE__ */ s.createElement(p, t.cn("SSkeletonSVG", g({}, E({
         tag: "svg",
         ref: this.svgRef,
         preserveAspectRatio: "none",
-        theme: u,
-        durationAnim: "".concat(h, "ms")
+        theme: d,
+        durationAnim: "".concat(c, "ms")
       }, e))), /* @__PURE__ */ s.createElement("defs", t.cn("defs", {}), /* @__PURE__ */ s.createElement("mask", t.cn("mask", {
         id: m
-      }), /* @__PURE__ */ s.createElement(a, t.cn("Children", {})))), /* @__PURE__ */ s.createElement("rect", t.cn("rect", {
+      }), /* @__PURE__ */ s.createElement(i, t.cn("Children", {})))), /* @__PURE__ */ s.createElement("rect", t.cn("rect", {
         x: "0",
         y: "0",
         width: "100%",
@@ -116,35 +116,35 @@ var v = /* @__PURE__ */ function(i) {
     }
   }]), r;
 }(w);
-_(v, "displayName", "SkeletonSVG");
-_(v, "enhance", [I()]);
-_(v, "style", A);
-_(v, "defaultProps", {
+_(f, "displayName", "SkeletonSVG");
+_(f, "enhance", [I()]);
+_(f, "style", A);
+_(f, "defaultProps", {
   theme: "invert",
   duration: 2e3
 });
-function L(i) {
-  var c = $, r = i.y, o = r === void 0 ? 0 : r, e = i.x, t = e === void 0 ? 0 : e, n = i.amount, a = n === void 0 ? 1 : n, l = i.width, m = l === void 0 ? "100%" : l, u = i.styles, h = i.forwardRef, p = M(i, W), T = Number(a), G = function(f) {
+function L(a) {
+  var u = $, r = a.y, o = r === void 0 ? 0 : r, e = a.x, t = e === void 0 ? 0 : e, n = a.amount, i = n === void 0 ? 1 : n, l = a.width, m = l === void 0 ? "100%" : l, d = a.styles, c = a.forwardRef, p = M(a, W), T = Number(i), G = function(h) {
     var k;
-    return k = S(u), /* @__PURE__ */ s.createElement(c, k.cn("SText", g({
+    return k = S(d), /* @__PURE__ */ s.createElement(u, k.cn("SText", g({
       tag: "rect",
       rx: "4",
       ry: "4",
       height: "8"
-    }, f)));
+    }, h)));
   };
-  return /* @__PURE__ */ s.createElement(s.Fragment, null, z(Array(T)).map(function(V, f) {
+  return /* @__PURE__ */ s.createElement(s.Fragment, null, z(Array(T)).map(function(V, h) {
     return G(g({
-      key: f,
-      y: o || 20 * f,
+      key: h,
+      y: o || 20 * h,
       x: t,
-      ref: h,
+      ref: c,
       width: m
     }, p));
   }));
 }
-var q = C(d);
-const _e = C(v, {
+var q = C(v);
+const _e = C(f, {
   Text: L
 });
 export {

package/skeleton/package.json

@@ -1 +1 @@
-{"name":"intergalactic/skeleton","description":"Semrush Skeleton Component","version":"5.42.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","types":"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"},"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/skeleton"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/skeleton","description":"Semrush Skeleton Component","version":"5.42.2-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","types":"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.2","@semcore/flex-box":"5.41.2-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/skeleton"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/slider/lib/cjs/Slider.js

@@ -20,14 +20,14 @@ var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _reactToText = _interopRequireDefault(require("intergalactic/utils/lib/reactToText"));
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_14cqp_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_14cqp_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_14cqp_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_14cqp_gg_:active .___SKnob_14cqp_gg_,.___SSlider_14cqp_gg_:focus .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_:focus{outline:0}.___SSlider_14cqp_gg_.__keyboardFocused_14cqp_gg_ .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_.__disabled_14cqp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_14cqp_gg_,.___SKnob_14cqp_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_14cqp_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_14cqp_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_14cqp_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_14cqp_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_14cqp_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "14cqp_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_14cqp_gg_",
-  "_keyboardFocused": "__keyboardFocused_14cqp_gg_",
-  "__SKnob": "___SKnob_14cqp_gg_",
-  "_disabled": "__disabled_14cqp_gg_",
-  "__SBar": "___SBar_14cqp_gg_",
-  "__SInput": "___SInput_14cqp_gg_",
-  "__SSliderOptions": "___SSliderOptions_14cqp_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_khqv3_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_khqv3_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_khqv3_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_khqv3_gg_:active .___SKnob_khqv3_gg_,.___SSlider_khqv3_gg_:focus .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_:focus{outline:0}.___SSlider_khqv3_gg_.__keyboardFocused_khqv3_gg_ .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_.__disabled_khqv3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_khqv3_gg_,.___SKnob_khqv3_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_khqv3_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_khqv3_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_khqv3_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_khqv3_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_khqv3_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "khqv3_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_khqv3_gg_",
+  "_keyboardFocused": "__keyboardFocused_khqv3_gg_",
+  "__SKnob": "___SKnob_khqv3_gg_",
+  "_disabled": "__disabled_khqv3_gg_",
+  "__SBar": "___SBar_khqv3_gg_",
+  "__SInput": "___SInput_khqv3_gg_",
+  "__SSliderOptions": "___SSliderOptions_khqv3_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;

package/slider/lib/es6/Slider.js

@@ -17,14 +17,14 @@ import { Flex, Box } from 'intergalactic/flex-box';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import reactToText from 'intergalactic/utils/lib/reactToText';
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_14cqp_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_14cqp_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_14cqp_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_14cqp_gg_:active .___SKnob_14cqp_gg_,.___SSlider_14cqp_gg_:focus .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_:focus{outline:0}.___SSlider_14cqp_gg_.__keyboardFocused_14cqp_gg_ .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_.__disabled_14cqp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_14cqp_gg_,.___SKnob_14cqp_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_14cqp_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_14cqp_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_14cqp_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_14cqp_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_14cqp_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "14cqp_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_14cqp_gg_",
-  "_keyboardFocused": "__keyboardFocused_14cqp_gg_",
-  "__SKnob": "___SKnob_14cqp_gg_",
-  "_disabled": "__disabled_14cqp_gg_",
-  "__SBar": "___SBar_14cqp_gg_",
-  "__SInput": "___SInput_14cqp_gg_",
-  "__SSliderOptions": "___SSliderOptions_14cqp_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_khqv3_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_khqv3_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_khqv3_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_khqv3_gg_:active .___SKnob_khqv3_gg_,.___SSlider_khqv3_gg_:focus .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_:focus{outline:0}.___SSlider_khqv3_gg_.__keyboardFocused_khqv3_gg_ .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_.__disabled_khqv3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_khqv3_gg_,.___SKnob_khqv3_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_khqv3_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_khqv3_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_khqv3_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_khqv3_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_khqv3_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "khqv3_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_khqv3_gg_",
+  "_keyboardFocused": "__keyboardFocused_khqv3_gg_",
+  "__SKnob": "___SKnob_khqv3_gg_",
+  "_disabled": "__disabled_khqv3_gg_",
+  "__SBar": "___SBar_khqv3_gg_",
+  "__SInput": "___SInput_khqv3_gg_",
+  "__SSliderOptions": "___SSliderOptions_khqv3_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;

package/slider/lib/esm/Slider.mjs

@@ -1,88 +1,88 @@
-import E from "@babel/runtime/helpers/esm/objectSpread2";
+import y from "@babel/runtime/helpers/esm/objectSpread2";
 import O from "@babel/runtime/helpers/esm/classCallCheck";
 import z from "@babel/runtime/helpers/esm/createClass";
-import f from "@babel/runtime/helpers/esm/assertThisInitialized";
+import g from "@babel/runtime/helpers/esm/assertThisInitialized";
 import A from "@babel/runtime/helpers/esm/inherits";
 import F from "@babel/runtime/helpers/esm/createSuper";
-import g from "@babel/runtime/helpers/esm/defineProperty";
+import m from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as T } from 'intergalactic/utils/lib/core/index';
-import $, { sstyled as P, assignProps as M, Component as N } from 'intergalactic/core';
-import d from "react";
-import { Box as y, Flex as X } from 'intergalactic/flex-box';
+import $, { sstyled as E, assignProps as P, Component as N } from 'intergalactic/core';
+import v from "react";
+import { Box as k, Flex as X } from 'intergalactic/flex-box';
 import j from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import U from 'intergalactic/utils/lib/reactToText';
 var W = (
   /*__reshadow_css_start__*/
   (T.insert(
     /*__inner_css_start__*/
-    '.___SSlider_14cqp_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_14cqp_gg_:before{content:"";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_14cqp_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_14cqp_gg_:active .___SKnob_14cqp_gg_,.___SSlider_14cqp_gg_:focus .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_:focus{outline:0}.___SSlider_14cqp_gg_.__keyboardFocused_14cqp_gg_ .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_.__disabled_14cqp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_14cqp_gg_,.___SKnob_14cqp_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_14cqp_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_14cqp_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_14cqp_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_14cqp_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_14cqp_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}',
-    "14cqp_gg_"
+    '.___SSlider_khqv3_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_khqv3_gg_:before{content:"";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_khqv3_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_khqv3_gg_:active .___SKnob_khqv3_gg_,.___SSlider_khqv3_gg_:focus .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_:focus{outline:0}.___SSlider_khqv3_gg_.__keyboardFocused_khqv3_gg_ .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_.__disabled_khqv3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_khqv3_gg_,.___SKnob_khqv3_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_khqv3_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_khqv3_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_khqv3_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_khqv3_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_khqv3_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}',
+    "khqv3_gg_"
   ), {
-    __SSlider: "___SSlider_14cqp_gg_",
-    _keyboardFocused: "__keyboardFocused_14cqp_gg_",
-    __SKnob: "___SKnob_14cqp_gg_",
-    _disabled: "__disabled_14cqp_gg_",
-    __SBar: "___SBar_14cqp_gg_",
-    __SInput: "___SInput_14cqp_gg_",
-    __SSliderOptions: "___SSliderOptions_14cqp_gg_"
+    __SSlider: "___SSlider_khqv3_gg_",
+    _keyboardFocused: "__keyboardFocused_khqv3_gg_",
+    __SKnob: "___SKnob_khqv3_gg_",
+    _disabled: "__disabled_khqv3_gg_",
+    __SBar: "___SBar_khqv3_gg_",
+    __SInput: "___SInput_khqv3_gg_",
+    __SSliderOptions: "___SSliderOptions_khqv3_gg_"
   })
-), L = function(v, o, e) {
-  return v > e ? 100 : v < o ? 0 : (v - o) / (e - o) * 100;
-}, q = /* @__PURE__ */ function(l) {
+), L = function(_, o, e) {
+  return _ > e ? 100 : _ < o ? 0 : (_ - o) / (e - o) * 100;
+}, M = /* @__PURE__ */ function(l) {
   A(o, l);
-  var v = F(o);
+  var _ = F(o);
   function o() {
     var e;
     O(this, o);
-    for (var n = arguments.length, i = new Array(n), c = 0; c < n; c++)
-      i[c] = arguments[c];
-    return e = v.call.apply(v, [this].concat(i)), g(f(e), "sliderRef", /* @__PURE__ */ d.createRef(null)), g(f(e), "handleRef", function(r) {
+    for (var n = arguments.length, i = new Array(n), d = 0; d < n; d++)
+      i[d] = arguments[d];
+    return e = _.call.apply(_, [this].concat(i)), m(g(e), "sliderRef", /* @__PURE__ */ v.createRef(null)), m(g(e), "handleRef", function(r) {
       e.sliderRef.current = r;
-    }), g(f(e), "handleMouseEnd", function() {
+    }), m(g(e), "handleMouseEnd", function() {
       document.removeEventListener("touchmove", e.handleMouseMove), document.removeEventListener("mousemove", e.handleMouseMove), document.removeEventListener("click", e.handleMouseMove), document.removeEventListener("mouseup", e.handleMouseEnd), document.removeEventListener("touchend", e.handleMouseEnd);
-    }), g(f(e), "handleMouseMove", function(r) {
+    }), m(g(e), "handleMouseMove", function(r) {
       var t;
       r.preventDefault(), document.addEventListener("touchmove", e.handleMouseMove), document.addEventListener("mousemove", e.handleMouseMove), document.addEventListener("click", e.handleMouseMove), document.addEventListener("mouseup", e.handleMouseEnd), document.addEventListener("touchend", e.handleMouseEnd);
-      var s = e.asProps, u = s.min, _ = s.max, m = s.step, a = s.options, p = e.sliderRef.current.offsetWidth, h = (t = r.clientX) !== null && t !== void 0 ? t : r.touches[0].clientX, b = h - e.sliderRef.current.getBoundingClientRect().left;
+      var s = e.asProps, u = s.min, c = s.max, h = s.step, a = s.options, p = e.sliderRef.current.offsetWidth, f = (t = r.clientX) !== null && t !== void 0 ? t : r.touches[0].clientX, b = f - e.sliderRef.current.getBoundingClientRect().left;
       if (b <= 0) {
-        var S, w = a ? (S = a[0]) === null || S === void 0 ? void 0 : S.value : u;
-        e.handlers.value(w, r);
+        var S, q = a ? (S = a[0]) === null || S === void 0 ? void 0 : S.value : u;
+        e.handlers.value(q, r);
       } else if (b >= p) {
-        var x = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1], B = a ? x == null ? void 0 : x.value : _;
+        var x = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1], B = a ? x == null ? void 0 : x.value : c;
         e.handlers.value(B, r);
       } else {
-        var K, I = b / p, R = m / (_ - u), C = Math.round(I / R), D = C * m + u, V = a ? (K = a[C * m]) === null || K === void 0 ? void 0 : K.value : D;
+        var K, I = b / p, R = h / (c - u), C = Math.round(I / R), D = C * h + u, V = a ? (K = a[C * h]) === null || K === void 0 ? void 0 : K.value : D;
         e.handlers.value(V, r);
       }
-    }), g(f(e), "handleDragStart", function() {
+    }), m(g(e), "handleDragStart", function() {
       return !1;
-    }), g(f(e), "handleKeyDown", function(r) {
+    }), m(g(e), "handleKeyDown", function(r) {
       if (["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown"].includes(r.key)) {
         r.preventDefault();
-        var t = e.asProps, s = t.min, u = t.max, _ = t.step, m = t.options, a = r.key === "ArrowLeft" || r.key === "ArrowDown" ? -1 : 1, p = e.getNumericValue() + _ * a;
-        if (p > u && (p = u), p < s && (p = s), m) {
-          var h = m[p - (s ?? 0)];
-          e.handlers.value(h.value, r);
+        var t = e.asProps, s = t.min, u = t.max, c = t.step, h = t.options, a = r.key === "ArrowLeft" || r.key === "ArrowDown" ? -1 : 1, p = e.getNumericValue() + c * a;
+        if (p > u && (p = u), p < s && (p = s), h) {
+          var f = h[p - (s ?? 0)];
+          e.handlers.value(f.value, r);
         } else
           e.handlers.value(p, r);
       }
-    }), g(f(e), "getNumericValue", function() {
-      var r = e.asProps, t = r.value, s = r.options, u = r.min, _ = r.max, m = r.defaultValue;
+    }), m(g(e), "getNumericValue", function() {
+      var r = e.asProps, t = r.value, s = r.options, u = r.min, c = r.max, h = r.defaultValue;
       if (!s) return t;
       var a = s.findIndex(function(p) {
         return p.value === t;
       });
-      if (a === -1) return m;
+      if (a === -1) return h;
       if (a < u) return u;
       if (u !== void 0) {
-        if (a + u > _) return _;
-      } else if (a > _) return _;
+        if (a + u > c) return c;
+      } else if (a > c) return c;
       return a + (u ?? 0);
-    }), g(f(e), "resolveLabel", function(r) {
+    }), m(g(e), "resolveLabel", function(r) {
       var t = e.asProps, s = t.min, u = t.options;
       if (u) {
-        var _ = u[r - (s ?? 0)];
-        return U(_ == null ? void 0 : _.label);
+        var c = u[r - (s ?? 0)];
+        return U(c == null ? void 0 : c.label);
       }
     }), e;
   }
@@ -96,11 +96,11 @@ var W = (
   }, {
     key: "getKnobProps",
     value: function() {
-      var n = this.asProps, i = n.min, c = n.max, r = n.disabled, t = n.options;
+      var n = this.asProps, i = n.min, d = n.max, r = n.disabled, t = n.options;
       return {
         value: this.getNumericValue(),
         min: i,
-        max: c,
+        max: d,
         disabled: r,
         options: t
       };
@@ -108,11 +108,11 @@ var W = (
   }, {
     key: "getBarProps",
     value: function() {
-      var n = this.asProps, i = n.min, c = n.max, r = n.disabled, t = n.options;
+      var n = this.asProps, i = n.min, d = n.max, r = n.disabled, t = n.options;
       return {
         value: this.getNumericValue(),
         min: i,
-        max: c,
+        max: d,
         disabled: r,
         options: t
       };
@@ -128,7 +128,7 @@ var W = (
   }, {
     key: "getItemProps",
     value: function(n, i) {
-      var c = this.asProps.options, r = c[i];
+      var d = this.asProps.options, r = d[i];
       return {
         key: r.value,
         value: r.value,
@@ -138,8 +138,8 @@ var W = (
   }, {
     key: "render",
     value: function() {
-      var n = this.asProps, i, c = y, r = y, t = this.asProps, s = t.Children, u = t.styles, _ = t.value, m = t.min, a = t.max, p = t.name, h = t.options, b = h ? 0 : void 0, S = h ? h.length : void 0, w = this.getNumericValue(), x = this.resolveLabel(w);
-      return i = P(u), /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(c, i.cn("SSlider", E({}, M({
+      var n = this.asProps, i, d = k, r = k, t = this.asProps, s = t.Children, u = t.styles, c = t.value, h = t.min, a = t.max, p = t.name, f = t.options, b = f ? 0 : void 0, S = f ? f.length : void 0, q = this.getNumericValue(), x = this.resolveLabel(q);
+      return i = E(u), /* @__PURE__ */ v.createElement(v.Fragment, null, /* @__PURE__ */ v.createElement(d, i.cn("SSlider", y({}, P({
         tag: "button",
         type: "button",
         ref: this.handleRef,
@@ -151,68 +151,68 @@ var W = (
         onKeyDown: this.handleKeyDown,
         role: "slider",
         "aria-orientation": "horizontal",
-        "aria-valuemin": m ?? b,
+        "aria-valuemin": h ?? b,
         "aria-valuemax": a ?? S,
         "aria-valuetext": x,
-        "aria-valuenow": w
-      }, n))), /* @__PURE__ */ d.createElement(s, i.cn("Children", {})), /* @__PURE__ */ d.createElement(r, i.cn("SInput", {
+        "aria-valuenow": q
+      }, n))), /* @__PURE__ */ v.createElement(s, i.cn("Children", {})), /* @__PURE__ */ v.createElement(r, i.cn("SInput", {
         tag: "input",
         type: "hidden",
-        value: _ ?? "",
+        value: c ?? "",
         name: p,
         "aria-hidden": !0
       }))));
     }
   }]), o;
 }(N);
-g(q, "displayName", "Slider");
-g(q, "style", W);
-g(q, "enhance", [j()]);
-g(q, "defaultProps", function() {
+m(M, "displayName", "Slider");
+m(M, "style", W);
+m(M, "enhance", [j()]);
+m(M, "defaultProps", function() {
   return {
     defaultValue: 0,
     min: 0,
     max: 100,
     step: 1,
-    children: /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(k.Bar, null), /* @__PURE__ */ d.createElement(k.Knob, null), /* @__PURE__ */ d.createElement(k.Options, null, /* @__PURE__ */ d.createElement(k.Item, null)))
+    children: /* @__PURE__ */ v.createElement(v.Fragment, null, /* @__PURE__ */ v.createElement(w.Bar, null), /* @__PURE__ */ v.createElement(w.Knob, null), /* @__PURE__ */ v.createElement(w.Options, null, /* @__PURE__ */ v.createElement(w.Item, null)))
   };
 });
 function G(l) {
-  var v = arguments[0], o, e = y, n = l.styles, i = l.value, c = l.min, r = l.max;
-  return o = P(n), /* @__PURE__ */ d.createElement(e, o.cn("SBar", E({}, M({
-    w: "".concat(L(i, c, r), "%")
-  }, v))));
+  var _ = arguments[0], o, e = k, n = l.styles, i = l.value, d = l.min, r = l.max;
+  return o = E(n), /* @__PURE__ */ v.createElement(e, o.cn("SBar", y({}, P({
+    w: "".concat(L(i, d, r), "%")
+  }, _))));
 }
 function H(l) {
-  var v = arguments[0], o, e = y, n = l.styles, i = l.value, c = l.min, r = l.max;
-  return o = P(n), /* @__PURE__ */ d.createElement(e, o.cn("SKnob", E({}, M({
-    left: "".concat(L(i, c, r), "%")
-  }, v))));
+  var _ = arguments[0], o, e = k, n = l.styles, i = l.value, d = l.min, r = l.max;
+  return o = E(n), /* @__PURE__ */ v.createElement(e, o.cn("SKnob", y({}, P({
+    left: "".concat(L(i, d, r), "%")
+  }, _))));
 }
 function J(l) {
-  var v = arguments[0], o, e = l.styles, n = l.options, i = l.Children, c = X;
-  return o = P(e), /* @__PURE__ */ d.createElement(c, o.cn("SSliderOptions", E({}, M({
+  var _ = arguments[0], o, e = l.styles, n = l.options, i = l.Children, d = X;
+  return o = E(e), /* @__PURE__ */ v.createElement(d, o.cn("SSliderOptions", y({}, P({
     mt: 1,
     justifyContent: "space-between"
-  }, v))), (n ?? []).map(function(r) {
-    return /* @__PURE__ */ d.createElement(i, {
+  }, _))), (n ?? []).map(function(r) {
+    return /* @__PURE__ */ v.createElement(i, {
       key: r.value
     }, r.label);
   }));
 }
 function Q(l) {
-  var v = arguments[0], o, e = l.styles, n = l.Children, i = y;
-  return o = P(e), /* @__PURE__ */ d.createElement(i, o.cn("SSliderOption", E({}, M({}, v))), /* @__PURE__ */ d.createElement(n, o.cn("Children", {})));
+  var _ = arguments[0], o, e = l.styles, n = l.Children, i = k;
+  return o = E(e), /* @__PURE__ */ v.createElement(i, o.cn("SSliderOption", y({}, P({}, _))), /* @__PURE__ */ v.createElement(n, o.cn("Children", {})));
 }
-var k = $(q, {
+var w = $(M, {
   Bar: G,
   Knob: H,
   Options: J,
   Item: Q
-}), de = function(v) {
-  return v;
+}), ve = function(_) {
+  return _;
 };
 export {
-  k as default,
-  de as wrapSlider
+  w as default,
+  ve as wrapSlider
 };

package/slider/package.json

@@ -1 +1 @@
-{"name":"intergalactic/slider","description":"Semrush Slider Component","version":"4.41.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/flex-box":"5.41.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/slider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/slider","description":"Semrush Slider Component","version":"4.41.2-prerelease.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/flex-box":"5.41.2-prerelease.2","@semcore/utils":"4.48.2-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/slider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/spin/lib/cjs/Spin.js

@@ -20,19 +20,19 @@ var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/l
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1irzk{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1irzk_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1irzk;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1irzk)}.___SSpin_1irzk_gg_._theme_dark_1irzk_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1irzk_gg_._theme_invert_1irzk_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1irzk_gg_.__centered_1irzk_gg_{margin:auto}.___SSpin_1irzk_gg_._size_xs_1irzk_gg_{width:16px;height:16px}.___SSpin_1irzk_gg_._size_s_1irzk_gg_{width:20px;height:20px}.___SSpin_1irzk_gg_._size_m_1irzk_gg_{width:24px;height:24px}.___SSpin_1irzk_gg_._size_l_1irzk_gg_{width:32px;height:32px}.___SSpin_1irzk_gg_._size_xl_1irzk_gg_{width:48px;height:48px}.___SSpin_1irzk_gg_._size_xxl_1irzk_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1irzk_gg_{animation-name:none}}" /*__inner_css_end__*/, "1irzk_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_1irzk",
-  "__SSpin": "___SSpin_1irzk_gg_",
-  "--theme": "--theme_1irzk",
-  "_theme_dark": "_theme_dark_1irzk_gg_",
-  "_theme_invert": "_theme_invert_1irzk_gg_",
-  "_centered": "__centered_1irzk_gg_",
-  "_size_xs": "_size_xs_1irzk_gg_",
-  "_size_s": "_size_s_1irzk_gg_",
-  "_size_m": "_size_m_1irzk_gg_",
-  "_size_l": "_size_l_1irzk_gg_",
-  "_size_xl": "_size_xl_1irzk_gg_",
-  "_size_xxl": "_size_xxl_1irzk_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_ofphm{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_ofphm_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_ofphm;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_ofphm)}.___SSpin_ofphm_gg_._theme_dark_ofphm_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_ofphm_gg_._theme_invert_ofphm_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_ofphm_gg_.__centered_ofphm_gg_{margin:auto}.___SSpin_ofphm_gg_._size_xs_ofphm_gg_{width:16px;height:16px}.___SSpin_ofphm_gg_._size_s_ofphm_gg_{width:20px;height:20px}.___SSpin_ofphm_gg_._size_m_ofphm_gg_{width:24px;height:24px}.___SSpin_ofphm_gg_._size_l_ofphm_gg_{width:32px;height:32px}.___SSpin_ofphm_gg_._size_xl_ofphm_gg_{width:48px;height:48px}.___SSpin_ofphm_gg_._size_xxl_ofphm_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_ofphm_gg_{animation-name:none}}" /*__inner_css_end__*/, "ofphm_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_ofphm",
+  "__SSpin": "___SSpin_ofphm_gg_",
+  "--theme": "--theme_ofphm",
+  "_theme_dark": "_theme_dark_ofphm_gg_",
+  "_theme_invert": "_theme_invert_ofphm_gg_",
+  "_centered": "__centered_ofphm_gg_",
+  "_size_xs": "_size_xs_ofphm_gg_",
+  "_size_s": "_size_s_ofphm_gg_",
+  "_size_m": "_size_m_ofphm_gg_",
+  "_size_l": "_size_l_ofphm_gg_",
+  "_size_xl": "_size_xl_ofphm_gg_",
+  "_size_xxl": "_size_xxl_ofphm_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSpin, _Component);

package/spin/lib/es6/Spin.js

@@ -13,19 +13,19 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1irzk{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1irzk_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1irzk;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1irzk)}.___SSpin_1irzk_gg_._theme_dark_1irzk_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1irzk_gg_._theme_invert_1irzk_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1irzk_gg_.__centered_1irzk_gg_{margin:auto}.___SSpin_1irzk_gg_._size_xs_1irzk_gg_{width:16px;height:16px}.___SSpin_1irzk_gg_._size_s_1irzk_gg_{width:20px;height:20px}.___SSpin_1irzk_gg_._size_m_1irzk_gg_{width:24px;height:24px}.___SSpin_1irzk_gg_._size_l_1irzk_gg_{width:32px;height:32px}.___SSpin_1irzk_gg_._size_xl_1irzk_gg_{width:48px;height:48px}.___SSpin_1irzk_gg_._size_xxl_1irzk_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1irzk_gg_{animation-name:none}}" /*__inner_css_end__*/, "1irzk_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_1irzk",
-  "__SSpin": "___SSpin_1irzk_gg_",
-  "--theme": "--theme_1irzk",
-  "_theme_dark": "_theme_dark_1irzk_gg_",
-  "_theme_invert": "_theme_invert_1irzk_gg_",
-  "_centered": "__centered_1irzk_gg_",
-  "_size_xs": "_size_xs_1irzk_gg_",
-  "_size_s": "_size_s_1irzk_gg_",
-  "_size_m": "_size_m_1irzk_gg_",
-  "_size_l": "_size_l_1irzk_gg_",
-  "_size_xl": "_size_xl_1irzk_gg_",
-  "_size_xxl": "_size_xxl_1irzk_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_ofphm{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_ofphm_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_ofphm;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_ofphm)}.___SSpin_ofphm_gg_._theme_dark_ofphm_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_ofphm_gg_._theme_invert_ofphm_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_ofphm_gg_.__centered_ofphm_gg_{margin:auto}.___SSpin_ofphm_gg_._size_xs_ofphm_gg_{width:16px;height:16px}.___SSpin_ofphm_gg_._size_s_ofphm_gg_{width:20px;height:20px}.___SSpin_ofphm_gg_._size_m_ofphm_gg_{width:24px;height:24px}.___SSpin_ofphm_gg_._size_l_ofphm_gg_{width:32px;height:32px}.___SSpin_ofphm_gg_._size_xl_ofphm_gg_{width:48px;height:48px}.___SSpin_ofphm_gg_._size_xxl_ofphm_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_ofphm_gg_{animation-name:none}}" /*__inner_css_end__*/, "ofphm_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_ofphm",
+  "__SSpin": "___SSpin_ofphm_gg_",
+  "--theme": "--theme_ofphm",
+  "_theme_dark": "_theme_dark_ofphm_gg_",
+  "_theme_invert": "_theme_invert_ofphm_gg_",
+  "_centered": "__centered_ofphm_gg_",
+  "_size_xs": "_size_xs_ofphm_gg_",
+  "_size_s": "_size_s_ofphm_gg_",
+  "_size_m": "_size_m_ofphm_gg_",
+  "_size_l": "_size_l_ofphm_gg_",
+  "_size_xl": "_size_xl_ofphm_gg_",
+  "_size_xxl": "_size_xxl_ofphm_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   _inherits(RootSpin, _Component);