@semcore/progress-bar 4.28.0-prerelease.0 → 4.29.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.
- package/CHANGELOG.md +8 -2
- package/lib/cjs/ProgressBar.js +15 -15
- package/lib/es6/ProgressBar.js +15 -15
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.29.0] - 2024-07-12
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/flex-box` [5.29.0 ~> 5.30.0], `@semcore/utils` [4.30.0 ~> 4.31.0], `@semcore/core` [2.27.0 ~> 2.28.0]).
|
|
10
|
+
|
|
5
11
|
## [4.28.0] - 2024-06-26
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -599,13 +605,13 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
599
605
|
|
|
600
606
|
### Fixed
|
|
601
607
|
|
|
602
|
-
- Исправлен транспайл цветовых переменных для стилей без префиксов (build.css)
|
|
608
|
+
- Исправлен транспайл цветовых переменных для стилей без префиксов (`build.css`)
|
|
603
609
|
|
|
604
610
|
## [1.2.0] - 2019-12-12
|
|
605
611
|
|
|
606
612
|
### Added
|
|
607
613
|
|
|
608
|
-
- Появилась возможность добавления различных стилистических тем через
|
|
614
|
+
- Появилась возможность добавления различных стилистических тем через CSS переменные
|
|
609
615
|
- Появилась возможность оптицонально подключать адаптивноссть
|
|
610
616
|
- Появилась возможность изолировать стили даже в пределах одной страницы
|
|
611
617
|
|
package/lib/cjs/ProgressBar.js
CHANGED
|
@@ -18,21 +18,21 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
18
18
|
var _flexBox = require("@semcore/flex-box");
|
|
19
19
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
20
20
|
/*__reshadow-styles__:"./style/progress-bar.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes
|
|
22
|
-
"__SProgressBar": "
|
|
23
|
-
"_theme_dark": "
|
|
24
|
-
"__SValue": "
|
|
25
|
-
"--width": "--
|
|
26
|
-
"--duration": "--
|
|
27
|
-
"_theme": "
|
|
28
|
-
"--colorBg": "--
|
|
29
|
-
"_size_s": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"_size_l": "
|
|
32
|
-
"_theme_invert": "
|
|
33
|
-
"@loading": "
|
|
34
|
-
"_animation": "
|
|
35
|
-
"_theme_custom": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes loading_yh46r{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_yh46r_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_yh46r_gg_._theme_dark_yh46r_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_yh46r_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%));overflow:hidden;animation-name:loading_yh46r;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_yh46r);animation-duration:var(--duration_yh46r);transition-duration:var(--duration_yh46r)}.___SValue_yh46r_gg_.__theme_yh46r_gg_{background-color:var(--colorBg_yh46r);background-image:var(--colorBg_yh46r)}.___SProgressBar_yh46r_gg_._size_s_yh46r_gg_,.___SValue_yh46r_gg_._size_s_yh46r_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_yh46r_gg_._size_m_yh46r_gg_,.___SValue_yh46r_gg_._size_m_yh46r_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_yh46r_gg_._size_l_yh46r_gg_,.___SValue_yh46r_gg_._size_l_yh46r_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_yh46r_gg_._theme_invert_yh46r_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_yh46r_gg_.__animation_yh46r_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%));animation-name:loading_yh46r;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_yh46r)}.___SProgressBar_yh46r_gg_._theme_custom_yh46r_gg_{background-color:var(--colorBg_yh46r);background-image:var(--colorBg_yh46r)}@media (prefers-reduced-motion){.___SProgressBar_yh46r_gg_.__animation_yh46r_gg_,.___SValue_yh46r_gg_{animation-name:none}}" /*__inner_css_end__*/, "yh46r_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SProgressBar": "___SProgressBar_yh46r_gg_",
|
|
23
|
+
"_theme_dark": "_theme_dark_yh46r_gg_",
|
|
24
|
+
"__SValue": "___SValue_yh46r_gg_",
|
|
25
|
+
"--width": "--width_yh46r",
|
|
26
|
+
"--duration": "--duration_yh46r",
|
|
27
|
+
"_theme": "__theme_yh46r_gg_",
|
|
28
|
+
"--colorBg": "--colorBg_yh46r",
|
|
29
|
+
"_size_s": "_size_s_yh46r_gg_",
|
|
30
|
+
"_size_m": "_size_m_yh46r_gg_",
|
|
31
|
+
"_size_l": "_size_l_yh46r_gg_",
|
|
32
|
+
"_theme_invert": "_theme_invert_yh46r_gg_",
|
|
33
|
+
"@loading": "loading_yh46r",
|
|
34
|
+
"_animation": "__animation_yh46r_gg_",
|
|
35
|
+
"_theme_custom": "_theme_custom_yh46r_gg_"
|
|
36
36
|
});
|
|
37
37
|
function isCustomTheme(theme) {
|
|
38
38
|
return !['dark', 'invert'].includes(theme);
|
package/lib/es6/ProgressBar.js
CHANGED
|
@@ -12,21 +12,21 @@ import createComponent, { Component, sstyled, Root } from '@semcore/core';
|
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
13
|
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
14
14
|
/*__reshadow-styles__:"./style/progress-bar.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes
|
|
16
|
-
"__SProgressBar": "
|
|
17
|
-
"_theme_dark": "
|
|
18
|
-
"__SValue": "
|
|
19
|
-
"--width": "--
|
|
20
|
-
"--duration": "--
|
|
21
|
-
"_theme": "
|
|
22
|
-
"--colorBg": "--
|
|
23
|
-
"_size_s": "
|
|
24
|
-
"_size_m": "
|
|
25
|
-
"_size_l": "
|
|
26
|
-
"_theme_invert": "
|
|
27
|
-
"@loading": "
|
|
28
|
-
"_animation": "
|
|
29
|
-
"_theme_custom": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes loading_yh46r{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_yh46r_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_yh46r_gg_._theme_dark_yh46r_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_yh46r_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%));overflow:hidden;animation-name:loading_yh46r;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_yh46r);animation-duration:var(--duration_yh46r);transition-duration:var(--duration_yh46r)}.___SValue_yh46r_gg_.__theme_yh46r_gg_{background-color:var(--colorBg_yh46r);background-image:var(--colorBg_yh46r)}.___SProgressBar_yh46r_gg_._size_s_yh46r_gg_,.___SValue_yh46r_gg_._size_s_yh46r_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_yh46r_gg_._size_m_yh46r_gg_,.___SValue_yh46r_gg_._size_m_yh46r_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_yh46r_gg_._size_l_yh46r_gg_,.___SValue_yh46r_gg_._size_l_yh46r_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_yh46r_gg_._theme_invert_yh46r_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_yh46r_gg_.__animation_yh46r_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%));animation-name:loading_yh46r;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_yh46r)}.___SProgressBar_yh46r_gg_._theme_custom_yh46r_gg_{background-color:var(--colorBg_yh46r);background-image:var(--colorBg_yh46r)}@media (prefers-reduced-motion){.___SProgressBar_yh46r_gg_.__animation_yh46r_gg_,.___SValue_yh46r_gg_{animation-name:none}}" /*__inner_css_end__*/, "yh46r_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SProgressBar": "___SProgressBar_yh46r_gg_",
|
|
17
|
+
"_theme_dark": "_theme_dark_yh46r_gg_",
|
|
18
|
+
"__SValue": "___SValue_yh46r_gg_",
|
|
19
|
+
"--width": "--width_yh46r",
|
|
20
|
+
"--duration": "--duration_yh46r",
|
|
21
|
+
"_theme": "__theme_yh46r_gg_",
|
|
22
|
+
"--colorBg": "--colorBg_yh46r",
|
|
23
|
+
"_size_s": "_size_s_yh46r_gg_",
|
|
24
|
+
"_size_m": "_size_m_yh46r_gg_",
|
|
25
|
+
"_size_l": "_size_l_yh46r_gg_",
|
|
26
|
+
"_theme_invert": "_theme_invert_yh46r_gg_",
|
|
27
|
+
"@loading": "loading_yh46r",
|
|
28
|
+
"_animation": "__animation_yh46r_gg_",
|
|
29
|
+
"_theme_custom": "_theme_custom_yh46r_gg_"
|
|
30
30
|
});
|
|
31
31
|
function isCustomTheme(theme) {
|
|
32
32
|
return !['dark', 'invert'].includes(theme);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/progress-bar",
|
|
3
3
|
"description": "Semrush ProgressBar Component",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.29.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/flex-box": "5.
|
|
13
|
-
"@semcore/utils": "4.
|
|
12
|
+
"@semcore/flex-box": "5.30.0-prerelease.0",
|
|
13
|
+
"@semcore/utils": "4.31.0-prerelease.0"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
|
-
"@semcore/core": "^2.
|
|
16
|
+
"@semcore/core": "^2.28.0-prerelease.0",
|
|
17
17
|
"react": "16.8 - 18",
|
|
18
18
|
"react-dom": "16.8 - 18"
|
|
19
19
|
},
|