@semcore/spin-container 7.41.1-prerelease.8 → 7.41.2-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/SpinContainer.js +8 -8
  3. package/lib/es6/SpinContainer.js +8 -8
  4. package/lib/esm/SpinContainer.mjs +43 -43
  5. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [7.41.2] - 2025-04-04
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.1 ~> 4.48.2], `@semcore/spin` [5.41.1 ~> 5.41.2], `@semcore/flex-box` [5.41.1 ~> 5.41.2], `@semcore/animation` [2.41.1 ~> 2.41.2], `@semcore/core` [2.39.1 ~> 2.39.2]).
10
+
5
11
  ## [7.41.1] - 2025-03-20
6
12
 
7
13
  ### Changed
package/lib/cjs/SpinContainer.js CHANGED
@@ -22,14 +22,14 @@ var _flexBox = require("@semcore/flex-box");
22
22
  var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
23
23
  var _findComponent = require("@semcore/utils/lib/findComponent");
24
24
  /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_1j2p5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1j2p5_gg_{z-index:0;position:relative}.___SOverlay_1j2p5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1j2p5_gg_._theme_invert_1j2p5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1j2p5_gg_._theme_dark_1j2p5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1j2p5_gg_._theme_custom_1j2p5_gg_{background-color:var(--background_1j2p5)}" /*__inner_css_end__*/, "1j2p5_gg_") /*__reshadow_css_end__*/, {
26
- "__SSpinContainer": "___SSpinContainer_1j2p5_gg_",
27
- "__SContent": "___SContent_1j2p5_gg_",
28
- "__SOverlay": "___SOverlay_1j2p5_gg_",
29
- "_theme_invert": "_theme_invert_1j2p5_gg_",
30
- "_theme_dark": "_theme_dark_1j2p5_gg_",
31
- "_theme_custom": "_theme_custom_1j2p5_gg_",
32
- "--background": "--background_1j2p5"
25
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_199zs_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_199zs_gg_{z-index:0;position:relative}.___SOverlay_199zs_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_199zs_gg_._theme_invert_199zs_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_199zs_gg_._theme_dark_199zs_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_199zs_gg_._theme_custom_199zs_gg_{background-color:var(--background_199zs)}" /*__inner_css_end__*/, "199zs_gg_") /*__reshadow_css_end__*/, {
26
+ "__SSpinContainer": "___SSpinContainer_199zs_gg_",
27
+ "__SContent": "___SContent_199zs_gg_",
28
+ "__SOverlay": "___SOverlay_199zs_gg_",
29
+ "_theme_invert": "_theme_invert_199zs_gg_",
30
+ "_theme_dark": "_theme_dark_199zs_gg_",
31
+ "_theme_custom": "_theme_custom_199zs_gg_",
32
+ "--background": "--background_199zs"
33
33
  });
34
34
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
35
35
  (0, _inherits2["default"])(SpinContainerRoot, _Component);
package/lib/es6/SpinContainer.js CHANGED
@@ -17,14 +17,14 @@ import { Box } from '@semcore/flex-box';
17
17
  import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
18
18
  import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
19
19
  /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_1j2p5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1j2p5_gg_{z-index:0;position:relative}.___SOverlay_1j2p5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1j2p5_gg_._theme_invert_1j2p5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1j2p5_gg_._theme_dark_1j2p5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1j2p5_gg_._theme_custom_1j2p5_gg_{background-color:var(--background_1j2p5)}" /*__inner_css_end__*/, "1j2p5_gg_") /*__reshadow_css_end__*/, {
21
- "__SSpinContainer": "___SSpinContainer_1j2p5_gg_",
22
- "__SContent": "___SContent_1j2p5_gg_",
23
- "__SOverlay": "___SOverlay_1j2p5_gg_",
24
- "_theme_invert": "_theme_invert_1j2p5_gg_",
25
- "_theme_dark": "_theme_dark_1j2p5_gg_",
26
- "_theme_custom": "_theme_custom_1j2p5_gg_",
27
- "--background": "--background_1j2p5"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_199zs_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_199zs_gg_{z-index:0;position:relative}.___SOverlay_199zs_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_199zs_gg_._theme_invert_199zs_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_199zs_gg_._theme_dark_199zs_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_199zs_gg_._theme_custom_199zs_gg_{background-color:var(--background_199zs)}" /*__inner_css_end__*/, "199zs_gg_") /*__reshadow_css_end__*/, {
21
+ "__SSpinContainer": "___SSpinContainer_199zs_gg_",
22
+ "__SContent": "___SContent_199zs_gg_",
23
+ "__SOverlay": "___SOverlay_199zs_gg_",
24
+ "_theme_invert": "_theme_invert_199zs_gg_",
25
+ "_theme_dark": "_theme_dark_199zs_gg_",
26
+ "_theme_custom": "_theme_custom_199zs_gg_",
27
+ "--background": "--background_199zs"
28
28
  });
29
29
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
30
30
  _inherits(SpinContainerRoot, _Component);
package/lib/esm/SpinContainer.mjs CHANGED
@@ -1,42 +1,42 @@
1
1
  import v from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import C from "@babel/runtime/helpers/esm/classCallCheck";
3
3
  import S from "@babel/runtime/helpers/esm/createClass";
4
- import x from "@babel/runtime/helpers/esm/assertThisInitialized";
5
- import j from "@babel/runtime/helpers/esm/inherits";
4
+ import T from "@babel/runtime/helpers/esm/assertThisInitialized";
5
+ import z from "@babel/runtime/helpers/esm/inherits";
6
6
  import k from "@babel/runtime/helpers/esm/createSuper";
7
- import d from "@babel/runtime/helpers/esm/defineProperty";
8
- import { sstyled as T } from "@semcore/utils/lib/core/index";
9
- import A, { sstyled as h, assignProps as f, Component as b } from "@semcore/core";
7
+ import m from "@babel/runtime/helpers/esm/defineProperty";
8
+ import { sstyled as A } from "@semcore/utils/lib/core/index";
9
+ import M, { sstyled as h, assignProps as f, Component as b } from "@semcore/core";
10
10
  import i from "react";
11
- import { FadeInOut as M } from "@semcore/animation";
12
- import $ from "@semcore/spin";
11
+ import { FadeInOut as $ } from "@semcore/animation";
12
+ import w from "@semcore/spin";
13
13
  import { Box as y } from "@semcore/flex-box";
14
- import w from "@semcore/utils/lib/enhances/resolveColorEnhance";
15
- import { isAdvanceMode as F } from "@semcore/utils/lib/findComponent";
16
- var I = (
14
+ import F from "@semcore/utils/lib/enhances/resolveColorEnhance";
15
+ import { isAdvanceMode as I } from "@semcore/utils/lib/findComponent";
16
+ var R = (
17
17
  /*__reshadow_css_start__*/
18
- (T.insert(
18
+ (A.insert(
19
19
  /*__inner_css_start__*/
20
- ".___SSpinContainer_1j2p5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1j2p5_gg_{z-index:0;position:relative}.___SOverlay_1j2p5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1j2p5_gg_._theme_invert_1j2p5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1j2p5_gg_._theme_dark_1j2p5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1j2p5_gg_._theme_custom_1j2p5_gg_{background-color:var(--background_1j2p5)}",
21
- "1j2p5_gg_"
20
+ ".___SSpinContainer_199zs_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_199zs_gg_{z-index:0;position:relative}.___SOverlay_199zs_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_199zs_gg_._theme_invert_199zs_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_199zs_gg_._theme_dark_199zs_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_199zs_gg_._theme_custom_199zs_gg_{background-color:var(--background_199zs)}",
21
+ "199zs_gg_"
22
22
  ), {
23
- __SSpinContainer: "___SSpinContainer_1j2p5_gg_",
24
- __SContent: "___SContent_1j2p5_gg_",
25
- __SOverlay: "___SOverlay_1j2p5_gg_",
26
- _theme_invert: "_theme_invert_1j2p5_gg_",
27
- _theme_dark: "_theme_dark_1j2p5_gg_",
28
- _theme_custom: "_theme_custom_1j2p5_gg_",
29
- "--background": "--background_1j2p5"
23
+ __SSpinContainer: "___SSpinContainer_199zs_gg_",
24
+ __SContent: "___SContent_199zs_gg_",
25
+ __SOverlay: "___SOverlay_199zs_gg_",
26
+ _theme_invert: "_theme_invert_199zs_gg_",
27
+ _theme_dark: "_theme_dark_199zs_gg_",
28
+ _theme_custom: "_theme_custom_199zs_gg_",
29
+ "--background": "--background_199zs"
30
30
  })
31
- ), c = /* @__PURE__ */ function(s) {
32
- j(r, s);
31
+ ), u = /* @__PURE__ */ function(s) {
32
+ z(r, s);
33
33
  var _ = k(r);
34
34
  function r() {
35
35
  var a;
36
36
  C(this, r);
37
37
  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
38
38
  t[n] = arguments[n];
39
- return a = _.call.apply(_, [this].concat(t)), d(x(a), "state", {
39
+ return a = _.call.apply(_, [this].concat(t)), m(T(a), "state", {
40
40
  inert: a.props.loading
41
41
  }), a;
42
42
  }
@@ -55,16 +55,16 @@ var I = (
55
55
  }, {
56
56
  key: "getOverlayProps",
57
57
  value: function() {
58
- var e = this.asProps, t = e.loading, n = e.background, o = e.duration, m = e.size, l = e.theme, p = e.resolveColor;
58
+ var e = this.asProps, t = e.loading, n = e.background, o = e.duration, c = e.size, l = e.theme, d = e.resolveColor;
59
59
  return {
60
60
  background: n,
61
61
  // for Animated
62
62
  loading: t,
63
63
  duration: o,
64
64
  // for Spin
65
- size: m,
65
+ size: c,
66
66
  theme: l,
67
- resolveColor: p
67
+ resolveColor: d
68
68
  };
69
69
  }
70
70
  }, {
@@ -78,21 +78,21 @@ var I = (
78
78
  }, {
79
79
  key: "render",
80
80
  value: function() {
81
- var e = this.asProps, t, n = y, o = this.asProps, m = o.styles, l = o.Children, p = o.forcedAdvancedMode, u = p || F(l, [g.Overlay.displayName]);
82
- return t = h(m), /* @__PURE__ */ i.createElement(n, t.cn("SSpinContainer", v({}, f({}, e))), u ? /* @__PURE__ */ i.createElement(l, t.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(g.Content, null, /* @__PURE__ */ i.createElement(l, t.cn("Children", {}))), /* @__PURE__ */ i.createElement(g.Overlay, null)));
81
+ var e = this.asProps, t, n = y, o = this.asProps, c = o.styles, l = o.Children, d = o.forcedAdvancedMode, p = d || I(l, [g.Overlay.displayName]);
82
+ return t = h(c), /* @__PURE__ */ i.createElement(n, t.cn("SSpinContainer", v({}, f({}, e))), p ? /* @__PURE__ */ i.createElement(l, t.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(g.Content, null, /* @__PURE__ */ i.createElement(l, t.cn("Children", {}))), /* @__PURE__ */ i.createElement(g.Overlay, null)));
83
83
  }
84
84
  }]), r;
85
85
  }(b);
86
- d(c, "displayName", "SpinContainer");
87
- d(c, "style", I);
88
- d(c, "defaultProps", {
86
+ m(u, "displayName", "SpinContainer");
87
+ m(u, "style", R);
88
+ m(u, "defaultProps", {
89
89
  size: "xxl",
90
90
  theme: "dark",
91
91
  duration: 200
92
92
  });
93
- d(c, "enhance", [w()]);
93
+ m(u, "enhance", [F()]);
94
94
  var P = /* @__PURE__ */ function(s) {
95
- j(r, s);
95
+ z(r, s);
96
96
  var _ = k(r);
97
97
  function r() {
98
98
  return C(this, r), _.apply(this, arguments);
@@ -100,33 +100,33 @@ var P = /* @__PURE__ */ function(s) {
100
100
  return S(r, [{
101
101
  key: "render",
102
102
  value: function() {
103
- var e = this.asProps, t, n = y, o = this.asProps, m = o.styles, l = o.theme, p = o.background, u = o.loading, O = o.duration, E = o.resolveColor, z = p ? "custom" : l;
104
- return t = h(m), /* @__PURE__ */ i.createElement(M, t.cn("FadeInOut", {
105
- visible: u,
103
+ var e = this.asProps, t, n = y, o = this.asProps, c = o.styles, l = o.theme, d = o.background, p = o.loading, O = o.duration, E = o.resolveColor, x = d ? "custom" : l;
104
+ return t = h(c), /* @__PURE__ */ i.createElement($, t.cn("FadeInOut", {
105
+ visible: p,
106
106
  duration: O
107
107
  }), /* @__PURE__ */ i.createElement(n, t.cn("SOverlay", v({}, f({
108
- "use:theme": z,
109
- "use:background": E(p)
108
+ "use:theme": x,
109
+ "use:background": E(d)
110
110
  }, e)))));
111
111
  }
112
112
  }]), r;
113
113
  }(b);
114
- d(P, "defaultProps", function(s) {
114
+ m(P, "defaultProps", function(s) {
115
115
  var _ = s.size, r = s.theme;
116
116
  return {
117
- children: /* @__PURE__ */ i.createElement($, {
117
+ children: /* @__PURE__ */ i.createElement(w, {
118
118
  size: _,
119
119
  theme: r
120
120
  })
121
121
  };
122
122
  });
123
- function R(s) {
123
+ function j(s) {
124
124
  var _ = arguments[0], r, a = y, e = s.styles;
125
125
  return r = h(e), /* @__PURE__ */ i.createElement(a, r.cn("SContent", v({}, f({}, _))));
126
126
  }
127
- var g = A(c, {
127
+ var g = M(u, {
128
128
  Overlay: P,
129
- Content: R
129
+ Content: j
130
130
  });
131
131
  export {
132
132
  g as default
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/spin-container",
3
3
  "description": "Semrush SpinContainer Component",
4
- "version": "7.41.1-prerelease.8",
4
+ "version": "7.41.2-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "types": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/utils": "4.48.1-prerelease.8",
18
- "@semcore/spin": "5.41.1-prerelease.8",
19
- "@semcore/flex-box": "5.41.1-prerelease.8",
20
- "@semcore/animation": "2.41.1-prerelease.8"
17
+ "@semcore/utils": "4.48.2-prerelease.1",
18
+ "@semcore/spin": "5.41.2-prerelease.1",
19
+ "@semcore/flex-box": "5.41.2-prerelease.1",
20
+ "@semcore/animation": "2.41.2-prerelease.1"
21
21
  },
22
22
  "peerDependencies": {
23
- "@semcore/core": "^2.39.1-prerelease.8",
23
+ "@semcore/core": "^2.39.2-prerelease.1",
24
24
  "react": "16.8 - 18",
25
25
  "react-dom": "16.8 - 18"
26
26
  },