@semcore/progress-bar 16.0.6-prerelease.3 → 16.0.7-prerelease.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 +6 -0
- 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/esm/ProgressBar.mjs +16 -16
- package/lib/types/index.d.ts +4 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
package/lib/cjs/ProgressBar.js
CHANGED
|
@@ -19,23 +19,23 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
19
19
|
var _react = _interopRequireDefault(require("react"));
|
|
20
20
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
21
21
|
/*!__reshadow-styles__:"./style/progress-bar.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes loading_miltz{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_miltz_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_miltz_gg_._theme_dark_miltz_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_miltz_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_miltz;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_miltz);animation-duration:var(--duration_miltz);transition-duration:var(--duration_miltz)}.___SValue_miltz_gg_.__theme_miltz_gg_{background-color:var(--colorBg_miltz);background-image:var(--colorBg_miltz)}.___SProgressBar_miltz_gg_._size_s_miltz_gg_,.___SValue_miltz_gg_._size_s_miltz_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_miltz_gg_._size_m_miltz_gg_,.___SValue_miltz_gg_._size_m_miltz_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_miltz_gg_._size_l_miltz_gg_,.___SValue_miltz_gg_._size_l_miltz_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_miltz_gg_._theme_invert_miltz_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_miltz_gg_.__animation_miltz_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_miltz;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_miltz)}.___SProgressBar_miltz_gg_._theme_custom_miltz_gg_{background-color:var(--colorBg_miltz);background-image:var(--colorBg_miltz)}@media (prefers-reduced-motion){.___SProgressBar_miltz_gg_.__animation_miltz_gg_,.___SValue_miltz_gg_{animation-name:none}}", /*__inner_css_end__*/"miltz_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SProgressBar": "
|
|
26
|
-
"_theme_dark": "
|
|
27
|
-
"__SValue": "
|
|
28
|
-
"--width": "--
|
|
29
|
-
"--duration": "--
|
|
30
|
-
"_theme": "
|
|
31
|
-
"--colorBg": "--
|
|
32
|
-
"_size_s": "
|
|
33
|
-
"_size_m": "
|
|
34
|
-
"_size_l": "
|
|
35
|
-
"_theme_invert": "
|
|
36
|
-
"@loading": "
|
|
37
|
-
"_animation": "
|
|
38
|
-
"_theme_custom": "
|
|
25
|
+
"__SProgressBar": "___SProgressBar_miltz_gg_",
|
|
26
|
+
"_theme_dark": "_theme_dark_miltz_gg_",
|
|
27
|
+
"__SValue": "___SValue_miltz_gg_",
|
|
28
|
+
"--width": "--width_miltz",
|
|
29
|
+
"--duration": "--duration_miltz",
|
|
30
|
+
"_theme": "__theme_miltz_gg_",
|
|
31
|
+
"--colorBg": "--colorBg_miltz",
|
|
32
|
+
"_size_s": "_size_s_miltz_gg_",
|
|
33
|
+
"_size_m": "_size_m_miltz_gg_",
|
|
34
|
+
"_size_l": "_size_l_miltz_gg_",
|
|
35
|
+
"_theme_invert": "_theme_invert_miltz_gg_",
|
|
36
|
+
"@loading": "loading_miltz",
|
|
37
|
+
"_animation": "__animation_miltz_gg_",
|
|
38
|
+
"_theme_custom": "_theme_custom_miltz_gg_"
|
|
39
39
|
});
|
|
40
40
|
function isCustomTheme(theme) {
|
|
41
41
|
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 type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { 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":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { 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 /** Controls the size of the value bar */\n size?: 's' | 'm' | 'l';\n /** Progress value */\n value?: number;\n /** Animation diration in milliseconds for transitions */\n duration?: number;\n /** Color theme */\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":"","ignoreList":[]}
|
package/lib/es6/ProgressBar.js
CHANGED
|
@@ -15,23 +15,23 @@ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEn
|
|
|
15
15
|
import { Box } from '@semcore/flex-box';
|
|
16
16
|
import React from 'react';
|
|
17
17
|
/*!__reshadow-styles__:"./style/progress-bar.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes loading_miltz{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_miltz_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_miltz_gg_._theme_dark_miltz_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_miltz_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_miltz;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_miltz);animation-duration:var(--duration_miltz);transition-duration:var(--duration_miltz)}.___SValue_miltz_gg_.__theme_miltz_gg_{background-color:var(--colorBg_miltz);background-image:var(--colorBg_miltz)}.___SProgressBar_miltz_gg_._size_s_miltz_gg_,.___SValue_miltz_gg_._size_s_miltz_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_miltz_gg_._size_m_miltz_gg_,.___SValue_miltz_gg_._size_m_miltz_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_miltz_gg_._size_l_miltz_gg_,.___SValue_miltz_gg_._size_l_miltz_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_miltz_gg_._theme_invert_miltz_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_miltz_gg_.__animation_miltz_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_miltz;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_miltz)}.___SProgressBar_miltz_gg_._theme_custom_miltz_gg_{background-color:var(--colorBg_miltz);background-image:var(--colorBg_miltz)}@media (prefers-reduced-motion){.___SProgressBar_miltz_gg_.__animation_miltz_gg_,.___SValue_miltz_gg_{animation-name:none}}", /*__inner_css_end__*/"miltz_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
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": "
|
|
21
|
+
"__SProgressBar": "___SProgressBar_miltz_gg_",
|
|
22
|
+
"_theme_dark": "_theme_dark_miltz_gg_",
|
|
23
|
+
"__SValue": "___SValue_miltz_gg_",
|
|
24
|
+
"--width": "--width_miltz",
|
|
25
|
+
"--duration": "--duration_miltz",
|
|
26
|
+
"_theme": "__theme_miltz_gg_",
|
|
27
|
+
"--colorBg": "--colorBg_miltz",
|
|
28
|
+
"_size_s": "_size_s_miltz_gg_",
|
|
29
|
+
"_size_m": "_size_m_miltz_gg_",
|
|
30
|
+
"_size_l": "_size_l_miltz_gg_",
|
|
31
|
+
"_theme_invert": "_theme_invert_miltz_gg_",
|
|
32
|
+
"@loading": "loading_miltz",
|
|
33
|
+
"_animation": "__animation_miltz_gg_",
|
|
34
|
+
"_theme_custom": "_theme_custom_miltz_gg_"
|
|
35
35
|
});
|
|
36
36
|
function isCustomTheme(theme) {
|
|
37
37
|
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 type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { 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":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { 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 /** Controls the size of the value bar */\n size?: 's' | 'm' | 'l';\n /** Progress value */\n value?: number;\n /** Animation diration in milliseconds for transitions */\n duration?: number;\n /** Color theme */\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":"","ignoreList":[]}
|
package/lib/esm/ProgressBar.mjs
CHANGED
|
@@ -18,25 +18,25 @@ var style = (
|
|
|
18
18
|
/*__reshadow_css_start__*/
|
|
19
19
|
(sstyled.insert(
|
|
20
20
|
/*__inner_css_start__*/
|
|
21
|
-
"@keyframes
|
|
21
|
+
"@keyframes loading_miltz{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_miltz_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_miltz_gg_._theme_dark_miltz_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_miltz_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_miltz;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_miltz);animation-duration:var(--duration_miltz);transition-duration:var(--duration_miltz)}.___SValue_miltz_gg_.__theme_miltz_gg_{background-color:var(--colorBg_miltz);background-image:var(--colorBg_miltz)}.___SProgressBar_miltz_gg_._size_s_miltz_gg_,.___SValue_miltz_gg_._size_s_miltz_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_miltz_gg_._size_m_miltz_gg_,.___SValue_miltz_gg_._size_m_miltz_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_miltz_gg_._size_l_miltz_gg_,.___SValue_miltz_gg_._size_l_miltz_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_miltz_gg_._theme_invert_miltz_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_miltz_gg_.__animation_miltz_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_miltz;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_miltz)}.___SProgressBar_miltz_gg_._theme_custom_miltz_gg_{background-color:var(--colorBg_miltz);background-image:var(--colorBg_miltz)}@media (prefers-reduced-motion){.___SProgressBar_miltz_gg_.__animation_miltz_gg_,.___SValue_miltz_gg_{animation-name:none}}",
|
|
22
22
|
/*__inner_css_end__*/
|
|
23
|
-
"
|
|
23
|
+
"miltz_gg_"
|
|
24
24
|
), /*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SProgressBar": "
|
|
27
|
-
"_theme_dark": "
|
|
28
|
-
"__SValue": "
|
|
29
|
-
"--width": "--
|
|
30
|
-
"--duration": "--
|
|
31
|
-
"_theme": "
|
|
32
|
-
"--colorBg": "--
|
|
33
|
-
"_size_s": "
|
|
34
|
-
"_size_m": "
|
|
35
|
-
"_size_l": "
|
|
36
|
-
"_theme_invert": "
|
|
37
|
-
"@loading": "
|
|
38
|
-
"_animation": "
|
|
39
|
-
"_theme_custom": "
|
|
26
|
+
"__SProgressBar": "___SProgressBar_miltz_gg_",
|
|
27
|
+
"_theme_dark": "_theme_dark_miltz_gg_",
|
|
28
|
+
"__SValue": "___SValue_miltz_gg_",
|
|
29
|
+
"--width": "--width_miltz",
|
|
30
|
+
"--duration": "--duration_miltz",
|
|
31
|
+
"_theme": "__theme_miltz_gg_",
|
|
32
|
+
"--colorBg": "--colorBg_miltz",
|
|
33
|
+
"_size_s": "_size_s_miltz_gg_",
|
|
34
|
+
"_size_m": "_size_m_miltz_gg_",
|
|
35
|
+
"_size_l": "_size_l_miltz_gg_",
|
|
36
|
+
"_theme_invert": "_theme_invert_miltz_gg_",
|
|
37
|
+
"@loading": "loading_miltz",
|
|
38
|
+
"_animation": "__animation_miltz_gg_",
|
|
39
|
+
"_theme_custom": "_theme_custom_miltz_gg_"
|
|
40
40
|
})
|
|
41
41
|
);
|
|
42
42
|
function isCustomTheme(theme) {
|
package/lib/types/index.d.ts
CHANGED
|
@@ -25,9 +25,13 @@ export type ProgressBarProps = BoxProps & {
|
|
|
25
25
|
/** @deprecated */
|
|
26
26
|
export interface IValueProps extends ValueProps, UnknownProperties {}
|
|
27
27
|
export type ValueProps = BoxProps & {
|
|
28
|
+
/** Controls the size of the value bar */
|
|
28
29
|
size?: 's' | 'm' | 'l';
|
|
30
|
+
/** Progress value */
|
|
29
31
|
value?: number;
|
|
32
|
+
/** Animation diration in milliseconds for transitions */
|
|
30
33
|
duration?: number;
|
|
34
|
+
/** Color theme */
|
|
31
35
|
theme?: string;
|
|
32
36
|
};
|
|
33
37
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/progress-bar",
|
|
3
3
|
"description": "Semrush ProgressBar Component",
|
|
4
|
-
"version": "16.0.
|
|
4
|
+
"version": "16.0.7-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.0.
|
|
17
|
+
"@semcore/flex-box": "16.0.7-prerelease.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@semcore/base-components": "^16.2.
|
|
20
|
+
"@semcore/base-components": "^16.2.1-prerelease.1"
|
|
21
21
|
},
|
|
22
22
|
"repository": {
|
|
23
23
|
"type": "git",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"directory": "semcore/progress-bar"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@semcore/core": "16.0.
|
|
28
|
+
"@semcore/core": "16.1.0-prerelease.1",
|
|
29
29
|
"@semcore/testing-utils": "1.0.0"
|
|
30
30
|
},
|
|
31
31
|
"scripts": {
|