@hh.ru/magritte-ui-progress-bar 3.1.3

package/ProgressBar.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ProgressBarProps } from './types';
+export declare const ProgressBarComponent: FC<ProgressBarProps>;
+export declare const ProgressBar: import("@hh.ru/magritte-ui-skeleton").ComponentWithSkeleton<ProgressBarProps>;

package/ProgressBar.js

@@ -0,0 +1,18 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { SegmentedProgressBar } from './SegmentedProgressBar.js';
+import { SingleProgressBar } from './SingleProgressBar.js';
+import { ProgressBarSkeleton } from './Skeleton.js';
+import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
+import 'react';
+import 'classnames';
+import './progress-bar-a4e354ad.js';
+
+const ProgressBarComponent = (props) => {
+    const isSegmented = props.segments !== undefined;
+    return isSegmented ? jsx(SegmentedProgressBar, { ...props }) : jsx(SingleProgressBar, { ...props });
+};
+const ProgressBar = enrichWithSkeleton(ProgressBarComponent, ProgressBarSkeleton);
+
+export { ProgressBar, ProgressBarComponent };
+//# sourceMappingURL=ProgressBar.js.map

package/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../src/ProgressBar.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { SegmentedProgressBar } from '@hh.ru/magritte-ui-progress-bar/SegmentedProgressBar';\nimport { SingleProgressBar } from '@hh.ru/magritte-ui-progress-bar/SingleProgressBar';\nimport { ProgressBarSkeleton } from '@hh.ru/magritte-ui-progress-bar/Skeleton';\nimport { ProgressBarProps } from '@hh.ru/magritte-ui-progress-bar/types';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nexport const ProgressBarComponent: FC<ProgressBarProps> = (props) => {\n    const isSegmented = props.segments !== undefined;\n    return isSegmented ? <SegmentedProgressBar {...props} /> : <SingleProgressBar {...props} />;\n};\n\nexport const ProgressBar = enrichWithSkeleton(ProgressBarComponent, ProgressBarSkeleton);\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAQa,MAAA,oBAAoB,GAAyB,CAAC,KAAK,KAAI;AAChE,IAAA,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC;AACjD,IAAA,OAAO,WAAW,GAAGA,GAAA,CAAC,oBAAoB,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA,GAAGA,GAAA,CAAC,iBAAiB,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AAChG,EAAE;AAEW,MAAA,WAAW,GAAG,kBAAkB,CAAC,oBAAoB,EAAE,mBAAmB;;;;"}

package/SegmentedProgressBar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ProgressBarSegmentedProps } from './types';
+export declare const SegmentedProgressBar: FC<ProgressBarSegmentedProps>;

package/SegmentedProgressBar.js

@@ -0,0 +1,46 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect, useLayoutEffect } from 'react';
+import classnames from 'classnames';
+import { s as styles } from './progress-bar-a4e354ad.js';
+
+const STYLE_TO_CSS = {
+    accent: styles.segmentedContainerStyleAccent,
+    positive: styles.segmentedContainerStylePositive,
+    special: styles.segmentedContainerStyleSpecial,
+};
+const SegmentedProgressBar = ({ segments, progress, style = 'accent', 'data-qa': dataQA = 'progress', ariaLabel, }) => {
+    const prevProgress = useRef(progress);
+    const [animationTimeout, setAnimationTimeout] = useState(0);
+    useEffect(() => {
+        prevProgress.current = progress;
+    }, [progress]);
+    useLayoutEffect(() => {
+        const animationTimeoutElement = document.createElement('div');
+        animationTimeoutElement.classList.add(styles.progressAnimationTimeout);
+        document.body.appendChild(animationTimeoutElement);
+        const style = window.getComputedStyle(animationTimeoutElement);
+        const animationTimeout = parseInt(style.getPropertyValue(`--animation-duration`), 10);
+        if (Number.isInteger(animationTimeout)) {
+            setAnimationTimeout(animationTimeout);
+        }
+        document.body.removeChild(animationTimeoutElement);
+    }, []);
+    return (jsx("div", { className: classnames(styles.segmentedContainer, STYLE_TO_CSS[style]), "data-qa": dataQA, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": segments, "aria-valuenow": progress, "aria-label": ariaLabel, children: [...Array(segments).keys()].map((_, i) => {
+            let delay = 0;
+            const direction = progress - prevProgress.current >= 0 ? 0 : -1;
+            const startSelection = prevProgress.current + direction;
+            if (i === startSelection) {
+                delay = 0;
+            }
+            else {
+                delay = Math.abs(i - startSelection) * animationTimeout;
+            }
+            return (jsx("div", { className: classnames(styles.segment, {
+                    [styles.filled]: i < progress,
+                }), style: { transitionDelay: `${delay}ms` }, "data-qa": "progress-segment" }, i));
+        }) }));
+};
+
+export { SegmentedProgressBar };
+//# sourceMappingURL=SegmentedProgressBar.js.map

package/SegmentedProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedProgressBar.js","sources":["../src/SegmentedProgressBar.tsx"],"sourcesContent":["import { FC, useRef, useEffect, useLayoutEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { ProgressBarSegmentedProps } from '@hh.ru/magritte-ui-progress-bar/types';\n\nimport styles from './progress-bar.less';\n\nconst STYLE_TO_CSS = {\n    accent: styles.segmentedContainerStyleAccent,\n    positive: styles.segmentedContainerStylePositive,\n    special: styles.segmentedContainerStyleSpecial,\n};\nexport const SegmentedProgressBar: FC<ProgressBarSegmentedProps> = ({\n    segments,\n    progress,\n    style = 'accent',\n    'data-qa': dataQA = 'progress',\n    ariaLabel,\n}) => {\n    const prevProgress = useRef(progress);\n    const [animationTimeout, setAnimationTimeout] = useState(0);\n    useEffect(() => {\n        prevProgress.current = progress;\n    }, [progress]);\n\n    useLayoutEffect(() => {\n        const animationTimeoutElement = document.createElement('div');\n        animationTimeoutElement.classList.add(styles.progressAnimationTimeout);\n        document.body.appendChild(animationTimeoutElement);\n        const style = window.getComputedStyle(animationTimeoutElement);\n        const animationTimeout = parseInt(style.getPropertyValue(`--animation-duration`), 10);\n        if (Number.isInteger(animationTimeout)) {\n            setAnimationTimeout(animationTimeout);\n        }\n        document.body.removeChild(animationTimeoutElement);\n    }, []);\n\n    return (\n        <div\n            className={classnames(styles.segmentedContainer, STYLE_TO_CSS[style])}\n            data-qa={dataQA}\n            role=\"progressbar\"\n            aria-valuemin={0}\n            aria-valuemax={segments}\n            aria-valuenow={progress}\n            aria-label={ariaLabel}\n        >\n            {[...Array(segments).keys()].map((_, i) => {\n                let delay = 0;\n                const direction = progress - prevProgress.current >= 0 ? 0 : -1;\n                const startSelection = prevProgress.current + direction;\n                if (i === startSelection) {\n                    delay = 0;\n                } else {\n                    delay = Math.abs(i - startSelection) * animationTimeout;\n                }\n                return (\n                    <div\n                        key={i}\n                        className={classnames(styles.segment, {\n                            [styles.filled]: i < progress,\n                        })}\n                        style={{ transitionDelay: `${delay}ms` }}\n                        data-qa=\"progress-segment\"\n                    />\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;AAOA,MAAM,YAAY,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC,6BAA6B;IAC5C,QAAQ,EAAE,MAAM,CAAC,+BAA+B;IAChD,OAAO,EAAE,MAAM,CAAC,8BAA8B;CACjD,CAAC;MACW,oBAAoB,GAAkC,CAAC,EAChE,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,QAAQ,EAChB,SAAS,EAAE,MAAM,GAAG,UAAU,EAC9B,SAAS,GACZ,KAAI;AACD,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACtC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5D,SAAS,CAAC,MAAK;AACX,QAAA,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;AACpC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,eAAe,CAAC,MAAK;QACjB,MAAM,uBAAuB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9D,uBAAuB,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;AACvE,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;AAC/D,QAAA,MAAM,gBAAgB,GAAG,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAsB,oBAAA,CAAA,CAAC,EAAE,EAAE,CAAC,CAAC;AACtF,QAAA,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE;YACpC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AACzC,SAAA;AACD,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;KACtD,EAAE,EAAE,CAAC,CAAC;IAEP,QACIA,aACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,kBAAkB,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAC5D,SAAA,EAAA,MAAM,EACf,IAAI,EAAC,aAAa,EAAA,eAAA,EACH,CAAC,EAAA,eAAA,EACD,QAAQ,EACR,eAAA,EAAA,QAAQ,gBACX,SAAS,EAAA,QAAA,EAEpB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;YACtC,IAAI,KAAK,GAAG,CAAC,CAAC;AACd,YAAA,MAAM,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAChE,YAAA,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;YACxD,IAAI,CAAC,KAAK,cAAc,EAAE;gBACtB,KAAK,GAAG,CAAC,CAAC;AACb,aAAA;AAAM,iBAAA;gBACH,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,GAAG,gBAAgB,CAAC;AAC3D,aAAA;YACD,QACIA,aAEI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,oBAAA,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ;AAChC,iBAAA,CAAC,EACF,KAAK,EAAE,EAAE,eAAe,EAAE,CAAG,EAAA,KAAK,CAAI,EAAA,CAAA,EAAE,aAChC,kBAAkB,EAAA,EALrB,CAAC,CAMR,EACJ;SACL,CAAC,EACA,CAAA,EACR;AACN;;;;"}

package/SingleProgressBar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ProgressBarSingleProps } from './types';
+export declare const SingleProgressBar: FC<ProgressBarSingleProps>;

package/SingleProgressBar.js

@@ -0,0 +1,17 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { s as styles } from './progress-bar-a4e354ad.js';
+
+const STYLE_TO_CSS = {
+    accent: styles.progressStyleAccent,
+    positive: styles.progressStylePositive,
+    special: styles.progressStyleSpecial,
+};
+const SingleProgressBar = ({ max = 100, progress, style = 'accent', 'data-qa': dataQA = 'progress', ariaLabel, }) => {
+    const width = (progress / max) * 100;
+    return (jsx("div", { className: classnames(styles.progress, STYLE_TO_CSS[style]), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": progress, "aria-label": ariaLabel, "data-qa": dataQA, children: jsx("div", { className: styles.progressValue, "data-qa": "progress-value", style: { width: `${width}%` } }) }));
+};
+
+export { SingleProgressBar };
+//# sourceMappingURL=SingleProgressBar.js.map

package/SingleProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleProgressBar.js","sources":["../src/SingleProgressBar.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { ProgressBarSingleProps } from '@hh.ru/magritte-ui-progress-bar/types';\n\nimport styles from './progress-bar.less';\n\nconst STYLE_TO_CSS = {\n    accent: styles.progressStyleAccent,\n    positive: styles.progressStylePositive,\n    special: styles.progressStyleSpecial,\n};\n\nexport const SingleProgressBar: FC<ProgressBarSingleProps> = ({\n    max = 100,\n    progress,\n    style = 'accent',\n    'data-qa': dataQA = 'progress',\n    ariaLabel,\n}) => {\n    const width = (progress / max) * 100;\n    return (\n        <div\n            className={classnames(styles.progress, STYLE_TO_CSS[style])}\n            role=\"progressbar\"\n            aria-valuemin={0}\n            aria-valuemax={max}\n            aria-valuenow={progress}\n            aria-label={ariaLabel}\n            data-qa={dataQA}\n        >\n            <div className={styles.progressValue} data-qa=\"progress-value\" style={{ width: `${width}%` }} />\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;AAOA,MAAM,YAAY,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC,qBAAqB;IACtC,OAAO,EAAE,MAAM,CAAC,oBAAoB;CACvC,CAAC;AAEW,MAAA,iBAAiB,GAA+B,CAAC,EAC1D,GAAG,GAAG,GAAG,EACT,QAAQ,EACR,KAAK,GAAG,QAAQ,EAChB,SAAS,EAAE,MAAM,GAAG,UAAU,EAC9B,SAAS,GACZ,KAAI;IACD,MAAM,KAAK,GAAG,CAAC,QAAQ,GAAG,GAAG,IAAI,GAAG,CAAC;IACrC,QACIA,aACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAC3D,IAAI,EAAC,aAAa,EACH,eAAA,EAAA,CAAC,EACD,eAAA,EAAA,GAAG,EACH,eAAA,EAAA,QAAQ,gBACX,SAAS,EAAA,SAAA,EACZ,MAAM,EAAA,QAAA,EAEfA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,SAAA,EAAU,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,KAAK,GAAG,EAAE,EAAA,CAAI,EAC9F,CAAA,EACR;AACN;;;;"}

package/Skeleton.d.ts

@@ -0,0 +1,3 @@
+import { ProgressBarProps } from './types';
+import { IncompleteSkeletonComponent } from '@hh.ru/magritte-ui-skeleton';
+export declare const ProgressBarSkeleton: IncompleteSkeletonComponent<ProgressBarProps>;

package/Skeleton.js

@@ -0,0 +1,11 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
+import { s as styles } from './progress-bar-a4e354ad.js';
+
+const ProgressBarSkeleton = ({ Component: ProgressBar, 
+// skeleton props
+width, height, borderRadius, inline, additionalClass, loading, ...progressBarProps }) => (jsx(Skeleton, { loading: loading, additionalClass: styles.progressSkeleton, children: jsx(ProgressBar, { ...progressBarProps }) }));
+
+export { ProgressBarSkeleton };
+//# sourceMappingURL=Skeleton.js.map

package/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../src/Skeleton.tsx"],"sourcesContent":["import { ProgressBarProps } from '@hh.ru/magritte-ui-progress-bar/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './progress-bar.less';\n\nexport const ProgressBarSkeleton: IncompleteSkeletonComponent<ProgressBarProps> = ({\n    Component: ProgressBar,\n\n    // skeleton props\n    width,\n    height,\n    borderRadius,\n    inline,\n    additionalClass,\n    loading,\n\n    ...progressBarProps\n}) => (\n    <Skeleton loading={loading} additionalClass={styles.progressSkeleton}>\n        <ProgressBar {...progressBarProps} />\n    </Skeleton>\n);\n"],"names":["_jsx"],"mappings":";;;;MAKa,mBAAmB,GAAkD,CAAC,EAC/E,SAAS,EAAE,WAAW;AAEtB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,gBAAgB,EACtB,MACGA,GAAA,CAAC,QAAQ,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,CAAC,gBAAgB,EAAA,QAAA,EAChEA,IAAC,WAAW,EAAA,EAAA,GAAK,gBAAgB,EAAI,CAAA,EAAA,CAC9B;;;;"}

package/index.css

@@ -0,0 +1,92 @@
+:root{
+  --magritte-color-component-progress-bar-background-content-v18-1-1:#DCE3EB;
+  --magritte-color-component-progress-bar-foreground-accent-v18-1-1:#0070ff;
+  --magritte-color-component-progress-bar-foreground-positive-v18-1-1:#0dc267;
+  --magritte-color-component-progress-bar-foreground-special-v18-1-1:#883be9;
+}
+:root{
+  --magritte-semantic-animation-ease-in-out-100-timing-function-v18-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-100-duration-v18-1-1:100ms;
+}
+.magritte-night-theme{
+  --magritte-color-component-progress-bar-background-content-v18-1-1:#262626;
+  --magritte-color-component-progress-bar-foreground-accent-v18-1-1:#0058cc;
+  --magritte-color-component-progress-bar-foreground-positive-v18-1-1:#026d36;
+  --magritte-color-component-progress-bar-foreground-special-v18-1-1:#6a2eb7;
+}
+.magritte-progress___pKPf-_3-1-3,
+.magritte-segment___uKhLD_3-1-3,
+.magritte-progress-animation-timeout___BeyxU_3-1-3{
+  --animation-duration:0;
+}
+@media (prefers-reduced-motion: no-preference){
+  .magritte-progress___pKPf-_3-1-3,
+  .magritte-segment___uKhLD_3-1-3,
+  .magritte-progress-animation-timeout___BeyxU_3-1-3{
+    --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-1-1);
+  }
+}
+.magritte-progress___pKPf-_3-1-3{
+  position:relative;
+  width:100%;
+  border-radius:50vh;
+  height:var(--magritte-ui-progress-height-override, 8px);
+  --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v18-1-1));
+  background-color:var(--magritte-ui-progress-background-color);
+  user-select:none;
+  overflow:hidden;
+}
+.magritte-progress-skeleton___cGz4D_3-1-3{
+  height:var(--magritte-ui-progress-height-override, 8px);
+  border-radius:50vh;
+}
+.magritte-progress-value___ffPrp_3-1-3{
+  position:absolute;
+  height:var(--magritte-ui-progress-height-override, 8px);
+  left:0;
+  bottom:0;
+  border-radius:50vh;
+  background:var(--magritte-ui-progress-value-color);
+  transition-property:width;
+  transition-duration:var(--animation-duration);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-1-1);
+}
+.magritte-segmented-container___O5xuJ_3-1-3{
+  display:flex;
+  gap:var(--magritte-ui-progress-segments-margin-override, 4px);
+  user-select:none;
+}
+.magritte-segment___uKhLD_3-1-3{
+  flex:1 1 auto;
+  height:var(--magritte-ui-progress-height-override, 8px);
+  border-radius:50vh;
+  transition-property:background-position;
+  transition-duration:var(--animation-duration);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-1-1);
+  --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v18-1-1));
+  background:linear-gradient(to right, var(--magritte-ui-progress-value-color) 50%, var(--magritte-ui-progress-background-color) 50%);
+  background-size:calc(200% + 1px) 100%;
+  background-position:right bottom;
+  background-repeat:no-repeat;
+}
+.magritte-filled___QH18N_3-1-3{
+  background-position:left bottom;
+}
+.magritte-segmented-container_style-accent___MRcsm_3-1-3 .magritte-segment___uKhLD_3-1-3{
+  --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v18-1-1));
+}
+.magritte-progress_style-accent___0qJEN_3-1-3{
+  --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v18-1-1));
+}
+.magritte-segmented-container_style-positive___ItaIH_3-1-3 .magritte-segment___uKhLD_3-1-3{
+  --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v18-1-1));
+}
+.magritte-progress_style-positive___EAtvB_3-1-3{
+  --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v18-1-1));
+}
+.magritte-segmented-container_style-special___m0PxE_3-1-3 .magritte-segment___uKhLD_3-1-3{
+  --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v18-1-1));
+}
+.magritte-progress_style-special___v8LNJ_3-1-3{
+  --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v18-1-1));
+}

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from '@hh.ru/magritte-ui-theme-provider';
+export { ProgressBar } from './ProgressBar';
+export { type ProgressBarProps, type ProgressBarSingleProps, type ProgressBarSegmentedProps, type ProgressBarStyle, } from './types';

package/index.js

@@ -0,0 +1,12 @@
+import './index.css';
+export * from '@hh.ru/magritte-ui-theme-provider';
+export { ProgressBar } from './ProgressBar.js';
+import 'react/jsx-runtime';
+import './SegmentedProgressBar.js';
+import 'react';
+import 'classnames';
+import './progress-bar-a4e354ad.js';
+import './SingleProgressBar.js';
+import './Skeleton.js';
+import '@hh.ru/magritte-ui-skeleton';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/index.mock.d.ts

@@ -0,0 +1,5 @@
+import { ForwardRefExoticComponent } from 'react';
+export { type ProgressBarProps, type ProgressBarStyle } from './types';
+declare const ThemeProvider: any;
+export { ThemeProvider };
+export declare const ProgressBar: ForwardRefExoticComponent<Record<string, unknown>>;

package/index.mock.js

@@ -0,0 +1,9 @@
+import './index.css';
+import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');
+const ProgressBar = mockComponent('ProgressBar');
+
+export { ProgressBar, ThemeProvider };
+//# sourceMappingURL=index.mock.js.map

package/index.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ProgressBarProps, type ProgressBarStyle } from '@hh.ru/magritte-ui-progress-bar/types';\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');\n\nexport { ThemeProvider };\n\nexport const ProgressBar: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('ProgressBar');\n"],"names":[],"mappings":";;AAMA;AACM,MAAA,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,yCAAyC,EAAE;MAI3E,WAAW,GAAuD,aAAa,CAAC,aAAa;;;;"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@hh.ru/magritte-ui-progress-bar",
+  "version": "3.1.3",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "index.css"
+  ],
+  "scripts": {
+    "build": "yarn root:build $(pwd)",
+    "build-test-branch": "yarn root:build-test-branch $(pwd)",
+    "changelog": "yarn root:changelog $(pwd)",
+    "prepack": "yarn root:prepack $(pwd)",
+    "postpublish": "yarn root:postpublish $(pwd)",
+    "stylelint-test": "yarn root:stylelint-test $(pwd)",
+    "eslint-test": "yarn root:eslint-test $(pwd)",
+    "ts-config": "yarn root:ts-config $(pwd)",
+    "ts-check": "yarn root:ts-check $(pwd)",
+    "test": "yarn root:test $(pwd)"
+  },
+  "dependencies": {
+    "@hh.ru/magritte-design-tokens": "18.1.1",
+    "@hh.ru/magritte-ui-mock-component": "1.0.10",
+    "@hh.ru/magritte-ui-skeleton": "2.1.2",
+    "@hh.ru/magritte-ui-theme-provider": "1.1.21"
+  },
+  "peerDependencies": {
+    "classnames": ">=2.3.2",
+    "react": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "b660dd64fca3eaad5ec44ea9a73f92bb0d9694aa"
+}

package/progress-bar-a4e354ad.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"progress":"magritte-progress___pKPf-_3-1-3","segment":"magritte-segment___uKhLD_3-1-3","progress-animation-timeout":"magritte-progress-animation-timeout___BeyxU_3-1-3","progressAnimationTimeout":"magritte-progress-animation-timeout___BeyxU_3-1-3","progress-skeleton":"magritte-progress-skeleton___cGz4D_3-1-3","progressSkeleton":"magritte-progress-skeleton___cGz4D_3-1-3","progress-value":"magritte-progress-value___ffPrp_3-1-3","progressValue":"magritte-progress-value___ffPrp_3-1-3","segmented-container":"magritte-segmented-container___O5xuJ_3-1-3","segmentedContainer":"magritte-segmented-container___O5xuJ_3-1-3","filled":"magritte-filled___QH18N_3-1-3","segmented-container_style-accent":"magritte-segmented-container_style-accent___MRcsm_3-1-3","segmentedContainerStyleAccent":"magritte-segmented-container_style-accent___MRcsm_3-1-3","progress_style-accent":"magritte-progress_style-accent___0qJEN_3-1-3","progressStyleAccent":"magritte-progress_style-accent___0qJEN_3-1-3","segmented-container_style-positive":"magritte-segmented-container_style-positive___ItaIH_3-1-3","segmentedContainerStylePositive":"magritte-segmented-container_style-positive___ItaIH_3-1-3","progress_style-positive":"magritte-progress_style-positive___EAtvB_3-1-3","progressStylePositive":"magritte-progress_style-positive___EAtvB_3-1-3","segmented-container_style-special":"magritte-segmented-container_style-special___m0PxE_3-1-3","segmentedContainerStyleSpecial":"magritte-segmented-container_style-special___m0PxE_3-1-3","progress_style-special":"magritte-progress_style-special___v8LNJ_3-1-3","progressStyleSpecial":"magritte-progress_style-special___v8LNJ_3-1-3"};
+
+export { styles as s };
+//# sourceMappingURL=progress-bar-a4e354ad.js.map

package/progress-bar-a4e354ad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-a4e354ad.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/types.d.ts

@@ -0,0 +1,21 @@
+export type ProgressBarStyle = 'accent' | 'positive' | 'special';
+type ProgressBarCommonProps = {
+    /** Текущее значение прогресса */
+    progress: number;
+    /** Cтиль прогресс-бара */
+    style?: ProgressBarStyle;
+    ariaLabel?: string;
+    'data-qa'?: string;
+};
+export type ProgressBarSingleProps = ProgressBarCommonProps & {
+    /** Максимальное значение прогресс-бара */
+    max?: number;
+    segments?: never;
+};
+export type ProgressBarSegmentedProps = ProgressBarCommonProps & {
+    max?: never;
+    /** Общее кол-во сегментов */
+    segments: number;
+};
+export type ProgressBarProps = ProgressBarSingleProps | ProgressBarSegmentedProps;
+export {};

package/types.js

@@ -0,0 +1,3 @@
+import './index.css';
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}