@semcore/spin-container 6.1.8 → 6.2.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 (6) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/SpinContainer.js +9 -9
  3. package/lib/cjs/style/spin-container.shadow.css +1 -3
  4. package/lib/es6/SpinContainer.js +9 -9
  5. package/lib/es6/style/spin-container.shadow.css +1 -3
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [6.1.8] - 2022-12-09
5
+ ## [6.2.0] - 2022-12-12
6
6
 
7
- ### Changed
7
+ ### Added
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/animation` [1.8.0 ~> 1.8.1]).
9
+ - Design tokens based theming.
10
10
 
11
11
  ## [6.1.0] - 2022-10-10
12
12
 
package/lib/cjs/SpinContainer.js CHANGED
@@ -52,18 +52,18 @@ var style = (
52
52
  /*__reshadow_css_start__*/
53
53
  _core.sstyled.insert(
54
54
  /*__inner_css_start__*/
55
- ".___SSpinContainer_dlx2y_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_dlx2y_gg_{z-index:0;position:relative}.___SOverlay_dlx2y_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_dlx2y_gg_._theme_invert_dlx2y_gg_{background-color:rgba(25,27,35,.4)}.___SOverlay_dlx2y_gg_._theme_dark_dlx2y_gg_{background-color:hsla(0,0%,100%,.85)}.___SOverlay_dlx2y_gg_._theme_custom_dlx2y_gg_{background-color:var(--background_dlx2y)}"
55
+ ".___SSpinContainer_hwvms_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_hwvms_gg_{z-index:0;position:relative}.___SOverlay_hwvms_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_hwvms_gg_._theme_invert_hwvms_gg_{background-color:var(--intergalactic-overlay-secondary,rgba(25,27,35,.4))}.___SOverlay_hwvms_gg_._theme_dark_hwvms_gg_{background-color:hsla(0,0%,100%,.85)}.___SOverlay_hwvms_gg_._theme_custom_hwvms_gg_{background-color:var(--background_hwvms)}"
56
56
  /*__inner_css_end__*/
57
- , "dlx2y_gg_")
57
+ , "hwvms_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SSpinContainer": "___SSpinContainer_dlx2y_gg_",
61
- "__SContent": "___SContent_dlx2y_gg_",
62
- "__SOverlay": "___SOverlay_dlx2y_gg_",
63
- "_theme_invert": "_theme_invert_dlx2y_gg_",
64
- "_theme_dark": "_theme_dark_dlx2y_gg_",
65
- "_theme_custom": "_theme_custom_dlx2y_gg_",
66
- "--background": "--background_dlx2y"
60
+ "__SSpinContainer": "___SSpinContainer_hwvms_gg_",
61
+ "__SContent": "___SContent_hwvms_gg_",
62
+ "__SOverlay": "___SOverlay_hwvms_gg_",
63
+ "_theme_invert": "_theme_invert_hwvms_gg_",
64
+ "_theme_dark": "_theme_dark_hwvms_gg_",
65
+ "_theme_custom": "_theme_custom_hwvms_gg_",
66
+ "--background": "--background_hwvms"
67
67
  });
68
68
 
69
69
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
package/lib/cjs/style/spin-container.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SSpinContainer {
4
2
  z-index: 0;
5
3
  position: relative;
@@ -25,7 +23,7 @@ SOverlay {
25
23
  }
26
24
 
27
25
  SOverlay[theme='invert'] {
28
- background-color: color-mod(var(--gray-800) a(40%));
26
+ background-color: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
29
27
  }
30
28
  SOverlay[theme='dark'] {
31
29
  background-color: rgba(255, 255, 255, 0.85);
package/lib/es6/SpinContainer.js CHANGED
@@ -30,18 +30,18 @@ var style = (
30
30
  /*__reshadow_css_start__*/
31
31
  _sstyled.insert(
32
32
  /*__inner_css_start__*/
33
- ".___SSpinContainer_dlx2y_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_dlx2y_gg_{z-index:0;position:relative}.___SOverlay_dlx2y_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_dlx2y_gg_._theme_invert_dlx2y_gg_{background-color:rgba(25,27,35,.4)}.___SOverlay_dlx2y_gg_._theme_dark_dlx2y_gg_{background-color:hsla(0,0%,100%,.85)}.___SOverlay_dlx2y_gg_._theme_custom_dlx2y_gg_{background-color:var(--background_dlx2y)}"
33
+ ".___SSpinContainer_hwvms_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_hwvms_gg_{z-index:0;position:relative}.___SOverlay_hwvms_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_hwvms_gg_._theme_invert_hwvms_gg_{background-color:var(--intergalactic-overlay-secondary,rgba(25,27,35,.4))}.___SOverlay_hwvms_gg_._theme_dark_hwvms_gg_{background-color:hsla(0,0%,100%,.85)}.___SOverlay_hwvms_gg_._theme_custom_hwvms_gg_{background-color:var(--background_hwvms)}"
34
34
  /*__inner_css_end__*/
35
- , "dlx2y_gg_")
35
+ , "hwvms_gg_")
36
36
  /*__reshadow_css_end__*/
37
37
  , {
38
- "__SSpinContainer": "___SSpinContainer_dlx2y_gg_",
39
- "__SContent": "___SContent_dlx2y_gg_",
40
- "__SOverlay": "___SOverlay_dlx2y_gg_",
41
- "_theme_invert": "_theme_invert_dlx2y_gg_",
42
- "_theme_dark": "_theme_dark_dlx2y_gg_",
43
- "_theme_custom": "_theme_custom_dlx2y_gg_",
44
- "--background": "--background_dlx2y"
38
+ "__SSpinContainer": "___SSpinContainer_hwvms_gg_",
39
+ "__SContent": "___SContent_hwvms_gg_",
40
+ "__SOverlay": "___SOverlay_hwvms_gg_",
41
+ "_theme_invert": "_theme_invert_hwvms_gg_",
42
+ "_theme_dark": "_theme_dark_hwvms_gg_",
43
+ "_theme_custom": "_theme_custom_hwvms_gg_",
44
+ "--background": "--background_hwvms"
45
45
  });
46
46
 
47
47
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
package/lib/es6/style/spin-container.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SSpinContainer {
4
2
  z-index: 0;
5
3
  position: relative;
@@ -25,7 +23,7 @@ SOverlay {
25
23
  }
26
24
 
27
25
  SOverlay[theme='invert'] {
28
- background-color: color-mod(var(--gray-800) a(40%));
26
+ background-color: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
29
27
  }
30
28
  SOverlay[theme='dark'] {
31
29
  background-color: rgba(255, 255, 255, 0.85);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/spin-container",
3
3
  "description": "Semrush SpinContainer Component",
4
- "version": "6.1.8",
4
+ "version": "6.2.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "types": "lib/types/index.d.ts",