@semcore/progress-bar 3.1.0 → 3.2.0

package/CHANGELOG.md

@@ -2,41 +2,29 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.1.0] - 2022-09-20
-
-### Fixed
-
-- Added essential accessibility attributes.
-
-## [3.0.9] - 2022-08-30
+## [3.2.0] - 2022-10-10
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.37.0 ~> 3.37.1], `@semcore/flex-box` [4.5.10 ~> 4.5.11]).
-
-## [3.0.8] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.36.0 ~> 3.37.0], `@semcore/flex-box` [4.5.9 ~> 4.5.10]).
+- Added support for React 18 🔥
 
-## [3.0.7] - 2022-08-11
+## [3.1.1] - 2022-10-04
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0], `@semcore/flex-box` [4.5.8 ~> 4.5.9]).
+- Version patch update due to children dependencies update (`@semcore/flex-box` [4.5.11 ~> 4.5.12], `@semcore/utils` [3.37.1 ~> 3.37.2]).
 
-## [3.0.6] - 2022-07-22
+## [3.1.0] - 2022-09-20
 
-### Changed
+### Fixed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0], `@semcore/flex-box` [4.5.6 ~> 4.5.7]).
+- Added essential accessibility attributes.
 
-## [3.0.5] - 2022-07-07
+## [3.0.9] - 2022-08-30
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.33.0 ~> 3.34.0], `@semcore/flex-box` [4.5.5 ~> 4.5.6]).
+- Version patch update due to children dependencies update (`@semcore/utils` [3.37.0 ~> 3.37.1], `@semcore/flex-box` [4.5.10 ~> 4.5.11]).
 
 ## [3.0.4] - 2022-06-09
 
@@ -50,18 +38,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/utils` [3.32.2 ~> 3.33.0], `@semcore/flex-box` [4.5.4 ~> 4.5.5]).
 
-## [3.0.2] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2], `@semcore/flex-box` [4.5.3 ~> 4.5.4]).
-
-## [3.0.1] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/flex-box` [4.5.1 ~> 4.5.3]).
-
 ## [3.0.0] - 2022-05-17
 
 ### BREAK

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/cjs/ProgressBar.js

@@ -46,25 +46,25 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SProgressBar_1rubn_gg_{position:relative;width:100%;overflow:hidden}.___SValue_1rubn_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;-webkit-animation-name:loading_1rubn;animation-name:loading_1rubn;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_1rubn_gg_._size_s_1rubn_gg_,.___SValue_1rubn_gg_._size_s_1rubn_gg_{height:4px;border-radius:6px;background-size:8px 8px}.___SProgressBar_1rubn_gg_._size_m_1rubn_gg_,.___SValue_1rubn_gg_._size_m_1rubn_gg_{height:8px;border-radius:6px;background-size:12px 12px}.___SProgressBar_1rubn_gg_._size_l_1rubn_gg_,.___SValue_1rubn_gg_._size_l_1rubn_gg_{height:12px;border-radius:6px;background-size:16px 16px}.___SProgressBar_1rubn_gg_._theme_dark_1rubn_gg_{background-color:hsla(0,0%,100%,.2)}.___SProgressBar_1rubn_gg_._theme_invert_1rubn_gg_{background-color:#e0e1e9}@-webkit-keyframes loading_1rubn{0%{background-position:0 0}to{background-position:60px 0}}@keyframes loading_1rubn{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1rubn_gg_.__animation_1rubn_gg_{background-image:linear-gradient(-45deg,#cacbd2 25%,#e0e1e9 0,#e0e1e9 50%,#cacbd2 0,#cacbd2 76%,#e0e1e9 0);-webkit-animation-name:loading_1rubn;animation-name:loading_1rubn;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.___SProgressBar_1rubn_gg_._theme_custom_1rubn_gg_{background-color:var(--colorBg_1rubn);background-image:var(--colorBg_1rubn)}.___SProgressBar_1rubn_gg_.__animation_1rubn_gg_{-webkit-animation-duration:var(--duration_1rubn);animation-duration:var(--duration_1rubn)}.___SValue_1rubn_gg_{width:var(--width_1rubn);-webkit-animation-duration:var(--duration_1rubn);animation-duration:var(--duration_1rubn)}.___SValue_1rubn_gg_.__theme_1rubn_gg_{background-color:var(--colorBg_1rubn);background-image:var(--colorBg_1rubn)}@media (prefers-reduced-motion){.___SValue_1rubn_gg_{-webkit-animation-name:none;animation-name:none}.___SProgressBar_1rubn_gg_.__animation_1rubn_gg_{-webkit-animation-name:none;animation-name:none}}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SProgressBar_nzkao_gg_ {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n}\n\n.___SValue_nzkao_gg_ {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-image: linear-gradient(\n    -45deg,\n    rgb(0, 143, 116) 25%,\n    #009f81 0,\n    #009f81 50%,\n    rgb(0, 143, 116) 0,\n    rgb(0, 143, 116) 76%,\n    #009f81 0\n  );\n  overflow: hidden;\n\n  animation-name: loading_nzkao;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  transition-property: width;\n  transition-timing-function: linear;\n  transition-duration: 1000ms;\n}\n\n.___SProgressBar_nzkao_gg_._size_s_nzkao_gg_,\n.___SValue_nzkao_gg_._size_s_nzkao_gg_ {\n  height: 4px;\n  border-radius: 6px;\n  background-size: 8px 8px;\n}\n\n.___SProgressBar_nzkao_gg_._size_m_nzkao_gg_,\n.___SValue_nzkao_gg_._size_m_nzkao_gg_ {\n  height: 8px;\n  border-radius: 6px;\n  background-size: 12px 12px;\n}\n\n.___SProgressBar_nzkao_gg_._size_l_nzkao_gg_,\n.___SValue_nzkao_gg_._size_l_nzkao_gg_ {\n  height: 12px;\n  border-radius: 6px;\n  background-size: 16px 16px;\n}\n\n.___SProgressBar_nzkao_gg_._theme_dark_nzkao_gg_ {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n.___SProgressBar_nzkao_gg_._theme_invert_nzkao_gg_ {\n  background-color: #e0e1e9;\n}\n\n@keyframes loading_nzkao {\n  from {\n    background-position: 0 0;\n  }\n  to {\n    background-position: 60px 0;\n  }\n}\n\n.___SProgressBar_nzkao_gg_.__animation_nzkao_gg_ {\n  background-image: linear-gradient(\n    -45deg,\n    rgb(202, 203, 210) 25%,\n    #e0e1e9 0,\n    #e0e1e9 50%,\n    rgb(202, 203, 210) 0,\n    rgb(202, 203, 210) 76%,\n    #e0e1e9 0\n  );\n  animation-name: loading_nzkao;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n.___SProgressBar_nzkao_gg_._theme_custom_nzkao_gg_ {\n  background-color: var(--colorBg_nzkao);\n  background-image: var(--colorBg_nzkao);\n}\n\n.___SProgressBar_nzkao_gg_.__animation_nzkao_gg_ {\n  animation-duration: var(--duration_nzkao);\n}\n\n.___SValue_nzkao_gg_ {\n  width: var(--width_nzkao);\n  animation-duration: var(--duration_nzkao);\n}\n\n.___SValue_nzkao_gg_.__theme_nzkao_gg_ {\n  background-color: var(--colorBg_nzkao);\n  background-image: var(--colorBg_nzkao);\n}\n\n@media (prefers-reduced-motion) {\n  .___SValue_nzkao_gg_ {\n    animation-name: none;\n  }\n  .___SProgressBar_nzkao_gg_.__animation_nzkao_gg_ {\n    animation-name: none;\n  }\n}\n"
 /*__inner_css_end__*/
-, "1rubn_gg_")
+, "nzkao_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SProgressBar": "___SProgressBar_1rubn_gg_",
-  "__SValue": "___SValue_1rubn_gg_",
-  "_size_s": "_size_s_1rubn_gg_",
-  "_size_m": "_size_m_1rubn_gg_",
-  "_size_l": "_size_l_1rubn_gg_",
-  "_theme_dark": "_theme_dark_1rubn_gg_",
-  "_theme_invert": "_theme_invert_1rubn_gg_",
-  "@loading": "loading_1rubn",
-  "_animation": "__animation_1rubn_gg_",
-  "_theme_custom": "_theme_custom_1rubn_gg_",
-  "--colorBg": "--colorBg_1rubn",
-  "--duration": "--duration_1rubn",
-  "--width": "--width_1rubn",
-  "_theme": "__theme_1rubn_gg_"
+  "__SProgressBar": "___SProgressBar_nzkao_gg_",
+  "__SValue": "___SValue_nzkao_gg_",
+  "_size_s": "_size_s_nzkao_gg_",
+  "_size_m": "_size_m_nzkao_gg_",
+  "_size_l": "_size_l_nzkao_gg_",
+  "_theme_dark": "_theme_dark_nzkao_gg_",
+  "_theme_invert": "_theme_invert_nzkao_gg_",
+  "@loading": "loading_nzkao",
+  "_animation": "__animation_nzkao_gg_",
+  "_theme_custom": "_theme_custom_nzkao_gg_",
+  "--colorBg": "--colorBg_nzkao",
+  "--duration": "--duration_nzkao",
+  "--width": "--width_nzkao",
+  "_theme": "__theme_nzkao_gg_"
 });
 
 function isCustomTheme(theme) {

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { ReturnEl, CProps, PropGetterFn } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\n\nexport interface IProgressBarProps extends IBoxProps {\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\nexport interface IValueProps extends IBoxProps {\n  size?: 's' | 'm' | 'l';\n  value?: number;\n  duration?: number;\n  theme?: string;\n}\n\nexport interface IProgressBarCxt {\n  getValueProps: PropGetterFn;\n}\n\ndeclare const ProgressBar: (<T>(\n  props: CProps<IProgressBarProps & T, IProgressBarCxt>,\n) => ReturnEl) & {\n  Value: <T>(props: IValueProps & T) => ReturnEl;\n};\n\nexport default ProgressBar;\n"],"mappings":""}

package/lib/es6/ProgressBar.js

@@ -26,25 +26,25 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SProgressBar_1rubn_gg_{position:relative;width:100%;overflow:hidden}.___SValue_1rubn_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;-webkit-animation-name:loading_1rubn;animation-name:loading_1rubn;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_1rubn_gg_._size_s_1rubn_gg_,.___SValue_1rubn_gg_._size_s_1rubn_gg_{height:4px;border-radius:6px;background-size:8px 8px}.___SProgressBar_1rubn_gg_._size_m_1rubn_gg_,.___SValue_1rubn_gg_._size_m_1rubn_gg_{height:8px;border-radius:6px;background-size:12px 12px}.___SProgressBar_1rubn_gg_._size_l_1rubn_gg_,.___SValue_1rubn_gg_._size_l_1rubn_gg_{height:12px;border-radius:6px;background-size:16px 16px}.___SProgressBar_1rubn_gg_._theme_dark_1rubn_gg_{background-color:hsla(0,0%,100%,.2)}.___SProgressBar_1rubn_gg_._theme_invert_1rubn_gg_{background-color:#e0e1e9}@-webkit-keyframes loading_1rubn{0%{background-position:0 0}to{background-position:60px 0}}@keyframes loading_1rubn{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1rubn_gg_.__animation_1rubn_gg_{background-image:linear-gradient(-45deg,#cacbd2 25%,#e0e1e9 0,#e0e1e9 50%,#cacbd2 0,#cacbd2 76%,#e0e1e9 0);-webkit-animation-name:loading_1rubn;animation-name:loading_1rubn;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.___SProgressBar_1rubn_gg_._theme_custom_1rubn_gg_{background-color:var(--colorBg_1rubn);background-image:var(--colorBg_1rubn)}.___SProgressBar_1rubn_gg_.__animation_1rubn_gg_{-webkit-animation-duration:var(--duration_1rubn);animation-duration:var(--duration_1rubn)}.___SValue_1rubn_gg_{width:var(--width_1rubn);-webkit-animation-duration:var(--duration_1rubn);animation-duration:var(--duration_1rubn)}.___SValue_1rubn_gg_.__theme_1rubn_gg_{background-color:var(--colorBg_1rubn);background-image:var(--colorBg_1rubn)}@media (prefers-reduced-motion){.___SValue_1rubn_gg_{-webkit-animation-name:none;animation-name:none}.___SProgressBar_1rubn_gg_.__animation_1rubn_gg_{-webkit-animation-name:none;animation-name:none}}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SProgressBar_nzkao_gg_ {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n}\n\n.___SValue_nzkao_gg_ {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-image: linear-gradient(\n    -45deg,\n    rgb(0, 143, 116) 25%,\n    #009f81 0,\n    #009f81 50%,\n    rgb(0, 143, 116) 0,\n    rgb(0, 143, 116) 76%,\n    #009f81 0\n  );\n  overflow: hidden;\n\n  animation-name: loading_nzkao;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  transition-property: width;\n  transition-timing-function: linear;\n  transition-duration: 1000ms;\n}\n\n.___SProgressBar_nzkao_gg_._size_s_nzkao_gg_,\n.___SValue_nzkao_gg_._size_s_nzkao_gg_ {\n  height: 4px;\n  border-radius: 6px;\n  background-size: 8px 8px;\n}\n\n.___SProgressBar_nzkao_gg_._size_m_nzkao_gg_,\n.___SValue_nzkao_gg_._size_m_nzkao_gg_ {\n  height: 8px;\n  border-radius: 6px;\n  background-size: 12px 12px;\n}\n\n.___SProgressBar_nzkao_gg_._size_l_nzkao_gg_,\n.___SValue_nzkao_gg_._size_l_nzkao_gg_ {\n  height: 12px;\n  border-radius: 6px;\n  background-size: 16px 16px;\n}\n\n.___SProgressBar_nzkao_gg_._theme_dark_nzkao_gg_ {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n.___SProgressBar_nzkao_gg_._theme_invert_nzkao_gg_ {\n  background-color: #e0e1e9;\n}\n\n@keyframes loading_nzkao {\n  from {\n    background-position: 0 0;\n  }\n  to {\n    background-position: 60px 0;\n  }\n}\n\n.___SProgressBar_nzkao_gg_.__animation_nzkao_gg_ {\n  background-image: linear-gradient(\n    -45deg,\n    rgb(202, 203, 210) 25%,\n    #e0e1e9 0,\n    #e0e1e9 50%,\n    rgb(202, 203, 210) 0,\n    rgb(202, 203, 210) 76%,\n    #e0e1e9 0\n  );\n  animation-name: loading_nzkao;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n.___SProgressBar_nzkao_gg_._theme_custom_nzkao_gg_ {\n  background-color: var(--colorBg_nzkao);\n  background-image: var(--colorBg_nzkao);\n}\n\n.___SProgressBar_nzkao_gg_.__animation_nzkao_gg_ {\n  animation-duration: var(--duration_nzkao);\n}\n\n.___SValue_nzkao_gg_ {\n  width: var(--width_nzkao);\n  animation-duration: var(--duration_nzkao);\n}\n\n.___SValue_nzkao_gg_.__theme_nzkao_gg_ {\n  background-color: var(--colorBg_nzkao);\n  background-image: var(--colorBg_nzkao);\n}\n\n@media (prefers-reduced-motion) {\n  .___SValue_nzkao_gg_ {\n    animation-name: none;\n  }\n  .___SProgressBar_nzkao_gg_.__animation_nzkao_gg_ {\n    animation-name: none;\n  }\n}\n"
 /*__inner_css_end__*/
-, "1rubn_gg_")
+, "nzkao_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SProgressBar": "___SProgressBar_1rubn_gg_",
-  "__SValue": "___SValue_1rubn_gg_",
-  "_size_s": "_size_s_1rubn_gg_",
-  "_size_m": "_size_m_1rubn_gg_",
-  "_size_l": "_size_l_1rubn_gg_",
-  "_theme_dark": "_theme_dark_1rubn_gg_",
-  "_theme_invert": "_theme_invert_1rubn_gg_",
-  "@loading": "loading_1rubn",
-  "_animation": "__animation_1rubn_gg_",
-  "_theme_custom": "_theme_custom_1rubn_gg_",
-  "--colorBg": "--colorBg_1rubn",
-  "--duration": "--duration_1rubn",
-  "--width": "--width_1rubn",
-  "_theme": "__theme_1rubn_gg_"
+  "__SProgressBar": "___SProgressBar_nzkao_gg_",
+  "__SValue": "___SValue_nzkao_gg_",
+  "_size_s": "_size_s_nzkao_gg_",
+  "_size_m": "_size_m_nzkao_gg_",
+  "_size_l": "_size_l_nzkao_gg_",
+  "_theme_dark": "_theme_dark_nzkao_gg_",
+  "_theme_invert": "_theme_invert_nzkao_gg_",
+  "@loading": "loading_nzkao",
+  "_animation": "__animation_nzkao_gg_",
+  "_theme_custom": "_theme_custom_nzkao_gg_",
+  "--colorBg": "--colorBg_nzkao",
+  "--duration": "--duration_nzkao",
+  "--width": "--width_nzkao",
+  "_theme": "__theme_nzkao_gg_"
 });
 
 function isCustomTheme(theme) {

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { ReturnEl, CProps, PropGetterFn } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\n\nexport interface IProgressBarProps extends IBoxProps {\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\nexport interface IValueProps extends IBoxProps {\n  size?: 's' | 'm' | 'l';\n  value?: number;\n  duration?: number;\n  theme?: string;\n}\n\nexport interface IProgressBarCxt {\n  getValueProps: PropGetterFn;\n}\n\ndeclare const ProgressBar: (<T>(\n  props: CProps<IProgressBarProps & T, IProgressBarCxt>,\n) => ReturnEl) & {\n  Value: <T>(props: IValueProps & T) => ReturnEl;\n};\n\nexport default ProgressBar;\n"],"mappings":""}

package/package.json

@@ -1,24 +1,20 @@
 {
   "name": "@semcore/progress-bar",
   "description": "Semrush ProgressBar Component",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "build --source=js",
-    "test": "jest"
-  },
   "dependencies": {
     "@semcore/flex-box": "^4",
     "@semcore/utils": "^3.15"
   },
   "peerDependencies": {
     "@semcore/core": "^1.11",
-    "react": "16.8 - 17"
+    "react": "16.8 - 18"
   },
   "jest": {
     "preset": "@semcore/jest-preset-ui"
@@ -29,8 +25,13 @@
     "directory": "semcore/progress-bar"
   },
   "devDependencies": {
+    "@types/react": "18.0.21",
     "@guidepup/playwright": "0.6.1",
     "@playwright/test": "1.25.1",
     "@semcore/jest-preset-ui": "1.0.0"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js",
+    "test": "jest"
   }
-}
+}

package/lib/cjs/index.d.ts

@@ -1,40 +0,0 @@
-import { ReturnEl, CProps, PropGetterFn } from '@semcore/core';
-import { IBoxProps } from '@semcore/flex-box';
-
-export interface IProgressBarProps extends IBoxProps {
-  /**
-   * Progress bar theme
-   * @default invert
-   */
-  theme?: 'dark' | 'invert' | string;
-  /**
-   * Progress bar size
-   * @default m
-   */
-  size?: 's' | 'm' | 'l';
-  /** Value as a percentage */
-  value?: number;
-  /** Duration of animation, ms
-   * @default 1000
-   */
-  duration?: number;
-}
-
-export interface IValueProps extends IBoxProps {
-  size?: 's' | 'm' | 'l';
-  value?: number;
-  duration?: number;
-  theme?: string;
-}
-
-export interface IProgressBarCxt {
-  getValueProps: PropGetterFn;
-}
-
-declare const ProgressBar: (<T>(
-  props: CProps<IProgressBarProps & T, IProgressBarCxt>,
-) => ReturnEl) & {
-  Value: <T>(props: IValueProps & T) => ReturnEl;
-};
-
-export default ProgressBar;

package/lib/es6/index.d.ts

@@ -1,40 +0,0 @@
-import { ReturnEl, CProps, PropGetterFn } from '@semcore/core';
-import { IBoxProps } from '@semcore/flex-box';
-
-export interface IProgressBarProps extends IBoxProps {
-  /**
-   * Progress bar theme
-   * @default invert
-   */
-  theme?: 'dark' | 'invert' | string;
-  /**
-   * Progress bar size
-   * @default m
-   */
-  size?: 's' | 'm' | 'l';
-  /** Value as a percentage */
-  value?: number;
-  /** Duration of animation, ms
-   * @default 1000
-   */
-  duration?: number;
-}
-
-export interface IValueProps extends IBoxProps {
-  size?: 's' | 'm' | 'l';
-  value?: number;
-  duration?: number;
-  theme?: string;
-}
-
-export interface IProgressBarCxt {
-  getValueProps: PropGetterFn;
-}
-
-declare const ProgressBar: (<T>(
-  props: CProps<IProgressBarProps & T, IProgressBarCxt>,
-) => ReturnEl) & {
-  Value: <T>(props: IValueProps & T) => ReturnEl;
-};
-
-export default ProgressBar;