@semcore/progress-bar 17.2.1 → 17.2.2-prerelease.5
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/ProgressBar.type.js.map +1 -1
- package/lib/cjs/style/progress-bar.shadow.css +3 -3
- package/lib/es6/ProgressBar.js +15 -15
- package/lib/es6/ProgressBar.type.js.map +1 -1
- package/lib/es6/style/progress-bar.shadow.css +3 -3
- package/lib/esm/ProgressBar.mjs +16 -16
- package/lib/esm/style/progress-bar.shadow.css +3 -3
- package/lib/types/ProgressBar.d.ts +1 -0
- package/lib/types/ProgressBar.d.ts.map +1 -0
- package/lib/types/ProgressBar.type.d.ts +7 -6
- package/lib/types/ProgressBar.type.d.ts.map +1 -0
- package/lib/types/index.d.ts +1 -0
- package/lib/types/index.d.ts.map +1 -0
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
package/lib/cjs/ProgressBar.js
CHANGED
|
@@ -11,23 +11,23 @@ var _baseComponents = require("@semcore/base-components");
|
|
|
11
11
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
/*!__reshadow-styles__:"./style/progress-bar.shadow.css"*/
|
|
14
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SProgressBar_1iryn_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg,#000c0829)}@media (color-gamut:p3){.___SProgressBar_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg,oklch(.137 .026 175.7/.161))}}.___SProgressBar_1iryn_gg_._theme_dark_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg-invert,oklch(.45 .004 143.7))}.___SValue_1iryn_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg,oklch(1 0 0));background-image:var(--intergalactic-progress-bar-value-gradient,linear-gradient(-45deg,#b17df1 25%,#c08eff 0,#c08eff 50%,#b17df1 0,#b17df1 75%,#c08eff 0));overflow:hidden;animation-name:loading_1iryn;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_1iryn);animation-duration:var(--duration_1iryn);transition-duration:var(--duration_1iryn)}@media (color-gamut:p3){.___SValue_1iryn_gg_{background-image:var(--intergalactic-progress-bar-value-gradient,linear-gradient(-45deg,#b17df1 25%,oklch(.74 .17 303) 0,oklch(.74 .17 303) 50%,#b17df1 0,#b17df1 75%,oklch(.74 .17 303) 0))}}.___SValue_1iryn_gg_.__theme_1iryn_gg_{background-color:var(--colorBg_1iryn);background-image:var(--colorBg_1iryn)}.___SProgressBar_1iryn_gg_._size_s_1iryn_gg_,.___SValue_1iryn_gg_._size_s_1iryn_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded,6px);background-size:8px 8px}.___SProgressBar_1iryn_gg_._size_m_1iryn_gg_,.___SValue_1iryn_gg_._size_m_1iryn_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded,6px);background-size:12px 12px}.___SProgressBar_1iryn_gg_._size_l_1iryn_gg_,.___SValue_1iryn_gg_._size_l_1iryn_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded,6px);background-size:16px 16px}.___SProgressBar_1iryn_gg_._theme_invert_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg,#000c0829)}@media (color-gamut:p3){.___SProgressBar_1iryn_gg_._theme_invert_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg,oklch(.137 .026 175.7/.161))}}@keyframes loading_1iryn{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1iryn_gg_.__animation_1iryn_gg_{background-color:var(--intergalactic-progress-bar-value-bg,oklch(1 0 0));background-image:var(--intergalactic-progress-bar-pattern-gradient,linear-gradient(-45deg,oklch(0 0 0/.1) 25%,#000c0829 0,#000c0829 50%,oklch(0 0 0/.1) 0,oklch(0 0 0/.1) 75%,#000c0829 0));animation-name:loading_1iryn;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_1iryn)}@media (color-gamut:p3){.___SProgressBar_1iryn_gg_.__animation_1iryn_gg_{background-image:var(--intergalactic-progress-bar-pattern-gradient,linear-gradient(-45deg,oklch(0 0 0/.1) 25%,oklch(.137 .026 175.7/.161) 0,oklch(.137 .026 175.7/.161) 50%,oklch(0 0 0/.1) 0,oklch(0 0 0/.1) 75%,oklch(.137 .026 175.7/.161) 0))}}.___SProgressBar_1iryn_gg_._theme_custom_1iryn_gg_{background-color:var(--colorBg_1iryn);background-image:var(--colorBg_1iryn)}@media (prefers-reduced-motion){.___SProgressBar_1iryn_gg_.__animation_1iryn_gg_,.___SValue_1iryn_gg_{animation-name:none}}", /*__inner_css_end__*/"1iryn_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SProgressBar": "
|
|
18
|
-
"_theme_dark": "
|
|
19
|
-
"__SValue": "
|
|
20
|
-
"--width": "--
|
|
21
|
-
"--duration": "--
|
|
22
|
-
"_theme": "
|
|
23
|
-
"--colorBg": "--
|
|
24
|
-
"_size_s": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"_theme_invert": "
|
|
28
|
-
"@loading": "
|
|
29
|
-
"_animation": "
|
|
30
|
-
"_theme_custom": "
|
|
17
|
+
"__SProgressBar": "___SProgressBar_1iryn_gg_",
|
|
18
|
+
"_theme_dark": "_theme_dark_1iryn_gg_",
|
|
19
|
+
"__SValue": "___SValue_1iryn_gg_",
|
|
20
|
+
"--width": "--width_1iryn",
|
|
21
|
+
"--duration": "--duration_1iryn",
|
|
22
|
+
"_theme": "__theme_1iryn_gg_",
|
|
23
|
+
"--colorBg": "--colorBg_1iryn",
|
|
24
|
+
"_size_s": "_size_s_1iryn_gg_",
|
|
25
|
+
"_size_m": "_size_m_1iryn_gg_",
|
|
26
|
+
"_size_l": "_size_l_1iryn_gg_",
|
|
27
|
+
"_theme_invert": "_theme_invert_1iryn_gg_",
|
|
28
|
+
"@loading": "loading_1iryn",
|
|
29
|
+
"_animation": "__animation_1iryn_gg_",
|
|
30
|
+
"_theme_custom": "_theme_custom_1iryn_gg_"
|
|
31
31
|
});
|
|
32
32
|
function isCustomTheme(theme) {
|
|
33
33
|
if (!theme) return false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.type.js","names":[],"sources":["../../src/ProgressBar.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"ProgressBar.type.js","names":[],"sources":["../../src/ProgressBar.type.ts"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\n\ndeclare namespace NSProgressBar {\n type Props = NSBox.Props & {\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 type DefaultProps = {\n duration: 1000;\n size: 'm';\n theme: 'invert';\n children: React.ReactNode;\n };\n\n type Ctx = {\n getValueProps: PropGetterFn;\n };\n\n namespace Value {\n type Props = NSBox.Props & {\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 type Component = Intergalactic.Component<'div', Props>;\n }\n\n type Component = Intergalactic.Component<'div', Props, Ctx> & {\n Value: Value.Component;\n };\n}\n\n/** @deprecated It will be removed in v19. */\nexport type ProgressBarProps = NSProgressBar.Props;\n/** @deprecated It will be removed in v19. */\nexport type ValueProps = NSProgressBar.Value.Props;\n/** @deprecated It will be removed in v19. */\nexport type ProgressBarCxt = NSProgressBar.Ctx;\n\nexport type { NSProgressBar };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ SProgressBar {
|
|
|
2
2
|
position: relative;
|
|
3
3
|
width: 100%;
|
|
4
4
|
overflow: hidden;
|
|
5
|
-
background-color: var(--intergalactic-progress-bar-bg, oklch(0.
|
|
5
|
+
background-color: var(--intergalactic-progress-bar-bg, oklch(0.137 0.026 175.7 / 0.161));
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
SProgressBar[theme='dark'] {
|
|
@@ -57,7 +57,7 @@ SValue[size='l'] {
|
|
|
57
57
|
|
|
58
58
|
|
|
59
59
|
SProgressBar[theme='invert'] {
|
|
60
|
-
background-color: var(--intergalactic-progress-bar-bg, oklch(0.
|
|
60
|
+
background-color: var(--intergalactic-progress-bar-bg, oklch(0.137 0.026 175.7 / 0.161));
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
@keyframes loading {
|
|
@@ -73,7 +73,7 @@ SProgressBar[theme='invert'] {
|
|
|
73
73
|
SProgressBar[animation] {
|
|
74
74
|
background-color: var(--intergalactic-progress-bar-value-bg, oklch(1 0 0));
|
|
75
75
|
background-image: var(--intergalactic-progress-bar-pattern-gradient,
|
|
76
|
-
linear-gradient(-45deg, oklch(0 0 0 / 0.1) 25%, oklch(0.
|
|
76
|
+
linear-gradient(-45deg, oklch(0 0 0 / 0.1) 25%, oklch(0.137 0.026 175.7 / 0.161) 0%, oklch(0.137 0.026 175.7 / 0.161) 50%, oklch(0 0 0 / 0.1) 0%, oklch(0 0 0 / 0.1) 75%, oklch(0.137 0.026 175.7 / 0.161) 0%));
|
|
77
77
|
animation-name: loading;
|
|
78
78
|
animation-timing-function: linear;
|
|
79
79
|
animation-iteration-count: infinite;
|
package/lib/es6/ProgressBar.js
CHANGED
|
@@ -7,23 +7,23 @@ import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
|
7
7
|
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
8
8
|
import React from 'react';
|
|
9
9
|
/*!__reshadow-styles__:"./style/progress-bar.shadow.css"*/
|
|
10
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SProgressBar_1iryn_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg,#000c0829)}@media (color-gamut:p3){.___SProgressBar_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg,oklch(.137 .026 175.7/.161))}}.___SProgressBar_1iryn_gg_._theme_dark_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg-invert,oklch(.45 .004 143.7))}.___SValue_1iryn_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg,oklch(1 0 0));background-image:var(--intergalactic-progress-bar-value-gradient,linear-gradient(-45deg,#b17df1 25%,#c08eff 0,#c08eff 50%,#b17df1 0,#b17df1 75%,#c08eff 0));overflow:hidden;animation-name:loading_1iryn;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_1iryn);animation-duration:var(--duration_1iryn);transition-duration:var(--duration_1iryn)}@media (color-gamut:p3){.___SValue_1iryn_gg_{background-image:var(--intergalactic-progress-bar-value-gradient,linear-gradient(-45deg,#b17df1 25%,oklch(.74 .17 303) 0,oklch(.74 .17 303) 50%,#b17df1 0,#b17df1 75%,oklch(.74 .17 303) 0))}}.___SValue_1iryn_gg_.__theme_1iryn_gg_{background-color:var(--colorBg_1iryn);background-image:var(--colorBg_1iryn)}.___SProgressBar_1iryn_gg_._size_s_1iryn_gg_,.___SValue_1iryn_gg_._size_s_1iryn_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded,6px);background-size:8px 8px}.___SProgressBar_1iryn_gg_._size_m_1iryn_gg_,.___SValue_1iryn_gg_._size_m_1iryn_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded,6px);background-size:12px 12px}.___SProgressBar_1iryn_gg_._size_l_1iryn_gg_,.___SValue_1iryn_gg_._size_l_1iryn_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded,6px);background-size:16px 16px}.___SProgressBar_1iryn_gg_._theme_invert_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg,#000c0829)}@media (color-gamut:p3){.___SProgressBar_1iryn_gg_._theme_invert_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg,oklch(.137 .026 175.7/.161))}}@keyframes loading_1iryn{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1iryn_gg_.__animation_1iryn_gg_{background-color:var(--intergalactic-progress-bar-value-bg,oklch(1 0 0));background-image:var(--intergalactic-progress-bar-pattern-gradient,linear-gradient(-45deg,oklch(0 0 0/.1) 25%,#000c0829 0,#000c0829 50%,oklch(0 0 0/.1) 0,oklch(0 0 0/.1) 75%,#000c0829 0));animation-name:loading_1iryn;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_1iryn)}@media (color-gamut:p3){.___SProgressBar_1iryn_gg_.__animation_1iryn_gg_{background-image:var(--intergalactic-progress-bar-pattern-gradient,linear-gradient(-45deg,oklch(0 0 0/.1) 25%,oklch(.137 .026 175.7/.161) 0,oklch(.137 .026 175.7/.161) 50%,oklch(0 0 0/.1) 0,oklch(0 0 0/.1) 75%,oklch(.137 .026 175.7/.161) 0))}}.___SProgressBar_1iryn_gg_._theme_custom_1iryn_gg_{background-color:var(--colorBg_1iryn);background-image:var(--colorBg_1iryn)}@media (prefers-reduced-motion){.___SProgressBar_1iryn_gg_.__animation_1iryn_gg_,.___SValue_1iryn_gg_{animation-name:none}}", /*__inner_css_end__*/"1iryn_gg_"),
|
|
11
11
|
/*__reshadow_css_end__*/
|
|
12
12
|
{
|
|
13
|
-
"__SProgressBar": "
|
|
14
|
-
"_theme_dark": "
|
|
15
|
-
"__SValue": "
|
|
16
|
-
"--width": "--
|
|
17
|
-
"--duration": "--
|
|
18
|
-
"_theme": "
|
|
19
|
-
"--colorBg": "--
|
|
20
|
-
"_size_s": "
|
|
21
|
-
"_size_m": "
|
|
22
|
-
"_size_l": "
|
|
23
|
-
"_theme_invert": "
|
|
24
|
-
"@loading": "
|
|
25
|
-
"_animation": "
|
|
26
|
-
"_theme_custom": "
|
|
13
|
+
"__SProgressBar": "___SProgressBar_1iryn_gg_",
|
|
14
|
+
"_theme_dark": "_theme_dark_1iryn_gg_",
|
|
15
|
+
"__SValue": "___SValue_1iryn_gg_",
|
|
16
|
+
"--width": "--width_1iryn",
|
|
17
|
+
"--duration": "--duration_1iryn",
|
|
18
|
+
"_theme": "__theme_1iryn_gg_",
|
|
19
|
+
"--colorBg": "--colorBg_1iryn",
|
|
20
|
+
"_size_s": "_size_s_1iryn_gg_",
|
|
21
|
+
"_size_m": "_size_m_1iryn_gg_",
|
|
22
|
+
"_size_l": "_size_l_1iryn_gg_",
|
|
23
|
+
"_theme_invert": "_theme_invert_1iryn_gg_",
|
|
24
|
+
"@loading": "loading_1iryn",
|
|
25
|
+
"_animation": "__animation_1iryn_gg_",
|
|
26
|
+
"_theme_custom": "_theme_custom_1iryn_gg_"
|
|
27
27
|
});
|
|
28
28
|
function isCustomTheme(theme) {
|
|
29
29
|
if (!theme) return false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.type.js","names":[],"sources":["../../src/ProgressBar.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"ProgressBar.type.js","names":[],"sources":["../../src/ProgressBar.type.ts"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\n\ndeclare namespace NSProgressBar {\n type Props = NSBox.Props & {\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 type DefaultProps = {\n duration: 1000;\n size: 'm';\n theme: 'invert';\n children: React.ReactNode;\n };\n\n type Ctx = {\n getValueProps: PropGetterFn;\n };\n\n namespace Value {\n type Props = NSBox.Props & {\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 type Component = Intergalactic.Component<'div', Props>;\n }\n\n type Component = Intergalactic.Component<'div', Props, Ctx> & {\n Value: Value.Component;\n };\n}\n\n/** @deprecated It will be removed in v19. */\nexport type ProgressBarProps = NSProgressBar.Props;\n/** @deprecated It will be removed in v19. */\nexport type ValueProps = NSProgressBar.Value.Props;\n/** @deprecated It will be removed in v19. */\nexport type ProgressBarCxt = NSProgressBar.Ctx;\n\nexport type { NSProgressBar };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ SProgressBar {
|
|
|
2
2
|
position: relative;
|
|
3
3
|
width: 100%;
|
|
4
4
|
overflow: hidden;
|
|
5
|
-
background-color: var(--intergalactic-progress-bar-bg, oklch(0.
|
|
5
|
+
background-color: var(--intergalactic-progress-bar-bg, oklch(0.137 0.026 175.7 / 0.161));
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
SProgressBar[theme='dark'] {
|
|
@@ -57,7 +57,7 @@ SValue[size='l'] {
|
|
|
57
57
|
|
|
58
58
|
|
|
59
59
|
SProgressBar[theme='invert'] {
|
|
60
|
-
background-color: var(--intergalactic-progress-bar-bg, oklch(0.
|
|
60
|
+
background-color: var(--intergalactic-progress-bar-bg, oklch(0.137 0.026 175.7 / 0.161));
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
@keyframes loading {
|
|
@@ -73,7 +73,7 @@ SProgressBar[theme='invert'] {
|
|
|
73
73
|
SProgressBar[animation] {
|
|
74
74
|
background-color: var(--intergalactic-progress-bar-value-bg, oklch(1 0 0));
|
|
75
75
|
background-image: var(--intergalactic-progress-bar-pattern-gradient,
|
|
76
|
-
linear-gradient(-45deg, oklch(0 0 0 / 0.1) 25%, oklch(0.
|
|
76
|
+
linear-gradient(-45deg, oklch(0 0 0 / 0.1) 25%, oklch(0.137 0.026 175.7 / 0.161) 0%, oklch(0.137 0.026 175.7 / 0.161) 50%, oklch(0 0 0 / 0.1) 0%, oklch(0 0 0 / 0.1) 75%, oklch(0.137 0.026 175.7 / 0.161) 0%));
|
|
77
77
|
animation-name: loading;
|
|
78
78
|
animation-timing-function: linear;
|
|
79
79
|
animation-iteration-count: infinite;
|
package/lib/esm/ProgressBar.mjs
CHANGED
|
@@ -8,25 +8,25 @@ const style = (
|
|
|
8
8
|
/*__reshadow_css_start__*/
|
|
9
9
|
(sstyled.insert(
|
|
10
10
|
/*__inner_css_start__*/
|
|
11
|
-
".
|
|
11
|
+
".___SProgressBar_1iryn_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg,#000c0829)}@media (color-gamut:p3){.___SProgressBar_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg,oklch(.137 .026 175.7/.161))}}.___SProgressBar_1iryn_gg_._theme_dark_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg-invert,oklch(.45 .004 143.7))}.___SValue_1iryn_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg,oklch(1 0 0));background-image:var(--intergalactic-progress-bar-value-gradient,linear-gradient(-45deg,#b17df1 25%,#c08eff 0,#c08eff 50%,#b17df1 0,#b17df1 75%,#c08eff 0));overflow:hidden;animation-name:loading_1iryn;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_1iryn);animation-duration:var(--duration_1iryn);transition-duration:var(--duration_1iryn)}@media (color-gamut:p3){.___SValue_1iryn_gg_{background-image:var(--intergalactic-progress-bar-value-gradient,linear-gradient(-45deg,#b17df1 25%,oklch(.74 .17 303) 0,oklch(.74 .17 303) 50%,#b17df1 0,#b17df1 75%,oklch(.74 .17 303) 0))}}.___SValue_1iryn_gg_.__theme_1iryn_gg_{background-color:var(--colorBg_1iryn);background-image:var(--colorBg_1iryn)}.___SProgressBar_1iryn_gg_._size_s_1iryn_gg_,.___SValue_1iryn_gg_._size_s_1iryn_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded,6px);background-size:8px 8px}.___SProgressBar_1iryn_gg_._size_m_1iryn_gg_,.___SValue_1iryn_gg_._size_m_1iryn_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded,6px);background-size:12px 12px}.___SProgressBar_1iryn_gg_._size_l_1iryn_gg_,.___SValue_1iryn_gg_._size_l_1iryn_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded,6px);background-size:16px 16px}.___SProgressBar_1iryn_gg_._theme_invert_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg,#000c0829)}@media (color-gamut:p3){.___SProgressBar_1iryn_gg_._theme_invert_1iryn_gg_{background-color:var(--intergalactic-progress-bar-bg,oklch(.137 .026 175.7/.161))}}@keyframes loading_1iryn{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1iryn_gg_.__animation_1iryn_gg_{background-color:var(--intergalactic-progress-bar-value-bg,oklch(1 0 0));background-image:var(--intergalactic-progress-bar-pattern-gradient,linear-gradient(-45deg,oklch(0 0 0/.1) 25%,#000c0829 0,#000c0829 50%,oklch(0 0 0/.1) 0,oklch(0 0 0/.1) 75%,#000c0829 0));animation-name:loading_1iryn;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_1iryn)}@media (color-gamut:p3){.___SProgressBar_1iryn_gg_.__animation_1iryn_gg_{background-image:var(--intergalactic-progress-bar-pattern-gradient,linear-gradient(-45deg,oklch(0 0 0/.1) 25%,oklch(.137 .026 175.7/.161) 0,oklch(.137 .026 175.7/.161) 50%,oklch(0 0 0/.1) 0,oklch(0 0 0/.1) 75%,oklch(.137 .026 175.7/.161) 0))}}.___SProgressBar_1iryn_gg_._theme_custom_1iryn_gg_{background-color:var(--colorBg_1iryn);background-image:var(--colorBg_1iryn)}@media (prefers-reduced-motion){.___SProgressBar_1iryn_gg_.__animation_1iryn_gg_,.___SValue_1iryn_gg_{animation-name:none}}",
|
|
12
12
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
13
|
+
"1iryn_gg_"
|
|
14
14
|
), /*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
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": "
|
|
16
|
+
"__SProgressBar": "___SProgressBar_1iryn_gg_",
|
|
17
|
+
"_theme_dark": "_theme_dark_1iryn_gg_",
|
|
18
|
+
"__SValue": "___SValue_1iryn_gg_",
|
|
19
|
+
"--width": "--width_1iryn",
|
|
20
|
+
"--duration": "--duration_1iryn",
|
|
21
|
+
"_theme": "__theme_1iryn_gg_",
|
|
22
|
+
"--colorBg": "--colorBg_1iryn",
|
|
23
|
+
"_size_s": "_size_s_1iryn_gg_",
|
|
24
|
+
"_size_m": "_size_m_1iryn_gg_",
|
|
25
|
+
"_size_l": "_size_l_1iryn_gg_",
|
|
26
|
+
"_theme_invert": "_theme_invert_1iryn_gg_",
|
|
27
|
+
"@loading": "loading_1iryn",
|
|
28
|
+
"_animation": "__animation_1iryn_gg_",
|
|
29
|
+
"_theme_custom": "_theme_custom_1iryn_gg_"
|
|
30
30
|
})
|
|
31
31
|
);
|
|
32
32
|
function isCustomTheme(theme) {
|
|
@@ -2,7 +2,7 @@ SProgressBar {
|
|
|
2
2
|
position: relative;
|
|
3
3
|
width: 100%;
|
|
4
4
|
overflow: hidden;
|
|
5
|
-
background-color: var(--intergalactic-progress-bar-bg, oklch(0.
|
|
5
|
+
background-color: var(--intergalactic-progress-bar-bg, oklch(0.137 0.026 175.7 / 0.161));
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
SProgressBar[theme='dark'] {
|
|
@@ -57,7 +57,7 @@ SValue[size='l'] {
|
|
|
57
57
|
|
|
58
58
|
|
|
59
59
|
SProgressBar[theme='invert'] {
|
|
60
|
-
background-color: var(--intergalactic-progress-bar-bg, oklch(0.
|
|
60
|
+
background-color: var(--intergalactic-progress-bar-bg, oklch(0.137 0.026 175.7 / 0.161));
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
@keyframes loading {
|
|
@@ -73,7 +73,7 @@ SProgressBar[theme='invert'] {
|
|
|
73
73
|
SProgressBar[animation] {
|
|
74
74
|
background-color: var(--intergalactic-progress-bar-value-bg, oklch(1 0 0));
|
|
75
75
|
background-image: var(--intergalactic-progress-bar-pattern-gradient,
|
|
76
|
-
linear-gradient(-45deg, oklch(0 0 0 / 0.1) 25%, oklch(0.
|
|
76
|
+
linear-gradient(-45deg, oklch(0 0 0 / 0.1) 25%, oklch(0.137 0.026 175.7 / 0.161) 0%, oklch(0.137 0.026 175.7 / 0.161) 50%, oklch(0 0 0 / 0.1) 0%, oklch(0 0 0 / 0.1) 75%, oklch(0.137 0.026 175.7 / 0.161) 0%));
|
|
77
77
|
animation-name: loading;
|
|
78
78
|
animation-timing-function: linear;
|
|
79
79
|
animation-iteration-count: infinite;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA+ExD;;;;GAIG;AACH,QAAA,MAAM,WAAW,yBAKf,CAAC;AAEH,eAAe,WAAW,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { NSBox } from '@semcore/base-components';
|
|
2
2
|
import type { PropGetterFn, Intergalactic } from '@semcore/core';
|
|
3
3
|
declare namespace NSProgressBar {
|
|
4
|
-
type Props =
|
|
4
|
+
type Props = NSBox.Props & {
|
|
5
5
|
/**
|
|
6
6
|
* Progress bar theme
|
|
7
7
|
* @default invert
|
|
@@ -29,7 +29,7 @@ declare namespace NSProgressBar {
|
|
|
29
29
|
getValueProps: PropGetterFn;
|
|
30
30
|
};
|
|
31
31
|
namespace Value {
|
|
32
|
-
type Props =
|
|
32
|
+
type Props = NSBox.Props & {
|
|
33
33
|
/** Controls the size of the value bar */
|
|
34
34
|
size?: 's' | 'm' | 'l';
|
|
35
35
|
/** Progress value */
|
|
@@ -45,10 +45,11 @@ declare namespace NSProgressBar {
|
|
|
45
45
|
Value: Value.Component;
|
|
46
46
|
};
|
|
47
47
|
}
|
|
48
|
-
/** @deprecated It will be removed in
|
|
48
|
+
/** @deprecated It will be removed in v19. */
|
|
49
49
|
export type ProgressBarProps = NSProgressBar.Props;
|
|
50
|
-
/** @deprecated It will be removed in
|
|
50
|
+
/** @deprecated It will be removed in v19. */
|
|
51
51
|
export type ValueProps = NSProgressBar.Value.Props;
|
|
52
|
-
/** @deprecated It will be removed in
|
|
52
|
+
/** @deprecated It will be removed in v19. */
|
|
53
53
|
export type ProgressBarCxt = NSProgressBar.Ctx;
|
|
54
54
|
export type { NSProgressBar };
|
|
55
|
+
//# sourceMappingURL=ProgressBar.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.type.d.ts","sourceRoot":"","sources":["../../src/ProgressBar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,WAAW,aAAa,CAAC;IAC9B,KAAK,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG;QACzB;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;QACnC;;;WAGG;QACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;QACvB,4BAA4B;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,YAAY,GAAG;QAClB,QAAQ,EAAE,IAAI,CAAC;QACf,IAAI,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,QAAQ,CAAC;QAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC;IAEF,KAAK,GAAG,GAAG;QACT,aAAa,EAAE,YAAY,CAAC;KAC7B,CAAC;IAEF,UAAU,KAAK,CAAC;QACd,KAAK,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG;YACzB,yCAAyC;YACzC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;YACvB,qBAAqB;YACrB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,yDAAyD;YACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,kBAAkB;YAClB,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QAEF,KAAK,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KACxD;IAED,KAAK,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG;QAC5D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;CACH;AAED,6CAA6C;AAC7C,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,CAAC;AACnD,6CAA6C;AAC7C,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;AACnD,6CAA6C;AAC7C,MAAM,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC;AAE/C,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,oBAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/progress-bar",
|
|
3
3
|
"description": "Semrush ProgressBar Component",
|
|
4
|
-
"version": "17.2.
|
|
4
|
+
"version": "17.2.2-prerelease.5",
|
|
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,7 @@
|
|
|
14
14
|
"require": "./lib/cjs/index.js"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/base-components": "^17.2.
|
|
17
|
+
"@semcore/base-components": "^17.2.2-prerelease.5"
|
|
18
18
|
},
|
|
19
19
|
"repository": {
|
|
20
20
|
"type": "git",
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
"directory": "semcore/progress-bar"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"@semcore/
|
|
26
|
-
"@semcore/
|
|
27
|
-
"@semcore/
|
|
25
|
+
"@semcore/base-components": "17.2.2-prerelease.5",
|
|
26
|
+
"@semcore/core": "17.3.1-prerelease.5",
|
|
27
|
+
"@semcore/testing-utils": "1.0.0"
|
|
28
28
|
},
|
|
29
29
|
"scripts": {
|
|
30
30
|
"build": "pnpm semcore-builder && pnpm vite build"
|