@semcore/spin-container 16.0.11 → 17.0.0-prerelease.17

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.0] - 2026-02-18
+
+### BREAK
+
+- New major version.
+
 ## [16.0.11] - 2025-10-29
 
 ### Changed

package/README.md

@@ -2,7 +2,7 @@
 
 [![version](https://img.shields.io/npm/v/@semcore/spin-container.svg)](https://www.npmjs.com/@semcore/spin-container)
 [![downloads](https://img.shields.io/npm/dt/@semcore/spin-container.svg)](https://www.npmjs.com/package/@semcore/spin-container)
-[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
 
 > This component is part of the Intergalactic Design System
 
@@ -20,13 +20,13 @@ npm install @semcore/spin-container
 
 ## 👤 Author
 
-[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
+[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
 
 ## 🤝 Contributing
 
 Contributions, issues and feature requests are welcome!
 
-Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
 
 ## Show your support
 
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
 
 ## 📝 License
 
-This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
+This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.

package/lib/cjs/SpinContainer.js

@@ -1,173 +1,156 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _animation = require("@semcore/animation");
+var _baseComponents = require("@semcore/base-components");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
 var _findComponent = require("@semcore/core/lib/utils/findComponent");
-var _flexBox = require("@semcore/flex-box");
 var _spin = _interopRequireDefault(require("@semcore/spin"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_5xy1z_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_5xy1z_gg_{z-index:0;position:relative}.___SOverlay_5xy1z_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_5xy1z_gg_._theme_invert_5xy1z_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_5xy1z_gg_._theme_dark_5xy1z_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_5xy1z_gg_._theme_custom_5xy1z_gg_{background-color:var(--background_5xy1z)}", /*__inner_css_end__*/"5xy1z_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_1kufv_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1kufv_gg_{z-index:0;position:relative}.___SOverlay_1kufv_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1kufv_gg_._theme_invert_1kufv_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1kufv_gg_._theme_dark_1kufv_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1kufv_gg_._theme_custom_1kufv_gg_{background-color:var(--background_1kufv)}", /*__inner_css_end__*/"1kufv_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSpinContainer": "___SSpinContainer_5xy1z_gg_",
-  "__SContent": "___SContent_5xy1z_gg_",
-  "__SOverlay": "___SOverlay_5xy1z_gg_",
-  "_theme_invert": "_theme_invert_5xy1z_gg_",
-  "_theme_dark": "_theme_dark_5xy1z_gg_",
-  "_theme_custom": "_theme_custom_5xy1z_gg_",
-  "--background": "--background_5xy1z"
+  "__SSpinContainer": "___SSpinContainer_1kufv_gg_",
+  "__SContent": "___SContent_1kufv_gg_",
+  "__SOverlay": "___SOverlay_1kufv_gg_",
+  "_theme_invert": "_theme_invert_1kufv_gg_",
+  "_theme_dark": "_theme_dark_1kufv_gg_",
+  "_theme_custom": "_theme_custom_1kufv_gg_",
+  "--background": "--background_1kufv"
 });
-var SpinContainerRoot = /*#__PURE__*/function (_Component) {
-  function SpinContainerRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, SpinContainerRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, SpinContainerRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
-      inert: _this.props.loading
+class SpinContainerRoot extends _core.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
+      inert: this.props.loading
     });
-    return _this;
   }
-  (0, _inherits2["default"])(SpinContainerRoot, _Component);
-  return (0, _createClass2["default"])(SpinContainerRoot, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-      var loading = this.props.loading;
-      if (prevProps.loading !== loading) {
-        if (this.inertTimer) {
-          clearTimeout(this.inertTimer);
-        }
-        if (loading) {
+  componentDidUpdate(prevProps) {
+    const {
+      loading
+    } = this.props;
+    if (prevProps.loading !== loading) {
+      if (this.inertTimer) {
+        clearTimeout(this.inertTimer);
+      }
+      if (loading) {
+        this.setState({
+          inert: true
+        });
+      } else {
+        this.inertTimer = setTimeout(() => {
           this.setState({
-            inert: true
+            inert: false
           });
-        } else {
-          this.inertTimer = setTimeout(function () {
-            _this2.setState({
-              inert: false
-            });
-          }, this.asProps.duration + 50);
-        }
+        }, this.asProps.duration + 50);
       }
     }
-  }, {
-    key: "getOverlayProps",
-    value: function getOverlayProps() {
-      var _this$asProps = this.asProps,
-        loading = _this$asProps.loading,
-        background = _this$asProps.background,
-        duration = _this$asProps.duration,
-        size = _this$asProps.size,
-        theme = _this$asProps.theme,
-        resolveColor = _this$asProps.resolveColor;
-      return {
-        background: background,
-        // for Animated
-        loading: loading,
-        duration: duration,
-        // for Spin
-        size: size,
-        theme: theme,
-        resolveColor: resolveColor
-      };
-    }
-  }, {
-    key: "getContentProps",
-    value: function getContentProps() {
-      var inert = this.state.inert;
-      return {
-        inert: inert ? '' : undefined
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref4;
-      var SSpinContainer = _flexBox.Box;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        Children = _this$asProps2.Children,
-        forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
-      var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [SpinContainer.Overlay.displayName]);
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpinContainer, _ref4.cn("SSpinContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SpinContainer.Content, null, /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(SpinContainer.Overlay, null)));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(SpinContainerRoot, "displayName", 'SpinContainer');
-(0, _defineProperty2["default"])(SpinContainerRoot, "style", style);
-(0, _defineProperty2["default"])(SpinContainerRoot, "defaultProps", {
+  }
+  getOverlayProps() {
+    const {
+      loading,
+      background,
+      duration,
+      size,
+      theme,
+      resolveColor
+    } = this.asProps;
+    return {
+      background,
+      // for Animated
+      loading,
+      duration,
+      // for Spin
+      size,
+      theme,
+      resolveColor
+    };
+  }
+  getContentProps() {
+    const {
+      inert
+    } = this.state;
+    return {
+      inert: inert ? '' : undefined
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref4;
+    const SSpinContainer = _baseComponents.Box;
+    const {
+      styles,
+      Children,
+      forcedAdvancedMode
+    } = this.asProps;
+    const advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [SpinContainer.Overlay.displayName]);
+    return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SSpinContainer, _ref4.cn("SSpinContainer", {
+      ...(0, _core.assignProps)({}, _ref)
+    }), advancedMode ? /*#__PURE__*/_react.default.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SpinContainer.Content, null, /*#__PURE__*/_react.default.createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/_react.default.createElement(SpinContainer.Overlay, null)));
+  }
+}
+(0, _defineProperty2.default)(SpinContainerRoot, "displayName", 'SpinContainer');
+(0, _defineProperty2.default)(SpinContainerRoot, "style", style);
+(0, _defineProperty2.default)(SpinContainerRoot, "defaultProps", {
   size: 'xxl',
   theme: 'dark',
   duration: 200
 });
-(0, _defineProperty2["default"])(SpinContainerRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
-var Overlay = /*#__PURE__*/function (_Component2) {
-  function Overlay() {
-    (0, _classCallCheck2["default"])(this, Overlay);
-    return (0, _callSuper2["default"])(this, Overlay, arguments);
-  }
-  (0, _inherits2["default"])(Overlay, _Component2);
-  return (0, _createClass2["default"])(Overlay, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref5;
-      var SOverlay = _flexBox.Box;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        theme = _this$asProps3.theme,
-        background = _this$asProps3.background,
-        loading = _this$asProps3.loading,
-        duration = _this$asProps3.duration,
-        resolveColor = _this$asProps3.resolveColor;
-      var useTheme = background ? 'custom' : theme;
-      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, _ref5.cn("FadeInOut", {
-        "visible": loading,
-        "duration": duration
-      }), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref5.cn("SOverlay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+(0, _defineProperty2.default)(SpinContainerRoot, "enhance", [(0, _resolveColorEnhance.default)()]);
+class Overlay extends _core.Component {
+  render() {
+    var _ref2 = this.asProps,
+      _ref5;
+    const SOverlay = _baseComponents.Box;
+    const {
+      styles,
+      theme,
+      background,
+      loading,
+      duration,
+      resolveColor
+    } = this.asProps;
+    const useTheme = background ? 'custom' : theme;
+    return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_baseComponents.FadeInOut, _ref5.cn("FadeInOut", {
+      "visible": loading,
+      "duration": duration
+    }), /*#__PURE__*/_react.default.createElement(SOverlay, _ref5.cn("SOverlay", {
+      ...(0, _core.assignProps)({
         "use:theme": useTheme,
         "use:background": resolveColor(background)
-      }, _ref2)))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(Overlay, "defaultProps", function (_ref7) {
-  var size = _ref7.size,
-    theme = _ref7.theme;
-  return {
-    children: /*#__PURE__*/_react["default"].createElement(_spin["default"], {
-      size: size,
-      theme: theme
-    })
-  };
-});
+      }, _ref2)
+    })));
+  }
+}
+(0, _defineProperty2.default)(Overlay, "defaultProps", ({
+  size,
+  theme
+}) => ({
+  children: /*#__PURE__*/_react.default.createElement(_spin.default, {
+    size: size,
+    theme: theme
+  })
+}));
 function Content(props) {
   var _ref3 = arguments[0],
     _ref6;
-  var SContent = _flexBox.Box;
-  var styles = props.styles;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
+  const SContent = _baseComponents.Box;
+  const {
+    styles
+  } = props;
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SContent, _ref6.cn("SContent", {
+    ...(0, _core.assignProps)({}, _ref3)
+  }));
 }
-var SpinContainer = (0, _core.createComponent)(SpinContainerRoot, {
-  Overlay: Overlay,
-  Content: Content
+const SpinContainer = (0, _core.createComponent)(SpinContainerRoot, {
+  Overlay,
+  Content
 });
-var _default = exports["default"] = SpinContainer;
+var _default = exports.default = SpinContainer;
 //# sourceMappingURL=SpinContainer.js.map

package/lib/cjs/SpinContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinContainer.js","names":["_core","require","_animation","_resolveColorEnhance","_interopRequireDefault","_findComponent","_flexBox","_spin","_react","style","sstyled","insert","SpinContainerRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","inert","props","loading","_inherits2","_createClass2","key","value","componentDidUpdate","prevProps","_this2","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","_this$asProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","resolveColorEnhance","_Component2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut } from '@semcore/animation';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n  static displayName = 'SpinContainer';\n  static style = style;\n  static defaultProps = {\n    size: 'xxl',\n    theme: 'dark',\n    duration: 200,\n  };\n\n  static enhance = [resolveColorEnhance()];\n\n  state = {\n    inert: this.props.loading,\n  };\n\n  componentDidUpdate(prevProps) {\n    const { loading } = this.props;\n    if (prevProps.loading !== loading) {\n      if (this.inertTimer) {\n        clearTimeout(this.inertTimer);\n      }\n\n      if (loading) {\n        this.setState({ inert: true });\n      } else {\n        this.inertTimer = setTimeout(() => {\n          this.setState({ inert: false });\n        }, this.asProps.duration + 50);\n      }\n    }\n  }\n\n  getOverlayProps() {\n    const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n      resolveColor,\n    };\n  }\n\n  getContentProps() {\n    const { inert } = this.state;\n\n    return { inert: inert ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box}>\n        {advancedMode\n          ? (\n              <Children />\n            )\n          : (\n              <>\n                <SpinContainer.Content>\n                  <Children />\n                </SpinContainer.Content>\n                <SpinContainer.Overlay />\n              </>\n            )}\n      </SSpinContainer>,\n    );\n  }\n}\n\nclass Overlay extends Component {\n  static defaultProps = ({ size, theme }) => ({\n    children: <Spin size={size} theme={theme} />,\n  });\n\n  render() {\n    const SOverlay = Root;\n    const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n    const useTheme = background ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <FadeInOut visible={loading} duration={duration}>\n        <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n      </FadeInOut>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const SContent = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n  Overlay,\n  Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SpinContainer.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_findComponent","_spin","_react","style","sstyled","insert","SpinContainerRoot","Component","constructor","args","_defineProperty2","default","inert","props","loading","componentDidUpdate","prevProps","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","Box","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","assignProps","Fragment","Content","resolveColorEnhance","_ref2","_ref5","SOverlay","useTheme","FadeInOut","children","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut, Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n  static displayName = 'SpinContainer';\n  static style = style;\n  static defaultProps = {\n    size: 'xxl',\n    theme: 'dark',\n    duration: 200,\n  };\n\n  static enhance = [resolveColorEnhance()];\n\n  state = {\n    inert: this.props.loading,\n  };\n\n  componentDidUpdate(prevProps) {\n    const { loading } = this.props;\n    if (prevProps.loading !== loading) {\n      if (this.inertTimer) {\n        clearTimeout(this.inertTimer);\n      }\n\n      if (loading) {\n        this.setState({ inert: true });\n      } else {\n        this.inertTimer = setTimeout(() => {\n          this.setState({ inert: false });\n        }, this.asProps.duration + 50);\n      }\n    }\n  }\n\n  getOverlayProps() {\n    const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n      resolveColor,\n    };\n  }\n\n  getContentProps() {\n    const { inert } = this.state;\n\n    return { inert: inert ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box}>\n        {advancedMode\n          ? (\n              <Children />\n            )\n          : (\n              <>\n                <SpinContainer.Content>\n                  <Children />\n                </SpinContainer.Content>\n                <SpinContainer.Overlay />\n              </>\n            )}\n      </SSpinContainer>,\n    );\n  }\n}\n\nclass Overlay extends Component {\n  static defaultProps = ({ size, theme }) => ({\n    children: <Spin size={size} theme={theme} />,\n  });\n\n  render() {\n    const SOverlay = Root;\n    const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n    const useTheme = background ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <FadeInOut visible={loading} duration={duration}>\n        <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n      </FadeInOut>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const SContent = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n  Overlay,\n  Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps } from '@semcore/animation';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport type { SpinProps } from '@semcore/spin';\n\n/** @deprecated */\nexport interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}\nexport type SpinContainerProps = BoxProps &\n  SpinProps & {\n    /**\n     * Color of container spinner; you can use your own color\n     */\n    background?: string;\n    /** Duration of animation displaying in ms\n     * @default 200\n     */\n    duration?: number;\n    /**\n     * Property responsible for displaying the spinner\n     * */\n    loading?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\n/** @deprecated */\nexport interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}\nexport type SpinContainerContext = {\n  getOverlayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}\nexport type SpinContainerOverlayProps = BoxProps & {\n  /**\n   * Css background; you can use your own color\n   */\n  background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n  'div',\n  SpinContainerProps,\n  SpinContainerContext\n> & {\n  Content: Intergalactic.Component<'div', SpinOverlayProps>;\n  Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { SpinProps } from '@semcore/spin';\n\nexport type SpinContainerProps = BoxProps &\n  SpinProps & {\n    /**\n     * Color of container spinner; you can use your own color\n     */\n    background?: string;\n    /** Duration of animation displaying in ms\n     * @default 200\n     */\n    duration?: number;\n    /**\n     * Property responsible for displaying the spinner\n     * */\n    loading?: boolean;\n  };\n\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\nexport type SpinContainerContext = {\n  getOverlayProps: PropGetterFn;\n};\n\nexport type SpinContainerOverlayProps = BoxProps & {\n  /**\n   * Css background; you can use your own color\n   */\n  background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n  'div',\n  SpinContainerProps,\n  SpinContainerContext\n> & {\n  Content: Intergalactic.Component<'div', SpinOverlayProps>;\n  Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _SpinContainer["default"];
+  get: function () {
+    return _SpinContainer.default;
   }
 });
 var _SpinContainer = _interopRequireDefault(require("./SpinContainer"));

package/lib/es6/SpinContainer.js

@@ -1,112 +1,97 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import { FadeInOut } from '@semcore/animation';
+import { FadeInOut, Box } from '@semcore/base-components';
 import { createComponent, Component, sstyled, Root } from '@semcore/core';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
-import { Box } from '@semcore/flex-box';
 import Spin from '@semcore/spin';
 import React from 'react';
 /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_5xy1z_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_5xy1z_gg_{z-index:0;position:relative}.___SOverlay_5xy1z_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_5xy1z_gg_._theme_invert_5xy1z_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_5xy1z_gg_._theme_dark_5xy1z_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_5xy1z_gg_._theme_custom_5xy1z_gg_{background-color:var(--background_5xy1z)}", /*__inner_css_end__*/"5xy1z_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_1kufv_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1kufv_gg_{z-index:0;position:relative}.___SOverlay_1kufv_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1kufv_gg_._theme_invert_1kufv_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1kufv_gg_._theme_dark_1kufv_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1kufv_gg_._theme_custom_1kufv_gg_{background-color:var(--background_1kufv)}", /*__inner_css_end__*/"1kufv_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSpinContainer": "___SSpinContainer_5xy1z_gg_",
-  "__SContent": "___SContent_5xy1z_gg_",
-  "__SOverlay": "___SOverlay_5xy1z_gg_",
-  "_theme_invert": "_theme_invert_5xy1z_gg_",
-  "_theme_dark": "_theme_dark_5xy1z_gg_",
-  "_theme_custom": "_theme_custom_5xy1z_gg_",
-  "--background": "--background_5xy1z"
+  "__SSpinContainer": "___SSpinContainer_1kufv_gg_",
+  "__SContent": "___SContent_1kufv_gg_",
+  "__SOverlay": "___SOverlay_1kufv_gg_",
+  "_theme_invert": "_theme_invert_1kufv_gg_",
+  "_theme_dark": "_theme_dark_1kufv_gg_",
+  "_theme_custom": "_theme_custom_1kufv_gg_",
+  "--background": "--background_1kufv"
 });
-var SpinContainerRoot = /*#__PURE__*/function (_Component) {
-  function SpinContainerRoot() {
-    var _this;
-    _classCallCheck(this, SpinContainerRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, SpinContainerRoot, [].concat(args));
-    _defineProperty(_this, "state", {
-      inert: _this.props.loading
+class SpinContainerRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
+      inert: this.props.loading
     });
-    return _this;
   }
-  _inherits(SpinContainerRoot, _Component);
-  return _createClass(SpinContainerRoot, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-      var loading = this.props.loading;
-      if (prevProps.loading !== loading) {
-        if (this.inertTimer) {
-          clearTimeout(this.inertTimer);
-        }
-        if (loading) {
+  componentDidUpdate(prevProps) {
+    const {
+      loading
+    } = this.props;
+    if (prevProps.loading !== loading) {
+      if (this.inertTimer) {
+        clearTimeout(this.inertTimer);
+      }
+      if (loading) {
+        this.setState({
+          inert: true
+        });
+      } else {
+        this.inertTimer = setTimeout(() => {
           this.setState({
-            inert: true
+            inert: false
           });
-        } else {
-          this.inertTimer = setTimeout(function () {
-            _this2.setState({
-              inert: false
-            });
-          }, this.asProps.duration + 50);
-        }
+        }, this.asProps.duration + 50);
       }
     }
-  }, {
-    key: "getOverlayProps",
-    value: function getOverlayProps() {
-      var _this$asProps = this.asProps,
-        loading = _this$asProps.loading,
-        background = _this$asProps.background,
-        duration = _this$asProps.duration,
-        size = _this$asProps.size,
-        theme = _this$asProps.theme,
-        resolveColor = _this$asProps.resolveColor;
-      return {
-        background: background,
-        // for Animated
-        loading: loading,
-        duration: duration,
-        // for Spin
-        size: size,
-        theme: theme,
-        resolveColor: resolveColor
-      };
-    }
-  }, {
-    key: "getContentProps",
-    value: function getContentProps() {
-      var inert = this.state.inert;
-      return {
-        inert: inert ? '' : undefined
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref4;
-      var SSpinContainer = Box;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        Children = _this$asProps2.Children,
-        forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
-      var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, _assignProps({}, _ref))), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinContainer.Content, null, /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/React.createElement(SpinContainer.Overlay, null)));
-    }
-  }]);
-}(Component);
+  }
+  getOverlayProps() {
+    const {
+      loading,
+      background,
+      duration,
+      size,
+      theme,
+      resolveColor
+    } = this.asProps;
+    return {
+      background,
+      // for Animated
+      loading,
+      duration,
+      // for Spin
+      size,
+      theme,
+      resolveColor
+    };
+  }
+  getContentProps() {
+    const {
+      inert
+    } = this.state;
+    return {
+      inert: inert ? '' : undefined
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref4;
+    const SSpinContainer = Box;
+    const {
+      styles,
+      Children,
+      forcedAdvancedMode
+    } = this.asProps;
+    const advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);
+    return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", {
+      ..._assignProps({}, _ref)
+    }), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinContainer.Content, null, /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/React.createElement(SpinContainer.Overlay, null)));
+  }
+}
 _defineProperty(SpinContainerRoot, "displayName", 'SpinContainer');
 _defineProperty(SpinContainerRoot, "style", style);
 _defineProperty(SpinContainerRoot, "defaultProps", {
@@ -115,56 +100,54 @@ _defineProperty(SpinContainerRoot, "defaultProps", {
   duration: 200
 });
 _defineProperty(SpinContainerRoot, "enhance", [resolveColorEnhance()]);
-var Overlay = /*#__PURE__*/function (_Component2) {
-  function Overlay() {
-    _classCallCheck(this, Overlay);
-    return _callSuper(this, Overlay, arguments);
-  }
-  _inherits(Overlay, _Component2);
-  return _createClass(Overlay, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref5;
-      var SOverlay = Box;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        theme = _this$asProps3.theme,
-        background = _this$asProps3.background,
-        loading = _this$asProps3.loading,
-        duration = _this$asProps3.duration,
-        resolveColor = _this$asProps3.resolveColor;
-      var useTheme = background ? 'custom' : theme;
-      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(FadeInOut, _ref5.cn("FadeInOut", {
-        "visible": loading,
-        "duration": duration
-      }), /*#__PURE__*/React.createElement(SOverlay, _ref5.cn("SOverlay", _objectSpread({}, _assignProps2({
+class Overlay extends Component {
+  render() {
+    var _ref2 = this.asProps,
+      _ref5;
+    const SOverlay = Box;
+    const {
+      styles,
+      theme,
+      background,
+      loading,
+      duration,
+      resolveColor
+    } = this.asProps;
+    const useTheme = background ? 'custom' : theme;
+    return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(FadeInOut, _ref5.cn("FadeInOut", {
+      "visible": loading,
+      "duration": duration
+    }), /*#__PURE__*/React.createElement(SOverlay, _ref5.cn("SOverlay", {
+      ..._assignProps2({
         "use:theme": useTheme,
         "use:background": resolveColor(background)
-      }, _ref2)))));
-    }
-  }]);
-}(Component);
-_defineProperty(Overlay, "defaultProps", function (_ref7) {
-  var size = _ref7.size,
-    theme = _ref7.theme;
-  return {
-    children: /*#__PURE__*/React.createElement(Spin, {
-      size: size,
-      theme: theme
-    })
-  };
-});
+      }, _ref2)
+    })));
+  }
+}
+_defineProperty(Overlay, "defaultProps", ({
+  size,
+  theme
+}) => ({
+  children: /*#__PURE__*/React.createElement(Spin, {
+    size: size,
+    theme: theme
+  })
+}));
 function Content(props) {
   var _ref3 = arguments[0],
     _ref6;
-  var SContent = Box;
-  var styles = props.styles;
-  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, _assignProps3({}, _ref3))));
+  const SContent = Box;
+  const {
+    styles
+  } = props;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref6.cn("SContent", {
+    ..._assignProps3({}, _ref3)
+  }));
 }
-var SpinContainer = createComponent(SpinContainerRoot, {
-  Overlay: Overlay,
-  Content: Content
+const SpinContainer = createComponent(SpinContainerRoot, {
+  Overlay,
+  Content
 });
 export default SpinContainer;
 //# sourceMappingURL=SpinContainer.js.map

package/lib/es6/SpinContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinContainer.js","names":["FadeInOut","createComponent","Component","sstyled","Root","resolveColorEnhance","isAdvanceMode","Box","Spin","React","style","_sstyled","insert","SpinContainerRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","inert","props","loading","_inherits","_createClass","key","value","componentDidUpdate","prevProps","_this2","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","_this$asProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread","_assignProps","Fragment","Content","_Component2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut } from '@semcore/animation';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n  static displayName = 'SpinContainer';\n  static style = style;\n  static defaultProps = {\n    size: 'xxl',\n    theme: 'dark',\n    duration: 200,\n  };\n\n  static enhance = [resolveColorEnhance()];\n\n  state = {\n    inert: this.props.loading,\n  };\n\n  componentDidUpdate(prevProps) {\n    const { loading } = this.props;\n    if (prevProps.loading !== loading) {\n      if (this.inertTimer) {\n        clearTimeout(this.inertTimer);\n      }\n\n      if (loading) {\n        this.setState({ inert: true });\n      } else {\n        this.inertTimer = setTimeout(() => {\n          this.setState({ inert: false });\n        }, this.asProps.duration + 50);\n      }\n    }\n  }\n\n  getOverlayProps() {\n    const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n      resolveColor,\n    };\n  }\n\n  getContentProps() {\n    const { inert } = this.state;\n\n    return { inert: inert ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box}>\n        {advancedMode\n          ? (\n              <Children />\n            )\n          : (\n              <>\n                <SpinContainer.Content>\n                  <Children />\n                </SpinContainer.Content>\n                <SpinContainer.Overlay />\n              </>\n            )}\n      </SSpinContainer>,\n    );\n  }\n}\n\nclass Overlay extends Component {\n  static defaultProps = ({ size, theme }) => ({\n    children: <Spin size={size} theme={theme} />,\n  });\n\n  render() {\n    const SOverlay = Root;\n    const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n    const useTheme = background ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <FadeInOut visible={loading} duration={duration}>\n        <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n      </FadeInOut>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const SContent = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n  Overlay,\n  Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SpinContainer.js","names":["FadeInOut","Box","createComponent","Component","sstyled","Root","resolveColorEnhance","isAdvanceMode","Spin","React","style","_sstyled","insert","SpinContainerRoot","constructor","args","_defineProperty","inert","props","loading","componentDidUpdate","prevProps","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_assignProps","Fragment","Content","_ref2","_ref5","SOverlay","useTheme","_assignProps2","children","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut, Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n  static displayName = 'SpinContainer';\n  static style = style;\n  static defaultProps = {\n    size: 'xxl',\n    theme: 'dark',\n    duration: 200,\n  };\n\n  static enhance = [resolveColorEnhance()];\n\n  state = {\n    inert: this.props.loading,\n  };\n\n  componentDidUpdate(prevProps) {\n    const { loading } = this.props;\n    if (prevProps.loading !== loading) {\n      if (this.inertTimer) {\n        clearTimeout(this.inertTimer);\n      }\n\n      if (loading) {\n        this.setState({ inert: true });\n      } else {\n        this.inertTimer = setTimeout(() => {\n          this.setState({ inert: false });\n        }, this.asProps.duration + 50);\n      }\n    }\n  }\n\n  getOverlayProps() {\n    const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n      resolveColor,\n    };\n  }\n\n  getContentProps() {\n    const { inert } = this.state;\n\n    return { inert: inert ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box}>\n        {advancedMode\n          ? (\n              <Children />\n            )\n          : (\n              <>\n                <SpinContainer.Content>\n                  <Children />\n                </SpinContainer.Content>\n                <SpinContainer.Overlay />\n              </>\n            )}\n      </SSpinContainer>,\n    );\n  }\n}\n\nclass Overlay extends Component {\n  static defaultProps = ({ size, theme }) => ({\n    children: <Spin size={size} theme={theme} />,\n  });\n\n  render() {\n    const SOverlay = Root;\n    const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n    const useTheme = background ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <FadeInOut visible={loading} duration={duration}>\n        <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n      </FadeInOut>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const SContent = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n  Overlay,\n  Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps } from '@semcore/animation';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport type { SpinProps } from '@semcore/spin';\n\n/** @deprecated */\nexport interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}\nexport type SpinContainerProps = BoxProps &\n  SpinProps & {\n    /**\n     * Color of container spinner; you can use your own color\n     */\n    background?: string;\n    /** Duration of animation displaying in ms\n     * @default 200\n     */\n    duration?: number;\n    /**\n     * Property responsible for displaying the spinner\n     * */\n    loading?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\n/** @deprecated */\nexport interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}\nexport type SpinContainerContext = {\n  getOverlayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}\nexport type SpinContainerOverlayProps = BoxProps & {\n  /**\n   * Css background; you can use your own color\n   */\n  background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n  'div',\n  SpinContainerProps,\n  SpinContainerContext\n> & {\n  Content: Intergalactic.Component<'div', SpinOverlayProps>;\n  Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { SpinProps } from '@semcore/spin';\n\nexport type SpinContainerProps = BoxProps &\n  SpinProps & {\n    /**\n     * Color of container spinner; you can use your own color\n     */\n    background?: string;\n    /** Duration of animation displaying in ms\n     * @default 200\n     */\n    duration?: number;\n    /**\n     * Property responsible for displaying the spinner\n     * */\n    loading?: boolean;\n  };\n\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\nexport type SpinContainerContext = {\n  getOverlayProps: PropGetterFn;\n};\n\nexport type SpinContainerOverlayProps = BoxProps & {\n  /**\n   * Css background; you can use your own color\n   */\n  background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n  'div',\n  SpinContainerProps,\n  SpinContainerContext\n> & {\n  Content: Intergalactic.Component<'div', SpinOverlayProps>;\n  Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}

package/lib/esm/SpinContainer.mjs

@@ -1,105 +1,99 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
-import { FadeInOut } from "@semcore/animation";
+import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
+import { Box, FadeInOut } from "@semcore/base-components";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
-import { Box } from "@semcore/flex-box";
 import Spin from "@semcore/spin";
 import React from "react";
 /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SSpinContainer_5xy1z_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_5xy1z_gg_{z-index:0;position:relative}.___SOverlay_5xy1z_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_5xy1z_gg_._theme_invert_5xy1z_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_5xy1z_gg_._theme_dark_5xy1z_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_5xy1z_gg_._theme_custom_5xy1z_gg_{background-color:var(--background_5xy1z)}",
+    ".___SSpinContainer_1kufv_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1kufv_gg_{z-index:0;position:relative}.___SOverlay_1kufv_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1kufv_gg_._theme_invert_1kufv_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1kufv_gg_._theme_dark_1kufv_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1kufv_gg_._theme_custom_1kufv_gg_{background-color:var(--background_1kufv)}",
     /*__inner_css_end__*/
-    "5xy1z_gg_"
+    "1kufv_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSpinContainer": "___SSpinContainer_5xy1z_gg_",
-    "__SContent": "___SContent_5xy1z_gg_",
-    "__SOverlay": "___SOverlay_5xy1z_gg_",
-    "_theme_invert": "_theme_invert_5xy1z_gg_",
-    "_theme_dark": "_theme_dark_5xy1z_gg_",
-    "_theme_custom": "_theme_custom_5xy1z_gg_",
-    "--background": "--background_5xy1z"
+    "__SSpinContainer": "___SSpinContainer_1kufv_gg_",
+    "__SContent": "___SContent_1kufv_gg_",
+    "__SOverlay": "___SOverlay_1kufv_gg_",
+    "_theme_invert": "_theme_invert_1kufv_gg_",
+    "_theme_dark": "_theme_dark_1kufv_gg_",
+    "_theme_custom": "_theme_custom_1kufv_gg_",
+    "--background": "--background_1kufv"
   })
 );
-var SpinContainerRoot = /* @__PURE__ */ (function(_Component) {
-  function SpinContainerRoot2() {
-    var _this;
-    _classCallCheck(this, SpinContainerRoot2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, SpinContainerRoot2, [].concat(args));
-    _defineProperty(_this, "state", {
-      inert: _this.props.loading
+class SpinContainerRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
+      inert: this.props.loading
     });
-    return _this;
   }
-  _inherits(SpinContainerRoot2, _Component);
-  return _createClass(SpinContainerRoot2, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-      var loading = this.props.loading;
-      if (prevProps.loading !== loading) {
-        if (this.inertTimer) {
-          clearTimeout(this.inertTimer);
-        }
-        if (loading) {
+  componentDidUpdate(prevProps) {
+    const {
+      loading
+    } = this.props;
+    if (prevProps.loading !== loading) {
+      if (this.inertTimer) {
+        clearTimeout(this.inertTimer);
+      }
+      if (loading) {
+        this.setState({
+          inert: true
+        });
+      } else {
+        this.inertTimer = setTimeout(() => {
           this.setState({
-            inert: true
+            inert: false
           });
-        } else {
-          this.inertTimer = setTimeout(function() {
-            _this2.setState({
-              inert: false
-            });
-          }, this.asProps.duration + 50);
-        }
+        }, this.asProps.duration + 50);
       }
     }
-  }, {
-    key: "getOverlayProps",
-    value: function getOverlayProps() {
-      var _this$asProps = this.asProps, loading = _this$asProps.loading, background = _this$asProps.background, duration = _this$asProps.duration, size = _this$asProps.size, theme = _this$asProps.theme, resolveColor = _this$asProps.resolveColor;
-      return {
-        background,
-        // for Animated
-        loading,
-        duration,
-        // for Spin
-        size,
-        theme,
-        resolveColor
-      };
-    }
-  }, {
-    key: "getContentProps",
-    value: function getContentProps() {
-      var inert = this.state.inert;
-      return {
-        inert: inert ? "" : void 0
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref4;
-      var SSpinContainer = Box;
-      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, Children = _this$asProps2.Children, forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
-      var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);
-      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, assignProps({}, _ref))), advancedMode ? /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SpinContainer.Content, null, /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {}))), /* @__PURE__ */ React.createElement(SpinContainer.Overlay, null)));
-    }
-  }]);
-})(Component);
+  }
+  getOverlayProps() {
+    const {
+      loading,
+      background,
+      duration,
+      size,
+      theme,
+      resolveColor
+    } = this.asProps;
+    return {
+      background,
+      // for Animated
+      loading,
+      duration,
+      // for Spin
+      size,
+      theme,
+      resolveColor
+    };
+  }
+  getContentProps() {
+    const {
+      inert
+    } = this.state;
+    return {
+      inert: inert ? "" : void 0
+    };
+  }
+  render() {
+    var _ref = this.asProps, _ref4;
+    const SSpinContainer = Box;
+    const {
+      styles,
+      Children,
+      forcedAdvancedMode
+    } = this.asProps;
+    const advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);
+    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", {
+      ...assignProps({}, _ref)
+    }), advancedMode ? /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SpinContainer.Content, null, /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {}))), /* @__PURE__ */ React.createElement(SpinContainer.Overlay, null)));
+  }
+}
 _defineProperty(SpinContainerRoot, "displayName", "SpinContainer");
 _defineProperty(SpinContainerRoot, "style", style);
 _defineProperty(SpinContainerRoot, "defaultProps", {
@@ -108,45 +102,50 @@ _defineProperty(SpinContainerRoot, "defaultProps", {
   duration: 200
 });
 _defineProperty(SpinContainerRoot, "enhance", [resolveColorEnhance()]);
-var Overlay = /* @__PURE__ */ (function(_Component2) {
-  function Overlay2() {
-    _classCallCheck(this, Overlay2);
-    return _callSuper(this, Overlay2, arguments);
-  }
-  _inherits(Overlay2, _Component2);
-  return _createClass(Overlay2, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps, _ref5;
-      var SOverlay = Box;
-      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, theme = _this$asProps3.theme, background = _this$asProps3.background, loading = _this$asProps3.loading, duration = _this$asProps3.duration, resolveColor = _this$asProps3.resolveColor;
-      var useTheme = background ? "custom" : theme;
-      return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(FadeInOut, _ref5.cn("FadeInOut", {
-        "visible": loading,
-        "duration": duration
-      }), /* @__PURE__ */ React.createElement(SOverlay, _ref5.cn("SOverlay", _objectSpread({}, assignProps({
+class Overlay extends Component {
+  render() {
+    var _ref2 = this.asProps, _ref5;
+    const SOverlay = Box;
+    const {
+      styles,
+      theme,
+      background,
+      loading,
+      duration,
+      resolveColor
+    } = this.asProps;
+    const useTheme = background ? "custom" : theme;
+    return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(FadeInOut, _ref5.cn("FadeInOut", {
+      "visible": loading,
+      "duration": duration
+    }), /* @__PURE__ */ React.createElement(SOverlay, _ref5.cn("SOverlay", {
+      ...assignProps({
         "use:theme": useTheme,
         "use:background": resolveColor(background)
-      }, _ref2)))));
-    }
-  }]);
-})(Component);
-_defineProperty(Overlay, "defaultProps", function(_ref7) {
-  var size = _ref7.size, theme = _ref7.theme;
-  return {
-    children: /* @__PURE__ */ React.createElement(Spin, {
-      size,
-      theme
-    })
-  };
-});
+      }, _ref2)
+    })));
+  }
+}
+_defineProperty(Overlay, "defaultProps", ({
+  size,
+  theme
+}) => ({
+  children: /* @__PURE__ */ React.createElement(Spin, {
+    size,
+    theme
+  })
+}));
 function Content(props) {
   var _ref3 = arguments[0], _ref6;
-  var SContent = Box;
-  var styles = props.styles;
-  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, assignProps({}, _ref3))));
+  const SContent = Box;
+  const {
+    styles
+  } = props;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SContent, _ref6.cn("SContent", {
+    ...assignProps({}, _ref3)
+  }));
 }
-var SpinContainer = createComponent(SpinContainerRoot, {
+const SpinContainer = createComponent(SpinContainerRoot, {
   Overlay,
   Content
 });

package/lib/types/index.d.ts

@@ -1,10 +1,7 @@
-import type { FadeInOutProps } from '@semcore/animation';
-import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
+import type { FadeInOutProps, BoxProps } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
 import type { SpinProps } from '@semcore/spin';
 
-/** @deprecated */
-export interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}
 export type SpinContainerProps = BoxProps &
   SpinProps & {
     /**
@@ -21,18 +18,12 @@ export type SpinContainerProps = BoxProps &
     loading?: boolean;
   };
 
-/** @deprecated */
-export interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}
 export type SpinOverlayProps = BoxProps & FadeInOutProps & {};
 
-/** @deprecated */
-export interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}
 export type SpinContainerContext = {
   getOverlayProps: PropGetterFn;
 };
 
-/** @deprecated */
-export interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}
 export type SpinContainerOverlayProps = BoxProps & {
   /**
    * Css background; you can use your own color

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/spin-container",
   "description": "Semrush SpinContainer Component",
-  "version": "16.0.11",
+  "version": "17.0.0-prerelease.17",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",
@@ -14,12 +14,10 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/spin": "16.0.11",
-    "@semcore/flex-box": "16.0.11",
-    "@semcore/animation": "16.0.7"
+    "@semcore/spin": "^17.0.0-prerelease.17"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^17.0.0-prerelease.17"
   },
   "repository": {
     "type": "git",
@@ -27,7 +25,8 @@
     "directory": "semcore/spin-container"
   },
   "devDependencies": {
-    "@semcore/core": "16.5.1",
+    "@semcore/core": "17.0.0-prerelease.17",
+    "@semcore/base-components": "17.0.0-prerelease.17",
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {