@semcore/spin-container 16.0.11-prerelease.5 → 16.1.0-prerelease.0

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 (9) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/README.md +4 -4
  3. package/lib/cjs/SpinContainer.js +8 -8
  4. package/lib/cjs/style/spin-container.shadow.css +2 -2
  5. package/lib/es6/SpinContainer.js +8 -8
  6. package/lib/es6/style/spin-container.shadow.css +2 -2
  7. package/lib/esm/SpinContainer.mjs +9 -9
  8. package/lib/esm/style/spin-container.shadow.css +2 -2
  9. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -2,7 +2,13 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [16.0.11] - 2025-10-28
5
+ ## [16.1.0] - 2026-05-07
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
11
+ ## [16.0.11] - 2025-10-29
6
12
 
7
13
  ### Changed
8
14
 
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  [![version](https://img.shields.io/npm/v/@semcore/spin-container.svg)](https://www.npmjs.com/@semcore/spin-container)
4
4
  [![downloads](https://img.shields.io/npm/dt/@semcore/spin-container.svg)](https://www.npmjs.com/package/@semcore/spin-container)
5
- [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
5
+ [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
6
6
 
7
7
  > This component is part of the Intergalactic Design System
8
8
 
@@ -20,13 +20,13 @@ npm install @semcore/spin-container
20
20
 
21
21
  ## 👤 Author
22
22
 
23
- [UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
23
+ [UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
24
24
 
25
25
  ## 🤝 Contributing
26
26
 
27
27
  Contributions, issues and feature requests are welcome!
28
28
 
29
- 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).
29
+ 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).
30
30
 
31
31
  ## Show your support
32
32
 
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
34
34
 
35
35
  ## 📝 License
36
36
 
37
- This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
37
+ This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
package/lib/cjs/SpinContainer.js CHANGED
@@ -19,16 +19,16 @@ var _flexBox = require("@semcore/flex-box");
19
19
  var _spin = _interopRequireDefault(require("@semcore/spin"));
20
20
  var _react = _interopRequireDefault(require("react"));
21
21
  /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
22
- 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_"),
22
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_i6nqo_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_i6nqo_gg_{z-index:0;position:relative}.___SOverlay_i6nqo_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_i6nqo_gg_._theme_invert_i6nqo_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_i6nqo_gg_._theme_dark_i6nqo_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_i6nqo_gg_._theme_custom_i6nqo_gg_{background-color:var(--background_i6nqo)}", /*__inner_css_end__*/"i6nqo_gg_"),
23
23
  /*__reshadow_css_end__*/
24
24
  {
25
- "__SSpinContainer": "___SSpinContainer_5xy1z_gg_",
26
- "__SContent": "___SContent_5xy1z_gg_",
27
- "__SOverlay": "___SOverlay_5xy1z_gg_",
28
- "_theme_invert": "_theme_invert_5xy1z_gg_",
29
- "_theme_dark": "_theme_dark_5xy1z_gg_",
30
- "_theme_custom": "_theme_custom_5xy1z_gg_",
31
- "--background": "--background_5xy1z"
25
+ "__SSpinContainer": "___SSpinContainer_i6nqo_gg_",
26
+ "__SContent": "___SContent_i6nqo_gg_",
27
+ "__SOverlay": "___SOverlay_i6nqo_gg_",
28
+ "_theme_invert": "_theme_invert_i6nqo_gg_",
29
+ "_theme_dark": "_theme_dark_i6nqo_gg_",
30
+ "_theme_custom": "_theme_custom_i6nqo_gg_",
31
+ "--background": "--background_i6nqo"
32
32
  });
33
33
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
34
34
  function SpinContainerRoot() {
package/lib/cjs/style/spin-container.shadow.css CHANGED
@@ -23,11 +23,11 @@ SOverlay {
23
23
  }
24
24
 
25
25
  SOverlay[theme='invert'] {
26
- background-color: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
26
+ background-color: var(--intergalactic-overlay-secondary, oklch(0.118 0.023 170.1 / 0.262));
27
27
  }
28
28
 
29
29
  SOverlay[theme='dark'] {
30
- background-color: var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));
30
+ background-color: var(--intergalactic-overlay-limitation-secondary, oklch(1 0 0 / 0.85));
31
31
  }
32
32
 
33
33
  SOverlay[theme='custom'] {
package/lib/es6/SpinContainer.js CHANGED
@@ -16,16 +16,16 @@ import { Box } from '@semcore/flex-box';
16
16
  import Spin from '@semcore/spin';
17
17
  import React from 'react';
18
18
  /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
19
- 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_"),
19
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_i6nqo_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_i6nqo_gg_{z-index:0;position:relative}.___SOverlay_i6nqo_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_i6nqo_gg_._theme_invert_i6nqo_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_i6nqo_gg_._theme_dark_i6nqo_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_i6nqo_gg_._theme_custom_i6nqo_gg_{background-color:var(--background_i6nqo)}", /*__inner_css_end__*/"i6nqo_gg_"),
20
20
  /*__reshadow_css_end__*/
21
21
  {
22
- "__SSpinContainer": "___SSpinContainer_5xy1z_gg_",
23
- "__SContent": "___SContent_5xy1z_gg_",
24
- "__SOverlay": "___SOverlay_5xy1z_gg_",
25
- "_theme_invert": "_theme_invert_5xy1z_gg_",
26
- "_theme_dark": "_theme_dark_5xy1z_gg_",
27
- "_theme_custom": "_theme_custom_5xy1z_gg_",
28
- "--background": "--background_5xy1z"
22
+ "__SSpinContainer": "___SSpinContainer_i6nqo_gg_",
23
+ "__SContent": "___SContent_i6nqo_gg_",
24
+ "__SOverlay": "___SOverlay_i6nqo_gg_",
25
+ "_theme_invert": "_theme_invert_i6nqo_gg_",
26
+ "_theme_dark": "_theme_dark_i6nqo_gg_",
27
+ "_theme_custom": "_theme_custom_i6nqo_gg_",
28
+ "--background": "--background_i6nqo"
29
29
  });
30
30
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
31
31
  function SpinContainerRoot() {
package/lib/es6/style/spin-container.shadow.css CHANGED
@@ -23,11 +23,11 @@ SOverlay {
23
23
  }
24
24
 
25
25
  SOverlay[theme='invert'] {
26
- background-color: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
26
+ background-color: var(--intergalactic-overlay-secondary, oklch(0.118 0.023 170.1 / 0.262));
27
27
  }
28
28
 
29
29
  SOverlay[theme='dark'] {
30
- background-color: var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));
30
+ background-color: var(--intergalactic-overlay-limitation-secondary, oklch(1 0 0 / 0.85));
31
31
  }
32
32
 
33
33
  SOverlay[theme='custom'] {
package/lib/esm/SpinContainer.mjs CHANGED
@@ -16,18 +16,18 @@ var style = (
16
16
  /*__reshadow_css_start__*/
17
17
  (sstyled.insert(
18
18
  /*__inner_css_start__*/
19
- ".___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)}",
19
+ ".___SSpinContainer_i6nqo_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_i6nqo_gg_{z-index:0;position:relative}.___SOverlay_i6nqo_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_i6nqo_gg_._theme_invert_i6nqo_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_i6nqo_gg_._theme_dark_i6nqo_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_i6nqo_gg_._theme_custom_i6nqo_gg_{background-color:var(--background_i6nqo)}",
20
20
  /*__inner_css_end__*/
21
- "5xy1z_gg_"
21
+ "i6nqo_gg_"
22
22
  ), /*__reshadow_css_end__*/
23
23
  {
24
- "__SSpinContainer": "___SSpinContainer_5xy1z_gg_",
25
- "__SContent": "___SContent_5xy1z_gg_",
26
- "__SOverlay": "___SOverlay_5xy1z_gg_",
27
- "_theme_invert": "_theme_invert_5xy1z_gg_",
28
- "_theme_dark": "_theme_dark_5xy1z_gg_",
29
- "_theme_custom": "_theme_custom_5xy1z_gg_",
30
- "--background": "--background_5xy1z"
24
+ "__SSpinContainer": "___SSpinContainer_i6nqo_gg_",
25
+ "__SContent": "___SContent_i6nqo_gg_",
26
+ "__SOverlay": "___SOverlay_i6nqo_gg_",
27
+ "_theme_invert": "_theme_invert_i6nqo_gg_",
28
+ "_theme_dark": "_theme_dark_i6nqo_gg_",
29
+ "_theme_custom": "_theme_custom_i6nqo_gg_",
30
+ "--background": "--background_i6nqo"
31
31
  })
32
32
  );
33
33
  var SpinContainerRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/style/spin-container.shadow.css CHANGED
@@ -23,11 +23,11 @@ SOverlay {
23
23
  }
24
24
 
25
25
  SOverlay[theme='invert'] {
26
- background-color: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
26
+ background-color: var(--intergalactic-overlay-secondary, oklch(0.118 0.023 170.1 / 0.262));
27
27
  }
28
28
 
29
29
  SOverlay[theme='dark'] {
30
- background-color: var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));
30
+ background-color: var(--intergalactic-overlay-limitation-secondary, oklch(1 0 0 / 0.85));
31
31
  }
32
32
 
33
33
  SOverlay[theme='custom'] {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/spin-container",
3
3
  "description": "Semrush SpinContainer Component",
4
- "version": "16.0.11-prerelease.5",
4
+ "version": "16.1.0-prerelease.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "types": "lib/types/index.d.ts",
@@ -14,12 +14,12 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/spin": "16.0.11-prerelease.5",
18
- "@semcore/flex-box": "16.0.11-prerelease.5",
19
- "@semcore/animation": "16.0.7-prerelease.5"
17
+ "@semcore/spin": "16.1.0-prerelease.0",
18
+ "@semcore/flex-box": "16.1.0-prerelease.0",
19
+ "@semcore/animation": "16.1.0-prerelease.0"
20
20
  },
21
21
  "peerDependencies": {
22
- "@semcore/base-components": "^16.4.1-prerelease.5"
22
+ "@semcore/base-components": "^16.6.0-prerelease.0"
23
23
  },
24
24
  "repository": {
25
25
  "type": "git",
@@ -27,7 +27,7 @@
27
27
  "directory": "semcore/spin-container"
28
28
  },
29
29
  "devDependencies": {
30
- "@semcore/core": "16.5.1-prerelease.5",
30
+ "@semcore/core": "16.6.0-prerelease.0",
31
31
  "@semcore/testing-utils": "1.0.0"
32
32
  },
33
33
  "scripts": {