@semcore/progress-bar 3.2.5 → 3.3.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 (6) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/lib/cjs/ProgressBar.js +16 -16
  3. package/lib/cjs/style/progress-bar.shadow.css +33 -23
  4. package/lib/es6/ProgressBar.js +16 -16
  5. package/lib/es6/style/progress-bar.shadow.css +33 -23
  6. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -2,11 +2,17 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [3.2.5] - 2022-11-30
5
+ ## [3.3.1] - 2022-12-13
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/flex-box` [4.6.4 ~> 4.6.5], `@semcore/utils` [3.41.0 ~> 3.42.0]).
9
+ - Added `react-dom` to peer dependencies.
10
+
11
+ ## [3.3.0] - 2022-12-12
12
+
13
+ ### Added
14
+
15
+ - Design tokens based theming.
10
16
 
11
17
  ## [3.2.0] - 2022-10-10
12
18
 
package/lib/cjs/ProgressBar.js CHANGED
@@ -46,25 +46,25 @@ var style = (
46
46
  /*__reshadow_css_start__*/
47
47
  _core.sstyled.insert(
48
48
  /*__inner_css_start__*/
49
- ".___SProgressBar_jas65_gg_{position:relative;width:100%;overflow:hidden}.___SValue_jas65_gg_{position:absolute;top:0;left:0;background-image:linear-gradient(-45deg,#008f74 25%,#009f81 0,#009f81 50%,#008f74 0,#008f74 76%,#009f81 0);overflow:hidden;animation-name:loading_jas65;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_jas65_gg_._size_s_jas65_gg_,.___SValue_jas65_gg_._size_s_jas65_gg_{height:4px;border-radius:6px;background-size:8px 8px}.___SProgressBar_jas65_gg_._size_m_jas65_gg_,.___SValue_jas65_gg_._size_m_jas65_gg_{height:8px;border-radius:6px;background-size:12px 12px}.___SProgressBar_jas65_gg_._size_l_jas65_gg_,.___SValue_jas65_gg_._size_l_jas65_gg_{height:12px;border-radius:6px;background-size:16px 16px}.___SProgressBar_jas65_gg_._theme_dark_jas65_gg_{background-color:hsla(0,0%,100%,.2)}.___SProgressBar_jas65_gg_._theme_invert_jas65_gg_{background-color:#e0e1e9}@keyframes loading_jas65{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_jas65_gg_.__animation_jas65_gg_{background-image:linear-gradient(-45deg,#cacbd2 25%,#e0e1e9 0,#e0e1e9 50%,#cacbd2 0,#cacbd2 76%,#e0e1e9 0);animation-name:loading_jas65;animation-timing-function:linear;animation-iteration-count:infinite}.___SProgressBar_jas65_gg_._theme_custom_jas65_gg_{background-color:var(--colorBg_jas65);background-image:var(--colorBg_jas65)}.___SProgressBar_jas65_gg_.__animation_jas65_gg_{animation-duration:var(--duration_jas65)}.___SValue_jas65_gg_{width:var(--width_jas65);animation-duration:var(--duration_jas65)}.___SValue_jas65_gg_.__theme_jas65_gg_{background-color:var(--colorBg_jas65);background-image:var(--colorBg_jas65)}@media (prefers-reduced-motion){.___SValue_jas65_gg_{animation-name:none}.___SProgressBar_jas65_gg_.__animation_jas65_gg_{animation-name:none}}"
49
+ ".___SProgressBar_lum5h_gg_{position:relative;width:100%;overflow:hidden}.___SValue_lum5h_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg,#000);background-image:var(--intergalactic-progress-bar-value-gradient,linear-gradient(-45deg,rgba(0,159,129,.9) 25%,#009f81 0,#009f81 50%,rgba(0,159,129,.9) 0,rgba(0,159,129,.9) 75%,#009f81 0));overflow:hidden;animation-name:loading_lum5h;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_lum5h_gg_._size_s_lum5h_gg_,.___SValue_lum5h_gg_._size_s_lum5h_gg_{height:4px;border-radius:var(--intergalactic-rounded-medium,6px);background-size:8px 8px}.___SProgressBar_lum5h_gg_._size_m_lum5h_gg_,.___SValue_lum5h_gg_._size_m_lum5h_gg_{height:8px;border-radius:var(--intergalactic-rounded-medium,6px);background-size:12px 12px}.___SProgressBar_lum5h_gg_._size_l_lum5h_gg_,.___SValue_lum5h_gg_._size_l_lum5h_gg_{height:12px;border-radius:var(--intergalactic-rounded-medium,6px);background-size:16px 16px}.___SProgressBar_lum5h_gg_{background-color:var(--intergalactic-progress-bar-bg,#e0e1e9)}.___SProgressBar_lum5h_gg_._theme_dark_lum5h_gg_{background-color:var(--intergalactic-progress-bar-bg-invert,hsla(0,0%,100%,.2))}.___SProgressBar_lum5h_gg_._theme_invert_lum5h_gg_{background-color:var(--intergalactic-progress-bar-bg-invert,hsla(0,0%,100%,.2))}@keyframes loading_lum5h{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_lum5h_gg_.__animation_lum5h_gg_{background-color:var(--intergalactic-progress-bar-value-bg,#000);background-image:var(--intergalactic-progress-bar-pattern-gradient,linear-gradient(-45deg,rgba(224,225,233,.9) 25%,#e0e1e9 0,#e0e1e9 50%,rgba(224,225,233,.9) 0,rgba(224,225,233,.9) 75%,#e0e1e9 0));animation-name:loading_lum5h;animation-timing-function:linear;animation-iteration-count:infinite}.___SProgressBar_lum5h_gg_._theme_custom_lum5h_gg_{background-color:var(--colorBg_lum5h);background-image:var(--colorBg_lum5h)}.___SProgressBar_lum5h_gg_.__animation_lum5h_gg_{animation-duration:var(--duration_lum5h)}.___SValue_lum5h_gg_{width:var(--width_lum5h);animation-duration:var(--duration_lum5h)}.___SValue_lum5h_gg_.__theme_lum5h_gg_{background-color:var(--colorBg_lum5h);background-image:var(--colorBg_lum5h)}@media (prefers-reduced-motion){.___SValue_lum5h_gg_{animation-name:none}.___SProgressBar_lum5h_gg_.__animation_lum5h_gg_{animation-name:none}}"
50
50
  /*__inner_css_end__*/
51
- , "jas65_gg_")
51
+ , "lum5h_gg_")
52
52
  /*__reshadow_css_end__*/
53
53
  , {
54
- "__SProgressBar": "___SProgressBar_jas65_gg_",
55
- "__SValue": "___SValue_jas65_gg_",
56
- "_size_s": "_size_s_jas65_gg_",
57
- "_size_m": "_size_m_jas65_gg_",
58
- "_size_l": "_size_l_jas65_gg_",
59
- "_theme_dark": "_theme_dark_jas65_gg_",
60
- "_theme_invert": "_theme_invert_jas65_gg_",
61
- "@loading": "loading_jas65",
62
- "_animation": "__animation_jas65_gg_",
63
- "_theme_custom": "_theme_custom_jas65_gg_",
64
- "--colorBg": "--colorBg_jas65",
65
- "--duration": "--duration_jas65",
66
- "--width": "--width_jas65",
67
- "_theme": "__theme_jas65_gg_"
54
+ "__SProgressBar": "___SProgressBar_lum5h_gg_",
55
+ "__SValue": "___SValue_lum5h_gg_",
56
+ "_size_s": "_size_s_lum5h_gg_",
57
+ "_size_m": "_size_m_lum5h_gg_",
58
+ "_size_l": "_size_l_lum5h_gg_",
59
+ "_theme_dark": "_theme_dark_lum5h_gg_",
60
+ "_theme_invert": "_theme_invert_lum5h_gg_",
61
+ "@loading": "loading_lum5h",
62
+ "_animation": "__animation_lum5h_gg_",
63
+ "_theme_custom": "_theme_custom_lum5h_gg_",
64
+ "--colorBg": "--colorBg_lum5h",
65
+ "--duration": "--duration_lum5h",
66
+ "--width": "--width_lum5h",
67
+ "_theme": "__theme_lum5h_gg_"
68
68
  });
69
69
 
70
70
  function isCustomTheme(theme) {
package/lib/cjs/style/progress-bar.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SProgressBar {
4
2
  position: relative;
5
3
  width: 100%;
@@ -10,14 +8,18 @@ SValue {
10
8
  position: absolute;
11
9
  top: 0;
12
10
  left: 0;
13
- background-image: linear-gradient(
14
- -45deg,
15
- color-mod(var(--green-400) shade(10%)) 25%,
16
- var(--green-400) 0,
17
- var(--green-400) 50%,
18
- color-mod(var(--green-400) shade(10%)) 0,
19
- color-mod(var(--green-400) shade(10%)) 76%,
20
- var(--green-400) 0
11
+ background-color: var(--intergalactic-progress-bar-value-bg, #000000);
12
+ background-image: var(
13
+ --intergalactic-progress-bar-value-gradient,
14
+ linear-gradient(
15
+ -45deg,
16
+ rgba(0, 159, 129, 0.9) 25%,
17
+ rgba(0, 159, 129, 1) 0%,
18
+ rgba(0, 159, 129, 1) 50%,
19
+ rgba(0, 159, 129, 0.9) 0%,
20
+ rgba(0, 159, 129, 0.9) 75%,
21
+ rgba(0, 159, 129, 1) 0%
22
+ )
21
23
  );
22
24
  overflow: hidden;
23
25
 
@@ -32,30 +34,34 @@ SValue {
32
34
  SProgressBar[size='s'],
33
35
  SValue[size='s'] {
34
36
  height: 4px;
35
- border-radius: var(--rounded-m);
37
+ border-radius: var(--intergalactic-rounded-medium, 6px);
36
38
  background-size: 8px 8px;
37
39
  }
38
40
 
39
41
  SProgressBar[size='m'],
40
42
  SValue[size='m'] {
41
43
  height: 8px;
42
- border-radius: var(--rounded-m);
44
+ border-radius: var(--intergalactic-rounded-medium, 6px);
43
45
  background-size: 12px 12px;
44
46
  }
45
47
 
46
48
  SProgressBar[size='l'],
47
49
  SValue[size='l'] {
48
50
  height: 12px;
49
- border-radius: var(--rounded-m);
51
+ border-radius: var(--intergalactic-rounded-medium, 6px);
50
52
  background-size: 16px 16px;
51
53
  }
52
54
 
55
+ SProgressBar {
56
+ background-color: var(--intergalactic-progress-bar-bg, #e0e1e9);
57
+ }
58
+
53
59
  SProgressBar[theme='dark'] {
54
- background-color: rgba(255, 255, 255, 0.2);
60
+ background-color: var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2));
55
61
  }
56
62
 
57
63
  SProgressBar[theme='invert'] {
58
- background-color: var(--gray-100);
64
+ background-color: var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2));
59
65
  }
60
66
 
61
67
  @keyframes loading {
@@ -68,14 +74,18 @@ SProgressBar[theme='invert'] {
68
74
  }
69
75
 
70
76
  SProgressBar[animation] {
71
- background-image: linear-gradient(
72
- -45deg,
73
- color-mod(var(--gray-100) shade(10%)) 25%,
74
- var(--gray-100) 0,
75
- var(--gray-100) 50%,
76
- color-mod(var(--gray-100) shade(10%)) 0,
77
- color-mod(var(--gray-100) shade(10%)) 76%,
78
- var(--gray-100) 0
77
+ background-color: var(--intergalactic-progress-bar-value-bg, #000000);
78
+ background-image: var(
79
+ --intergalactic-progress-bar-pattern-gradient,
80
+ linear-gradient(
81
+ -45deg,
82
+ rgba(224, 225, 233, 0.9) 25%,
83
+ rgba(224, 225, 233, 1) 0%,
84
+ rgba(224, 225, 233, 1) 50%,
85
+ rgba(224, 225, 233, 0.9) 0%,
86
+ rgba(224, 225, 233, 0.9) 75%,
87
+ rgba(224, 225, 233, 1) 0%
88
+ )
79
89
  );
80
90
  animation-name: loading;
81
91
  animation-timing-function: linear;
package/lib/es6/ProgressBar.js CHANGED
@@ -26,25 +26,25 @@ var style = (
26
26
  /*__reshadow_css_start__*/
27
27
  _sstyled.insert(
28
28
  /*__inner_css_start__*/
29
- ".___SProgressBar_jas65_gg_{position:relative;width:100%;overflow:hidden}.___SValue_jas65_gg_{position:absolute;top:0;left:0;background-image:linear-gradient(-45deg,#008f74 25%,#009f81 0,#009f81 50%,#008f74 0,#008f74 76%,#009f81 0);overflow:hidden;animation-name:loading_jas65;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_jas65_gg_._size_s_jas65_gg_,.___SValue_jas65_gg_._size_s_jas65_gg_{height:4px;border-radius:6px;background-size:8px 8px}.___SProgressBar_jas65_gg_._size_m_jas65_gg_,.___SValue_jas65_gg_._size_m_jas65_gg_{height:8px;border-radius:6px;background-size:12px 12px}.___SProgressBar_jas65_gg_._size_l_jas65_gg_,.___SValue_jas65_gg_._size_l_jas65_gg_{height:12px;border-radius:6px;background-size:16px 16px}.___SProgressBar_jas65_gg_._theme_dark_jas65_gg_{background-color:hsla(0,0%,100%,.2)}.___SProgressBar_jas65_gg_._theme_invert_jas65_gg_{background-color:#e0e1e9}@keyframes loading_jas65{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_jas65_gg_.__animation_jas65_gg_{background-image:linear-gradient(-45deg,#cacbd2 25%,#e0e1e9 0,#e0e1e9 50%,#cacbd2 0,#cacbd2 76%,#e0e1e9 0);animation-name:loading_jas65;animation-timing-function:linear;animation-iteration-count:infinite}.___SProgressBar_jas65_gg_._theme_custom_jas65_gg_{background-color:var(--colorBg_jas65);background-image:var(--colorBg_jas65)}.___SProgressBar_jas65_gg_.__animation_jas65_gg_{animation-duration:var(--duration_jas65)}.___SValue_jas65_gg_{width:var(--width_jas65);animation-duration:var(--duration_jas65)}.___SValue_jas65_gg_.__theme_jas65_gg_{background-color:var(--colorBg_jas65);background-image:var(--colorBg_jas65)}@media (prefers-reduced-motion){.___SValue_jas65_gg_{animation-name:none}.___SProgressBar_jas65_gg_.__animation_jas65_gg_{animation-name:none}}"
29
+ ".___SProgressBar_lum5h_gg_{position:relative;width:100%;overflow:hidden}.___SValue_lum5h_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg,#000);background-image:var(--intergalactic-progress-bar-value-gradient,linear-gradient(-45deg,rgba(0,159,129,.9) 25%,#009f81 0,#009f81 50%,rgba(0,159,129,.9) 0,rgba(0,159,129,.9) 75%,#009f81 0));overflow:hidden;animation-name:loading_lum5h;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_lum5h_gg_._size_s_lum5h_gg_,.___SValue_lum5h_gg_._size_s_lum5h_gg_{height:4px;border-radius:var(--intergalactic-rounded-medium,6px);background-size:8px 8px}.___SProgressBar_lum5h_gg_._size_m_lum5h_gg_,.___SValue_lum5h_gg_._size_m_lum5h_gg_{height:8px;border-radius:var(--intergalactic-rounded-medium,6px);background-size:12px 12px}.___SProgressBar_lum5h_gg_._size_l_lum5h_gg_,.___SValue_lum5h_gg_._size_l_lum5h_gg_{height:12px;border-radius:var(--intergalactic-rounded-medium,6px);background-size:16px 16px}.___SProgressBar_lum5h_gg_{background-color:var(--intergalactic-progress-bar-bg,#e0e1e9)}.___SProgressBar_lum5h_gg_._theme_dark_lum5h_gg_{background-color:var(--intergalactic-progress-bar-bg-invert,hsla(0,0%,100%,.2))}.___SProgressBar_lum5h_gg_._theme_invert_lum5h_gg_{background-color:var(--intergalactic-progress-bar-bg-invert,hsla(0,0%,100%,.2))}@keyframes loading_lum5h{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_lum5h_gg_.__animation_lum5h_gg_{background-color:var(--intergalactic-progress-bar-value-bg,#000);background-image:var(--intergalactic-progress-bar-pattern-gradient,linear-gradient(-45deg,rgba(224,225,233,.9) 25%,#e0e1e9 0,#e0e1e9 50%,rgba(224,225,233,.9) 0,rgba(224,225,233,.9) 75%,#e0e1e9 0));animation-name:loading_lum5h;animation-timing-function:linear;animation-iteration-count:infinite}.___SProgressBar_lum5h_gg_._theme_custom_lum5h_gg_{background-color:var(--colorBg_lum5h);background-image:var(--colorBg_lum5h)}.___SProgressBar_lum5h_gg_.__animation_lum5h_gg_{animation-duration:var(--duration_lum5h)}.___SValue_lum5h_gg_{width:var(--width_lum5h);animation-duration:var(--duration_lum5h)}.___SValue_lum5h_gg_.__theme_lum5h_gg_{background-color:var(--colorBg_lum5h);background-image:var(--colorBg_lum5h)}@media (prefers-reduced-motion){.___SValue_lum5h_gg_{animation-name:none}.___SProgressBar_lum5h_gg_.__animation_lum5h_gg_{animation-name:none}}"
30
30
  /*__inner_css_end__*/
31
- , "jas65_gg_")
31
+ , "lum5h_gg_")
32
32
  /*__reshadow_css_end__*/
33
33
  , {
34
- "__SProgressBar": "___SProgressBar_jas65_gg_",
35
- "__SValue": "___SValue_jas65_gg_",
36
- "_size_s": "_size_s_jas65_gg_",
37
- "_size_m": "_size_m_jas65_gg_",
38
- "_size_l": "_size_l_jas65_gg_",
39
- "_theme_dark": "_theme_dark_jas65_gg_",
40
- "_theme_invert": "_theme_invert_jas65_gg_",
41
- "@loading": "loading_jas65",
42
- "_animation": "__animation_jas65_gg_",
43
- "_theme_custom": "_theme_custom_jas65_gg_",
44
- "--colorBg": "--colorBg_jas65",
45
- "--duration": "--duration_jas65",
46
- "--width": "--width_jas65",
47
- "_theme": "__theme_jas65_gg_"
34
+ "__SProgressBar": "___SProgressBar_lum5h_gg_",
35
+ "__SValue": "___SValue_lum5h_gg_",
36
+ "_size_s": "_size_s_lum5h_gg_",
37
+ "_size_m": "_size_m_lum5h_gg_",
38
+ "_size_l": "_size_l_lum5h_gg_",
39
+ "_theme_dark": "_theme_dark_lum5h_gg_",
40
+ "_theme_invert": "_theme_invert_lum5h_gg_",
41
+ "@loading": "loading_lum5h",
42
+ "_animation": "__animation_lum5h_gg_",
43
+ "_theme_custom": "_theme_custom_lum5h_gg_",
44
+ "--colorBg": "--colorBg_lum5h",
45
+ "--duration": "--duration_lum5h",
46
+ "--width": "--width_lum5h",
47
+ "_theme": "__theme_lum5h_gg_"
48
48
  });
49
49
 
50
50
  function isCustomTheme(theme) {
package/lib/es6/style/progress-bar.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SProgressBar {
4
2
  position: relative;
5
3
  width: 100%;
@@ -10,14 +8,18 @@ SValue {
10
8
  position: absolute;
11
9
  top: 0;
12
10
  left: 0;
13
- background-image: linear-gradient(
14
- -45deg,
15
- color-mod(var(--green-400) shade(10%)) 25%,
16
- var(--green-400) 0,
17
- var(--green-400) 50%,
18
- color-mod(var(--green-400) shade(10%)) 0,
19
- color-mod(var(--green-400) shade(10%)) 76%,
20
- var(--green-400) 0
11
+ background-color: var(--intergalactic-progress-bar-value-bg, #000000);
12
+ background-image: var(
13
+ --intergalactic-progress-bar-value-gradient,
14
+ linear-gradient(
15
+ -45deg,
16
+ rgba(0, 159, 129, 0.9) 25%,
17
+ rgba(0, 159, 129, 1) 0%,
18
+ rgba(0, 159, 129, 1) 50%,
19
+ rgba(0, 159, 129, 0.9) 0%,
20
+ rgba(0, 159, 129, 0.9) 75%,
21
+ rgba(0, 159, 129, 1) 0%
22
+ )
21
23
  );
22
24
  overflow: hidden;
23
25
 
@@ -32,30 +34,34 @@ SValue {
32
34
  SProgressBar[size='s'],
33
35
  SValue[size='s'] {
34
36
  height: 4px;
35
- border-radius: var(--rounded-m);
37
+ border-radius: var(--intergalactic-rounded-medium, 6px);
36
38
  background-size: 8px 8px;
37
39
  }
38
40
 
39
41
  SProgressBar[size='m'],
40
42
  SValue[size='m'] {
41
43
  height: 8px;
42
- border-radius: var(--rounded-m);
44
+ border-radius: var(--intergalactic-rounded-medium, 6px);
43
45
  background-size: 12px 12px;
44
46
  }
45
47
 
46
48
  SProgressBar[size='l'],
47
49
  SValue[size='l'] {
48
50
  height: 12px;
49
- border-radius: var(--rounded-m);
51
+ border-radius: var(--intergalactic-rounded-medium, 6px);
50
52
  background-size: 16px 16px;
51
53
  }
52
54
 
55
+ SProgressBar {
56
+ background-color: var(--intergalactic-progress-bar-bg, #e0e1e9);
57
+ }
58
+
53
59
  SProgressBar[theme='dark'] {
54
- background-color: rgba(255, 255, 255, 0.2);
60
+ background-color: var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2));
55
61
  }
56
62
 
57
63
  SProgressBar[theme='invert'] {
58
- background-color: var(--gray-100);
64
+ background-color: var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2));
59
65
  }
60
66
 
61
67
  @keyframes loading {
@@ -68,14 +74,18 @@ SProgressBar[theme='invert'] {
68
74
  }
69
75
 
70
76
  SProgressBar[animation] {
71
- background-image: linear-gradient(
72
- -45deg,
73
- color-mod(var(--gray-100) shade(10%)) 25%,
74
- var(--gray-100) 0,
75
- var(--gray-100) 50%,
76
- color-mod(var(--gray-100) shade(10%)) 0,
77
- color-mod(var(--gray-100) shade(10%)) 76%,
78
- var(--gray-100) 0
77
+ background-color: var(--intergalactic-progress-bar-value-bg, #000000);
78
+ background-image: var(
79
+ --intergalactic-progress-bar-pattern-gradient,
80
+ linear-gradient(
81
+ -45deg,
82
+ rgba(224, 225, 233, 0.9) 25%,
83
+ rgba(224, 225, 233, 1) 0%,
84
+ rgba(224, 225, 233, 1) 50%,
85
+ rgba(224, 225, 233, 0.9) 0%,
86
+ rgba(224, 225, 233, 0.9) 75%,
87
+ rgba(224, 225, 233, 1) 0%
88
+ )
79
89
  );
80
90
  animation-name: loading;
81
91
  animation-timing-function: linear;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/progress-bar",
3
3
  "description": "Semrush ProgressBar Component",
4
- "version": "3.2.5",
4
+ "version": "3.3.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,7 +14,8 @@
14
14
  },
15
15
  "peerDependencies": {
16
16
  "@semcore/core": "^1.11",
17
- "react": "16.8 - 18"
17
+ "react": "16.8 - 18",
18
+ "react-dom": "16.8 - 18"
18
19
  },
19
20
  "jest": {
20
21
  "preset": "@semcore/jest-preset-ui"