@semcore/progress-bar 3.3.34 → 4.0.0-beta.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.
- package/CHANGELOG.md +3 -3
- package/lib/cjs/ProgressBar.js +15 -15
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/ProgressBar.js +15 -15
- package/lib/es6/index.d.js.map +1 -1
- package/lib/types/index.d.ts +16 -12
- package/package.json +4 -4
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
|
-
## [
|
|
5
|
+
## [4.0.0] - 2023-07-15
|
|
6
6
|
|
|
7
|
-
###
|
|
7
|
+
### Break
|
|
8
8
|
|
|
9
|
-
-
|
|
9
|
+
- Strict, backward incompatible typings.
|
|
10
10
|
|
|
11
11
|
## [3.3.33] - 2023-06-27
|
|
12
12
|
|
package/lib/cjs/ProgressBar.js
CHANGED
|
@@ -17,21 +17,21 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
17
17
|
var _flexBox = require("@semcore/flex-box");
|
|
18
18
|
var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
|
|
19
19
|
/*__reshadow-styles__:"./style/progress-bar.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes
|
|
21
|
-
"__SProgressBar": "
|
|
22
|
-
"_theme_dark": "
|
|
23
|
-
"__SValue": "
|
|
24
|
-
"--width": "--
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_theme": "
|
|
27
|
-
"--colorBg": "--
|
|
28
|
-
"_size_s": "
|
|
29
|
-
"_size_m": "
|
|
30
|
-
"_size_l": "
|
|
31
|
-
"_theme_invert": "
|
|
32
|
-
"@loading": "
|
|
33
|
-
"_animation": "
|
|
34
|
-
"_theme_custom": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes loading_1jipp{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1jipp_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1jipp_gg_._theme_dark_1jipp_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_1jipp_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%)\n );overflow:hidden;animation-name:loading_1jipp;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_1jipp);animation-duration:var(--duration_1jipp)}.___SValue_1jipp_gg_.__theme_1jipp_gg_{background-color:var(--colorBg_1jipp);background-image:var(--colorBg_1jipp)}.___SProgressBar_1jipp_gg_._size_s_1jipp_gg_,.___SValue_1jipp_gg_._size_s_1jipp_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_1jipp_gg_._size_m_1jipp_gg_,.___SValue_1jipp_gg_._size_m_1jipp_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_1jipp_gg_._size_l_1jipp_gg_,.___SValue_1jipp_gg_._size_l_1jipp_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_1jipp_gg_._theme_invert_1jipp_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1jipp_gg_.__animation_1jipp_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%)\n );animation-name:loading_1jipp;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_1jipp)}.___SProgressBar_1jipp_gg_._theme_custom_1jipp_gg_{background-color:var(--colorBg_1jipp);background-image:var(--colorBg_1jipp)}@media (prefers-reduced-motion){.___SProgressBar_1jipp_gg_.__animation_1jipp_gg_,.___SValue_1jipp_gg_{animation-name:none}}" /*__inner_css_end__*/, "1jipp_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SProgressBar": "___SProgressBar_1jipp_gg_",
|
|
22
|
+
"_theme_dark": "_theme_dark_1jipp_gg_",
|
|
23
|
+
"__SValue": "___SValue_1jipp_gg_",
|
|
24
|
+
"--width": "--width_1jipp",
|
|
25
|
+
"--duration": "--duration_1jipp",
|
|
26
|
+
"_theme": "__theme_1jipp_gg_",
|
|
27
|
+
"--colorBg": "--colorBg_1jipp",
|
|
28
|
+
"_size_s": "_size_s_1jipp_gg_",
|
|
29
|
+
"_size_m": "_size_m_1jipp_gg_",
|
|
30
|
+
"_size_l": "_size_l_1jipp_gg_",
|
|
31
|
+
"_theme_invert": "_theme_invert_1jipp_gg_",
|
|
32
|
+
"@loading": "loading_1jipp",
|
|
33
|
+
"_animation": "__animation_1jipp_gg_",
|
|
34
|
+
"_theme_custom": "_theme_custom_1jipp_gg_"
|
|
35
35
|
});
|
|
36
36
|
function isCustomTheme(theme) {
|
|
37
37
|
return !['dark', 'invert'].includes(theme);
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IProgressBarProps extends ProgressBarProps, UnknownProperties {}\nexport type ProgressBarProps = BoxProps & {\n /**\n * Progress bar theme\n * @default invert\n */\n theme?: 'dark' | 'invert' | string;\n /**\n * Progress bar size\n * @default m\n */\n size?: 's' | 'm' | 'l';\n /** Value as a percentage */\n value?: number;\n /** Duration of animation, ms\n * @default 1000\n */\n duration?: number;\n};\n\n/** @deprecated */\nexport interface IValueProps extends ValueProps, UnknownProperties {}\nexport type ValueProps = BoxProps & {\n size?: 's' | 'm' | 'l';\n value?: number;\n duration?: number;\n theme?: string;\n};\n\n/** @deprecated */\nexport interface IProgressBarCxt extends ProgressBarCxt, UnknownProperties {}\nexport type ProgressBarCxt = {\n getValueProps: PropGetterFn;\n};\n\ndeclare const ProgressBar: Intergalactic.Component<'div', ProgressBarProps, ProgressBarCxt> & {\n Value: Intergalactic.Component<'div', ValueProps>;\n};\n\nexport default ProgressBar;\n"],"mappings":""}
|
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 resolveColor from '@semcore/utils/lib/color';
|
|
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_1jipp{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1jipp_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1jipp_gg_._theme_dark_1jipp_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_1jipp_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%)\n );overflow:hidden;animation-name:loading_1jipp;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_1jipp);animation-duration:var(--duration_1jipp)}.___SValue_1jipp_gg_.__theme_1jipp_gg_{background-color:var(--colorBg_1jipp);background-image:var(--colorBg_1jipp)}.___SProgressBar_1jipp_gg_._size_s_1jipp_gg_,.___SValue_1jipp_gg_._size_s_1jipp_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_1jipp_gg_._size_m_1jipp_gg_,.___SValue_1jipp_gg_._size_m_1jipp_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_1jipp_gg_._size_l_1jipp_gg_,.___SValue_1jipp_gg_._size_l_1jipp_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_1jipp_gg_._theme_invert_1jipp_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1jipp_gg_.__animation_1jipp_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%)\n );animation-name:loading_1jipp;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_1jipp)}.___SProgressBar_1jipp_gg_._theme_custom_1jipp_gg_{background-color:var(--colorBg_1jipp);background-image:var(--colorBg_1jipp)}@media (prefers-reduced-motion){.___SProgressBar_1jipp_gg_.__animation_1jipp_gg_,.___SValue_1jipp_gg_{animation-name:none}}" /*__inner_css_end__*/, "1jipp_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SProgressBar": "___SProgressBar_1jipp_gg_",
|
|
17
|
+
"_theme_dark": "_theme_dark_1jipp_gg_",
|
|
18
|
+
"__SValue": "___SValue_1jipp_gg_",
|
|
19
|
+
"--width": "--width_1jipp",
|
|
20
|
+
"--duration": "--duration_1jipp",
|
|
21
|
+
"_theme": "__theme_1jipp_gg_",
|
|
22
|
+
"--colorBg": "--colorBg_1jipp",
|
|
23
|
+
"_size_s": "_size_s_1jipp_gg_",
|
|
24
|
+
"_size_m": "_size_m_1jipp_gg_",
|
|
25
|
+
"_size_l": "_size_l_1jipp_gg_",
|
|
26
|
+
"_theme_invert": "_theme_invert_1jipp_gg_",
|
|
27
|
+
"@loading": "loading_1jipp",
|
|
28
|
+
"_animation": "__animation_1jipp_gg_",
|
|
29
|
+
"_theme_custom": "_theme_custom_1jipp_gg_"
|
|
30
30
|
});
|
|
31
31
|
function isCustomTheme(theme) {
|
|
32
32
|
return !['dark', 'invert'].includes(theme);
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IProgressBarProps extends ProgressBarProps, UnknownProperties {}\nexport type ProgressBarProps = BoxProps & {\n /**\n * Progress bar theme\n * @default invert\n */\n theme?: 'dark' | 'invert' | string;\n /**\n * Progress bar size\n * @default m\n */\n size?: 's' | 'm' | 'l';\n /** Value as a percentage */\n value?: number;\n /** Duration of animation, ms\n * @default 1000\n */\n duration?: number;\n};\n\n/** @deprecated */\nexport interface IValueProps extends ValueProps, UnknownProperties {}\nexport type ValueProps = BoxProps & {\n size?: 's' | 'm' | 'l';\n value?: number;\n duration?: number;\n theme?: string;\n};\n\n/** @deprecated */\nexport interface IProgressBarCxt extends ProgressBarCxt, UnknownProperties {}\nexport type ProgressBarCxt = {\n getValueProps: PropGetterFn;\n};\n\ndeclare const ProgressBar: Intergalactic.Component<'div', ProgressBarProps, ProgressBarCxt> & {\n Value: Intergalactic.Component<'div', ValueProps>;\n};\n\nexport default ProgressBar;\n"],"mappings":""}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
2
|
+
import { BoxProps } from '@semcore/flex-box';
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
/** @deprecated */
|
|
5
|
+
export interface IProgressBarProps extends ProgressBarProps, UnknownProperties {}
|
|
6
|
+
export type ProgressBarProps = BoxProps & {
|
|
5
7
|
/**
|
|
6
8
|
* Progress bar theme
|
|
7
9
|
* @default invert
|
|
@@ -18,23 +20,25 @@ export interface IProgressBarProps extends IBoxProps {
|
|
|
18
20
|
* @default 1000
|
|
19
21
|
*/
|
|
20
22
|
duration?: number;
|
|
21
|
-
}
|
|
23
|
+
};
|
|
22
24
|
|
|
23
|
-
|
|
25
|
+
/** @deprecated */
|
|
26
|
+
export interface IValueProps extends ValueProps, UnknownProperties {}
|
|
27
|
+
export type ValueProps = BoxProps & {
|
|
24
28
|
size?: 's' | 'm' | 'l';
|
|
25
29
|
value?: number;
|
|
26
30
|
duration?: number;
|
|
27
31
|
theme?: string;
|
|
28
|
-
}
|
|
32
|
+
};
|
|
29
33
|
|
|
30
|
-
|
|
34
|
+
/** @deprecated */
|
|
35
|
+
export interface IProgressBarCxt extends ProgressBarCxt, UnknownProperties {}
|
|
36
|
+
export type ProgressBarCxt = {
|
|
31
37
|
getValueProps: PropGetterFn;
|
|
32
|
-
}
|
|
38
|
+
};
|
|
33
39
|
|
|
34
|
-
declare const ProgressBar:
|
|
35
|
-
|
|
36
|
-
) => ReturnEl) & {
|
|
37
|
-
Value: <T>(props: IValueProps & T) => ReturnEl;
|
|
40
|
+
declare const ProgressBar: Intergalactic.Component<'div', ProgressBarProps, ProgressBarCxt> & {
|
|
41
|
+
Value: Intergalactic.Component<'div', ValueProps>;
|
|
38
42
|
};
|
|
39
43
|
|
|
40
44
|
export default ProgressBar;
|
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
|
+
"version": "4.0.0-beta.1",
|
|
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": "
|
|
13
|
-
"@semcore/utils": "
|
|
12
|
+
"@semcore/flex-box": "5.0.0-beta.1",
|
|
13
|
+
"@semcore/utils": "4.0.0-beta.1"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
|
-
"@semcore/core": "
|
|
16
|
+
"@semcore/core": "2.0.0-beta.1",
|
|
17
17
|
"react": "16.8 - 18",
|
|
18
18
|
"react-dom": "16.8 - 18"
|
|
19
19
|
},
|