@alfalab/core-components-circular-progress-bar 3.8.3 → 3.9.0-snapshot-1393ffa

package/esm/src/shared/index.d.ts

@@ -0,0 +1 @@
+export { getCircularProgressBarTestIds } from '../utils/get-circular-progress-bar-test-ids';

package/esm/src/types/component-size.d.ts

@@ -0,0 +1 @@
+export declare type ComponentSize = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 24 | 48 | 64 | 80 | 128 | 144;

package/esm/src/types/typography-color.d.ts

@@ -0,0 +1 @@
+export declare type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'negative';

package/esm/src/use-timer.d.ts

@@ -0,0 +1 @@
+export declare function useTimer(time: number, active: boolean | undefined, counting: 'forward' | 'backward', onFinish: () => void, interval?: number, step?: number): [value: number, title: string];

package/esm/{utils → src/utils}/get-circular-progress-bar-test-ids.d.ts

@@ -1,8 +1,7 @@
-declare function getCircularProgressBarTestIds(dataTestId: string): {
+export declare function getCircularProgressBarTestIds(dataTestId: string): {
     progressBar: string;
     title: string;
     subtitle: string;
     circleProgressBar: string;
     circleProgressValue: string;
 };
-export { getCircularProgressBarTestIds };

package/esm/src/utils/is-typography-color.d.ts

@@ -0,0 +1,2 @@
+import { TypographyColor } from '../types/typography-color';
+export declare const isTypographyColor: (color: TypographyColor | string) => color is TypographyColor;

package/esm/types/component-size.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=component-size.js.map

package/esm/types/component-size.js.map

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

package/esm/types/typography-color.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=typography-color.js.map

package/esm/types/typography-color.js.map

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

package/esm/use-timer.js

@@ -5,7 +5,7 @@ var MAX_PERSENT_VALUE = 100;
 function makeTitle(time) {
     return "".concat(Math.trunc(time / 60), ":").concat("".concat(time % 60).padStart(2, '0'));
 }
-function useTimer(time, active, counting, interval, step) {
+function useTimer(time, active, counting, onFinish, interval, step) {
     if (active === void 0) { active = true; }
     if (interval === void 0) { interval = 1000; }
     if (step === void 0) { step = 1; }
@@ -14,14 +14,18 @@ function useTimer(time, active, counting, interval, step) {
     var persentValue = Math.trunc((passedTime / time) * MAX_PERSENT_VALUE);
     useEffect(function () {
         if (!active || isCompleted) {
+            if (isCompleted) {
+                onFinish();
+            }
             return noop;
         }
         var timer = setInterval(function () {
             setPassedTime(function (prevPassed) { return prevPassed + step; });
         }, interval);
         return function () { return clearInterval(timer); };
-    }, [interval, isCompleted, active, step]);
+    }, [interval, isCompleted, active, step, onFinish]);
     return [persentValue, makeTitle(counting === 'backward' ? time - passedTime : passedTime)];
 }
 
 export { useTimer };
+//# sourceMappingURL=use-timer.js.map

package/esm/use-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-timer.js","sources":["../../src/use-timer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { noop } from '@alfalab/core-components-shared';\n\nconst MAX_PERSENT_VALUE = 100;\n\nfunction makeTitle(time: number) {\n    return `${Math.trunc(time / 60)}:${`${time % 60}`.padStart(2, '0')}`;\n}\n\nexport function useTimer(\n    time: number,\n    active = true,\n    counting: 'forward' | 'backward',\n    onFinish: () => void,\n    interval = 1000,\n    step = 1,\n): [value: number, title: string] {\n    const [passedTime, setPassedTime] = useState(0);\n    const isCompleted = passedTime === time;\n    const persentValue = Math.trunc((passedTime / time) * MAX_PERSENT_VALUE);\n\n    useEffect(() => {\n        if (!active || isCompleted) {\n            if (isCompleted) {\n                onFinish();\n            }\n\n            return noop;\n        }\n\n        const timer = setInterval(() => {\n            setPassedTime((prevPassed) => prevPassed + step);\n        }, interval);\n\n        return () => clearInterval(timer);\n    }, [interval, isCompleted, active, step, onFinish]);\n\n    return [persentValue, makeTitle(counting === 'backward' ? time - passedTime : passedTime)];\n}\n"],"names":[],"mappings":";;;AAIA,IAAM,iBAAiB,GAAG,GAAG;AAE7B,SAAS,SAAS,CAAC,IAAY,EAAA;IAC3B,OAAO,EAAA,CAAA,MAAA,CAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAG,IAAI,GAAG,EAAE,CAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAE;AACxE;AAEgB,SAAA,QAAQ,CACpB,IAAY,EACZ,MAAa,EACb,QAAgC,EAChC,QAAoB,EACpB,QAAe,EACf,IAAQ,EAAA;AAJR,IAAA,IAAA,MAAA,KAAA,MAAA,EAAA,EAAA,MAAa,GAAA,IAAA,CAAA;AAGb,IAAA,IAAA,QAAA,KAAA,MAAA,EAAA,EAAA,QAAe,GAAA,IAAA,CAAA;AACf,IAAA,IAAA,IAAA,KAAA,MAAA,EAAA,EAAA,IAAQ,GAAA,CAAA,CAAA;IAEF,IAAA,EAAA,GAA8B,QAAQ,CAAC,CAAC,CAAC,EAAxC,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAe;AAC/C,IAAA,IAAM,WAAW,GAAG,UAAU,KAAK,IAAI;AACvC,IAAA,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,IAAI,IAAI,iBAAiB,CAAC;AAExE,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE;AACxB,YAAA,IAAI,WAAW,EAAE;AACb,gBAAA,QAAQ,EAAE;AACb;AAED,YAAA,OAAO,IAAI;AACd;QAED,IAAM,KAAK,GAAG,WAAW,CAAC,YAAA;YACtB,aAAa,CAAC,UAAC,UAAU,EAAK,EAAA,OAAA,UAAU,GAAG,IAAI,CAAA,EAAA,CAAC;SACnD,EAAE,QAAQ,CAAC;QAEZ,OAAO,YAAA,EAAM,OAAA,aAAa,CAAC,KAAK,CAAC,CAAA,EAAA;AACrC,KAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEnD,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAC9F;;;;"}

package/esm/utils/get-circular-progress-bar-test-ids.js

@@ -11,3 +11,4 @@ function getCircularProgressBarTestIds(dataTestId) {
 }
 
 export { getCircularProgressBarTestIds };
+//# sourceMappingURL=get-circular-progress-bar-test-ids.js.map

package/esm/utils/get-circular-progress-bar-test-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-circular-progress-bar-test-ids.js","sources":["../../../src/utils/get-circular-progress-bar-test-ids.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getCircularProgressBarTestIds(dataTestId: string) {\n    return {\n        progressBar: dataTestId,\n        title: getDataTestId(dataTestId, 'title'),\n        subtitle: getDataTestId(dataTestId, 'subtitle'),\n        circleProgressBar: getDataTestId(dataTestId, 'circle-progress-bar'),\n        circleProgressValue: getDataTestId(dataTestId, 'circle-progress-value'),\n    };\n}\n"],"names":[],"mappings":";;AAEM,SAAU,6BAA6B,CAAC,UAAkB,EAAA;IAC5D,OAAO;AACH,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,QAAQ,EAAE,aAAa,CAAC,UAAU,EAAE,UAAU,CAAC;AAC/C,QAAA,iBAAiB,EAAE,aAAa,CAAC,UAAU,EAAE,qBAAqB,CAAC;AACnE,QAAA,mBAAmB,EAAE,aAAa,CAAC,UAAU,EAAE,uBAAuB,CAAC;KAC1E;AACL;;;;"}

package/esm/utils/is-typography-color.js

@@ -5,3 +5,4 @@ var isTypographyColor = function (color) {
 };
 
 export { isTypographyColor };
+//# sourceMappingURL=is-typography-color.js.map

package/esm/utils/is-typography-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-typography-color.js","sources":["../../../src/utils/is-typography-color.ts"],"sourcesContent":["import { TYPOGRAPHY_COLOR } from '../consts';\nimport { TypographyColor } from '../types/typography-color';\n\nexport const isTypographyColor = (color: TypographyColor | string): color is TypographyColor =>\n    TYPOGRAPHY_COLOR.includes(color);\n"],"names":[],"mappings":";;AAGO,IAAM,iBAAiB,GAAG,UAAC,KAA+B,EAAA;AAC7D,IAAA,OAAA,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;AAAhC;;;;"}

package/index.css

@@ -1,189 +1,163 @@
-/* hash: 1q6en */
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root {
+:root {
     --color-light-neutral-500: #babbc2;
     --color-light-neutral-700: #898991;
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
     --color-light-status-negative: #ff4837;
-    --color-light-status-positive: #0cc44d; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-status-positive: #0cc44d;
 } :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --border-radius-pill: 99px;
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
+} :root {
     --gap-0: 0px;
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ :root {
-    /* stroke */
+} :root {
     --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
-
-    /* positive */
     --circular-progress-bar-positive-color: var(--color-light-status-positive);
-
-    /* negative */
     --circular-progress-bar-negative-color: var(--color-light-status-negative);
-
-    /* theme */
     --circular-progress-bar-font-family: var(--font-family-system);
     --circular-progress-bar-font-weight: 600;
-} .circular-progress-bar__component_29ydx {
+} .circular-progress-bar__component_1x0hu {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: var(--border-radius-pill)
-} .circular-progress-bar__component_29ydx.circular-progress-bar__bg-positive_29ydx {
+} .circular-progress-bar__component_1x0hu.circular-progress-bar__bg-positive_1x0hu {
         background: var(--circular-progress-bar-positive-color);
-    } .circular-progress-bar__component_29ydx.circular-progress-bar__bg-negative_29ydx {
+    } .circular-progress-bar__component_1x0hu.circular-progress-bar__bg-negative_1x0hu {
         background: var(--circular-progress-bar-negative-color);
-    } .circular-progress-bar__svg_29ydx {
+    } .circular-progress-bar__svg_1x0hu {
     display: block;
     width: 100%;
-} .circular-progress-bar__title_29ydx,
-.circular-progress-bar__subtitle_29ydx {
+} .circular-progress-bar__title_1x0hu,
+.circular-progress-bar__subtitle_1x0hu {
     overflow: hidden;
     word-break: break-word;
     white-space: nowrap;
     text-overflow: ellipsis;
     margin: var(--gap-0) 6px;
-} .circular-progress-bar__subtitle_29ydx {
+} .circular-progress-bar__subtitle_1x0hu {
     max-height: 40px;
-} .circular-progress-bar__labelWrapper_29ydx {
+} .circular-progress-bar__labelWrapper_1x0hu {
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 100%;
     transform: translate(-50%, -50%)
-} .circular-progress-bar__labelWrapper_29ydx.circular-progress-bar__label_29ydx {
+} .circular-progress-bar__labelWrapper_1x0hu.circular-progress-bar__label_1x0hu {
         display: flex;
         align-items: center;
         justify-content: center;
-    } .circular-progress-bar__typography_29ydx {
+    } .circular-progress-bar__typography_1x0hu {
     font-feature-settings: 'ss01';
     font-weight: var(--circular-progress-bar-font-weight);
     font-family: var(--circular-progress-bar-font-family);
-} .circular-progress-bar__size-144_29ydx {
+} .circular-progress-bar__size-144_1x0hu {
     width: 144px;
     height: 144px
-} .circular-progress-bar__size-144_29ydx .circular-progress-bar__labelWrapper_29ydx {
+} .circular-progress-bar__size-144_1x0hu .circular-progress-bar__labelWrapper_1x0hu {
         max-width: 128px;
-    } .circular-progress-bar__size-144_29ydx .circular-progress-bar__title_29ydx {
+    } .circular-progress-bar__size-144_1x0hu .circular-progress-bar__title_1x0hu {
         max-height: 32px;
-    } .circular-progress-bar__size-128_29ydx {
+    } .circular-progress-bar__size-128_1x0hu {
     width: 128px;
     height: 128px
-} .circular-progress-bar__size-128_29ydx .circular-progress-bar__labelWrapper_29ydx {
+} .circular-progress-bar__size-128_1x0hu .circular-progress-bar__labelWrapper_1x0hu {
         max-width: 108px;
-    } .circular-progress-bar__size-128_29ydx .circular-progress-bar__title_29ydx {
+    } .circular-progress-bar__size-128_1x0hu .circular-progress-bar__title_1x0hu {
         max-height: 32px;
-    } .circular-progress-bar__size-96_29ydx {
+    } .circular-progress-bar__size-96_1x0hu {
     width: 96px;
     height: 96px
-} .circular-progress-bar__size-96_29ydx .circular-progress-bar__labelWrapper_29ydx {
+} .circular-progress-bar__size-96_1x0hu .circular-progress-bar__labelWrapper_1x0hu {
         max-width: 64px;
-    } .circular-progress-bar__size-96_29ydx .circular-progress-bar__title_29ydx {
+    } .circular-progress-bar__size-96_1x0hu .circular-progress-bar__title_1x0hu {
         max-height: 20px;
-    } .circular-progress-bar__size-80_29ydx {
+    } .circular-progress-bar__size-80_1x0hu {
     width: 80px;
     height: 80px
-} .circular-progress-bar__size-80_29ydx .circular-progress-bar__labelWrapper_29ydx {
+} .circular-progress-bar__size-80_1x0hu .circular-progress-bar__labelWrapper_1x0hu {
         max-width: 64px;
-    } .circular-progress-bar__size-80_29ydx .circular-progress-bar__title_29ydx {
+    } .circular-progress-bar__size-80_1x0hu .circular-progress-bar__title_1x0hu {
         max-height: 24px;
-    } .circular-progress-bar__size-64_29ydx {
+    } .circular-progress-bar__size-64_1x0hu {
     width: 64px;
     height: 64px
-} .circular-progress-bar__size-64_29ydx .circular-progress-bar__labelWrapper_29ydx {
+} .circular-progress-bar__size-64_1x0hu .circular-progress-bar__labelWrapper_1x0hu {
         max-width: 48px;
-    } .circular-progress-bar__size-64_29ydx .circular-progress-bar__title_29ydx {
+    } .circular-progress-bar__size-64_1x0hu .circular-progress-bar__title_1x0hu {
         max-height: 16px;
         margin: var(--gap-0);
-    } .circular-progress-bar__size-48_29ydx {
+    } .circular-progress-bar__size-48_1x0hu {
     width: 48px;
     height: 48px
-} .circular-progress-bar__size-48_29ydx .circular-progress-bar__labelWrapper_29ydx {
+} .circular-progress-bar__size-48_1x0hu .circular-progress-bar__labelWrapper_1x0hu {
         max-width: 40px;
-    } .circular-progress-bar__size-48_29ydx .circular-progress-bar__title_29ydx {
+    } .circular-progress-bar__size-48_1x0hu .circular-progress-bar__title_1x0hu {
         max-height: 16px;
         margin: var(--gap-0);
-    } .circular-progress-bar__size-24_29ydx {
+    } .circular-progress-bar__size-24_1x0hu {
     width: 24px;
     height: 24px
-} .circular-progress-bar__size-24_29ydx .circular-progress-bar__labelWrapper_29ydx {
+} .circular-progress-bar__size-24_1x0hu .circular-progress-bar__labelWrapper_1x0hu {
         max-width: 24px;
-    } .circular-progress-bar__backgroundCircle_29ydx,
-.circular-progress-bar__progressCircle_29ydx {
+    } .circular-progress-bar__backgroundCircle_1x0hu,
+.circular-progress-bar__progressCircle_1x0hu {
     width: 100%;
     height: 100%;
     fill: transparent;
-} .circular-progress-bar__positive_29ydx {
+} .circular-progress-bar__positive_1x0hu {
     stroke: var(--circular-progress-bar-positive-color);
-} .circular-progress-bar__negative_29ydx {
+} .circular-progress-bar__negative_1x0hu {
     stroke: var(--circular-progress-bar-negative-color);
-} .circular-progress-bar__backgroundCircle_29ydx {
+} .circular-progress-bar__backgroundCircle_1x0hu {
     stroke: var(--circular-progress-bar-stroke-color)
-} .circular-progress-bar__backgroundCircle_29ydx.circular-progress-bar__stroke_29ydx {
+} .circular-progress-bar__backgroundCircle_1x0hu.circular-progress-bar__stroke_1x0hu {
         stroke: transparent;
-    } .circular-progress-bar__progressCircle_29ydx {
+    } .circular-progress-bar__progressCircle_1x0hu {
     stroke-linecap: round;
-} .circular-progress-bar__iconWrapper_29ydx {
+} .circular-progress-bar__iconWrapper_1x0hu {
     display: flex;
     align-items: center;
     justify-content: center
-} .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-144_29ydx {
+} .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__size-144_1x0hu {
         max-width: 64px;
         max-height: 64px;
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-128_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__size-128_1x0hu {
         max-width: 64px;
         max-height: 64px;
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-96_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__size-96_1x0hu {
         max-width: 48px;
         max-height: 48px;
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-80_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__size-80_1x0hu {
         max-width: 48px;
         max-height: 48px;
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-64_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__size-64_1x0hu {
         max-width: 36px;
         max-height: 36px;
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-48_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__size-48_1x0hu {
         max-width: 24px;
         max-height: 24px;
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-24_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__size-24_1x0hu {
         max-width: 16px;
         max-height: 16px;
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-tertiary_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__icon-tertiary_1x0hu {
         color: var(--color-light-neutral-500);
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-positive_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__icon-positive_1x0hu {
         color: var(--color-light-status-positive);
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-negative_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__icon-negative_1x0hu {
         color: var(--color-light-status-negative);
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-primary-inverted_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__icon-primary-inverted_1x0hu {
         color: var(--color-light-neutral-translucent-1300-inverted);
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-primary_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__icon-primary_1x0hu {
         color: var(--color-light-neutral-translucent-1300);
-    } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-secondary_29ydx {
+    } .circular-progress-bar__iconWrapper_1x0hu.circular-progress-bar__icon-secondary_1x0hu {
         color: var(--color-light-neutral-700);
-    } .circular-progress-bar__icon_29ydx {
+    } .circular-progress-bar__icon_1x0hu {
     width: 100%;
     height: 100%;
 }

package/index.js

@@ -7,3 +7,4 @@ var Component = require('./Component.js');
 
 
 exports.CircularProgressBar = Component.CircularProgressBar;
+//# sourceMappingURL=index.js.map

package/index.js.map

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

package/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"circular-progress-bar__component_1x0hu","bg-positive":"circular-progress-bar__bg-positive_1x0hu","bg-negative":"circular-progress-bar__bg-negative_1x0hu","svg":"circular-progress-bar__svg_1x0hu","title":"circular-progress-bar__title_1x0hu","subtitle":"circular-progress-bar__subtitle_1x0hu","labelWrapper":"circular-progress-bar__labelWrapper_1x0hu","label":"circular-progress-bar__label_1x0hu","typography":"circular-progress-bar__typography_1x0hu","size-144":"circular-progress-bar__size-144_1x0hu","size-128":"circular-progress-bar__size-128_1x0hu","size-96":"circular-progress-bar__size-96_1x0hu","size-80":"circular-progress-bar__size-80_1x0hu","size-64":"circular-progress-bar__size-64_1x0hu","size-48":"circular-progress-bar__size-48_1x0hu","size-24":"circular-progress-bar__size-24_1x0hu","backgroundCircle":"circular-progress-bar__backgroundCircle_1x0hu","progressCircle":"circular-progress-bar__progressCircle_1x0hu","positive":"circular-progress-bar__positive_1x0hu","negative":"circular-progress-bar__negative_1x0hu","stroke":"circular-progress-bar__stroke_1x0hu","iconWrapper":"circular-progress-bar__iconWrapper_1x0hu","icon-tertiary":"circular-progress-bar__icon-tertiary_1x0hu","icon-positive":"circular-progress-bar__icon-positive_1x0hu","icon-negative":"circular-progress-bar__icon-negative_1x0hu","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1x0hu","icon-primary":"circular-progress-bar__icon-primary_1x0hu","icon-secondary":"circular-progress-bar__icon-secondary_1x0hu","icon":"circular-progress-bar__icon_1x0hu"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '../../vars/src/index.css';\n\n:root {\n    /* stroke */\n    --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);\n\n    /* positive */\n    --circular-progress-bar-positive-color: var(--color-light-status-positive);\n\n    /* negative */\n    --circular-progress-bar-negative-color: var(--color-light-status-negative);\n\n    /* theme */\n    --circular-progress-bar-font-family: var(--font-family-system);\n    --circular-progress-bar-font-weight: 600;\n}\n\n.component {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--border-radius-pill);\n\n    &.bg-positive {\n        background: var(--circular-progress-bar-positive-color);\n    }\n\n    &.bg-negative {\n        background: var(--circular-progress-bar-negative-color);\n    }\n}\n\n.svg {\n    display: block;\n    width: 100%;\n}\n\n.title,\n.subtitle {\n    overflow: hidden;\n    word-break: break-word;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    margin: var(--gap-0) 6px;\n}\n\n.subtitle {\n    max-height: 40px;\n}\n\n.labelWrapper {\n    text-align: center;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    transform: translate(-50%, -50%);\n\n    &.label {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n\n.typography {\n    font-feature-settings: 'ss01';\n    font-weight: var(--circular-progress-bar-font-weight);\n    font-family: var(--circular-progress-bar-font-family);\n}\n\n.size-144 {\n    width: 144px;\n    height: 144px;\n\n    & .labelWrapper {\n        max-width: 128px;\n    }\n\n    & .title {\n        max-height: 32px;\n    }\n}\n\n.size-128 {\n    width: 128px;\n    height: 128px;\n\n    & .labelWrapper {\n        max-width: 108px;\n    }\n\n    & .title {\n        max-height: 32px;\n    }\n}\n\n.size-96 {\n    width: 96px;\n    height: 96px;\n\n    & .labelWrapper {\n        max-width: 64px;\n    }\n\n    & .title {\n        max-height: 20px;\n    }\n}\n\n.size-80 {\n    width: 80px;\n    height: 80px;\n\n    & .labelWrapper {\n        max-width: 64px;\n    }\n\n    & .title {\n        max-height: 24px;\n    }\n}\n\n.size-64 {\n    width: 64px;\n    height: 64px;\n\n    & .labelWrapper {\n        max-width: 48px;\n    }\n\n    & .title {\n        max-height: 16px;\n        margin: var(--gap-0);\n    }\n}\n\n.size-48 {\n    width: 48px;\n    height: 48px;\n\n    & .labelWrapper {\n        max-width: 40px;\n    }\n\n    & .title {\n        max-height: 16px;\n        margin: var(--gap-0);\n    }\n}\n\n.size-24 {\n    width: 24px;\n    height: 24px;\n\n    & .labelWrapper {\n        max-width: 24px;\n    }\n}\n\n.backgroundCircle,\n.progressCircle {\n    width: 100%;\n    height: 100%;\n    fill: transparent;\n}\n\n.positive {\n    stroke: var(--circular-progress-bar-positive-color);\n}\n\n.negative {\n    stroke: var(--circular-progress-bar-negative-color);\n}\n\n.backgroundCircle {\n    stroke: var(--circular-progress-bar-stroke-color);\n\n    &.stroke {\n        stroke: transparent;\n    }\n}\n\n.progressCircle {\n    stroke-linecap: round;\n}\n\n.iconWrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &.size-144 {\n        max-width: 64px;\n        max-height: 64px;\n    }\n\n    &.size-128 {\n        max-width: 64px;\n        max-height: 64px;\n    }\n\n    &.size-96 {\n        max-width: 48px;\n        max-height: 48px;\n    }\n\n    &.size-80 {\n        max-width: 48px;\n        max-height: 48px;\n    }\n\n    &.size-64 {\n        max-width: 36px;\n        max-height: 36px;\n    }\n\n    &.size-48 {\n        max-width: 24px;\n        max-height: 24px;\n    }\n\n    &.size-24 {\n        max-width: 16px;\n        max-height: 16px;\n    }\n\n    &.icon-tertiary {\n        color: var(--color-light-neutral-500);\n    }\n\n    &.icon-positive {\n        color: var(--color-light-status-positive);\n    }\n\n    &.icon-negative {\n        color: var(--color-light-status-negative);\n    }\n\n    &.icon-primary-inverted {\n        color: var(--color-light-neutral-translucent-1300-inverted);\n    }\n\n    &.icon-primary {\n        color: var(--color-light-neutral-translucent-1300);\n    }\n\n    &.icon-secondary {\n        color: var(--color-light-neutral-700);\n    }\n}\n\n.icon {\n    width: 100%;\n    height: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wCAAwC,CAAC,aAAa,CAAC,0CAA0C,CAAC,aAAa,CAAC,0CAA0C,CAAC,KAAK,CAAC,kCAAkC,CAAC,OAAO,CAAC,oCAAoC,CAAC,UAAU,CAAC,uCAAuC,CAAC,cAAc,CAAC,2CAA2C,CAAC,OAAO,CAAC,oCAAoC,CAAC,YAAY,CAAC,yCAAyC,CAAC,UAAU,CAAC,uCAAuC,CAAC,UAAU,CAAC,uCAAuC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,kBAAkB,CAAC,+CAA+C,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,UAAU,CAAC,uCAAuC,CAAC,UAAU,CAAC,uCAAuC,CAAC,QAAQ,CAAC,qCAAqC,CAAC,aAAa,CAAC,0CAA0C,CAAC,eAAe,CAAC,4CAA4C,CAAC,eAAe,CAAC,4CAA4C,CAAC,eAAe,CAAC,4CAA4C,CAAC,uBAAuB,CAAC,oDAAoD,CAAC,cAAc,CAAC,2CAA2C,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,MAAM,CAAC,mCAAmC,CAAC;;;;"}

package/modern/Component.js

@@ -1,13 +1,11 @@
 import React, { useMemo } from 'react';
 import cn from 'classnames';
-import { isObject, getDataTestId } from '@alfalab/core-components-shared/modern';
-import { Text, TitleMobile } from '@alfalab/core-components-typography/modern';
+import { isObject, noop, getDataTestId } from '@alfalab/core-components-shared/modern';
+import { TitleMobile, Text } from '@alfalab/core-components-typography/modern';
 import { isTypographyColor } from './utils/is-typography-color.js';
-import { MIN_TIMER_VALUE, MAX_TIMER_VALUE, STROKE, SIZES, TYPOGRAPHY_COLOR, SIZE_TO_CLASSNAME_MAP, MAX_PROGRESS_VALUE, VIEW_TITLE, VIEW_TEXT } from './consts.js';
+import { MIN_TIMER_VALUE, MAX_TIMER_VALUE, STROKE, SIZES, TYPOGRAPHY_COLOR, SIZE_TO_CLASSNAME_MAP, VIEW_TITLE, VIEW_TEXT, MAX_PROGRESS_VALUE } from './consts.js';
 import { useTimer } from './use-timer.js';
-
-const styles = {"component":"circular-progress-bar__component_29ydx","bg-positive":"circular-progress-bar__bg-positive_29ydx","bg-negative":"circular-progress-bar__bg-negative_29ydx","svg":"circular-progress-bar__svg_29ydx","title":"circular-progress-bar__title_29ydx","subtitle":"circular-progress-bar__subtitle_29ydx","labelWrapper":"circular-progress-bar__labelWrapper_29ydx","label":"circular-progress-bar__label_29ydx","typography":"circular-progress-bar__typography_29ydx","size-144":"circular-progress-bar__size-144_29ydx","size-128":"circular-progress-bar__size-128_29ydx","size-96":"circular-progress-bar__size-96_29ydx","size-80":"circular-progress-bar__size-80_29ydx","size-64":"circular-progress-bar__size-64_29ydx","size-48":"circular-progress-bar__size-48_29ydx","size-24":"circular-progress-bar__size-24_29ydx","backgroundCircle":"circular-progress-bar__backgroundCircle_29ydx","progressCircle":"circular-progress-bar__progressCircle_29ydx","positive":"circular-progress-bar__positive_29ydx","negative":"circular-progress-bar__negative_29ydx","stroke":"circular-progress-bar__stroke_29ydx","iconWrapper":"circular-progress-bar__iconWrapper_29ydx","icon-tertiary":"circular-progress-bar__icon-tertiary_29ydx","icon-positive":"circular-progress-bar__icon-positive_29ydx","icon-negative":"circular-progress-bar__icon-negative_29ydx","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_29ydx","icon-primary":"circular-progress-bar__icon-primary_29ydx","icon-secondary":"circular-progress-bar__icon-secondary_29ydx","icon":"circular-progress-bar__icon_29ydx"};
-require('./index.css')
+import styles from './index.module.css.js';
 
 /* eslint-disable complexity */
 /**
@@ -15,7 +13,7 @@ require('./index.css')
  */
 const CircularProgressBar = ({ value: valueFromProps, view = 'positive', size = 64, className, dataTestId, title: titleFromProps = isObject(valueFromProps) ? null : `${valueFromProps}`, titleComplete, subtitle, contentColor = 'secondary', subtitleComplete, stroke = true, fillComplete, icon: Icon, iconComplete: IconComplete, completeTextColor, completeIconColor = 'tertiary', direction = 'clockwise', height, children, progressStrokeColor, circleColor, strokeColor, directionType = 'asc', titleColor, subtitleColor, }) => {
     const isTimer = isObject(valueFromProps);
-    const [timerValue, timerTitle] = useTimer(isTimer ? Math.min(Math.max(valueFromProps.timer, MIN_TIMER_VALUE), MAX_TIMER_VALUE) : -1, isTimer, isTimer ? valueFromProps.counting ?? 'backward' : 'backward');
+    const [timerValue, timerTitle] = useTimer(isTimer ? Math.min(Math.max(valueFromProps.timer, MIN_TIMER_VALUE), MAX_TIMER_VALUE) : -1, isTimer, isTimer ? valueFromProps.counting ?? 'backward' : 'backward', isTimer ? valueFromProps.onFinish ?? noop : noop);
     let value;
     let title;
     if (isTimer) {
@@ -107,10 +105,11 @@ const CircularProgressBar = ({ value: valueFromProps, view = 'positive', size =
                     ...(progressStrokeColor && { stroke: progressStrokeColor }),
                 }, cx: memorized.center, cy: memorized.center, r: memorized.radius, strokeWidth: STROKE[size], strokeDasharray: memorized.strokeDasharray, strokeDashoffset: direction === 'counter-clockwise'
                     ? -memorized.strokeDashoffset
-                    : memorized.strokeDashoffset, transform: `rotate(${-90} ${memorized.center} ${memorized.center})`, "data-test-id": getDataTestId(dataTestId, 'circle-progress-value') })),
+                    : memorized.strokeDashoffset, transform: `rotate(${ -90} ${memorized.center} ${memorized.center})`, "data-test-id": getDataTestId(dataTestId, 'circle-progress-value') })),
         React.createElement("div", { className: cn(styles.labelWrapper, {
                 [styles.label]: Icon || IconComplete,
             }) }, children || renderContent())));
 };
 
 export { CircularProgressBar };
+//# sourceMappingURL=Component.js.map

package/modern/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { ElementType, ReactNode, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId, isObject, noop } from '@alfalab/core-components-shared';\nimport { Text, TitleMobile } from '@alfalab/core-components-typography';\n\nimport { ComponentSize } from './types/component-size';\nimport { TypographyColor } from './types/typography-color';\nimport { isTypographyColor } from './utils/is-typography-color';\nimport {\n    MAX_PROGRESS_VALUE,\n    MAX_TIMER_VALUE,\n    MIN_TIMER_VALUE,\n    SIZE_TO_CLASSNAME_MAP,\n    SIZES,\n    STROKE,\n    TYPOGRAPHY_COLOR,\n    VIEW_TEXT,\n    VIEW_TITLE,\n} from './consts';\nimport { useTimer } from './use-timer';\n\nimport styles from './index.module.css';\n\nexport type CircularProgressBarProps = {\n    /**\n     * Уровень прогресса, %\n     */\n\n    value:\n        | number\n        | {\n              /**\n               * Время таймера в секундах\n               * Минимальное значение 0\n               * Максимальное значение 3600\n               */\n              timer: number;\n              /**\n               * Направлние отсчета таймера\n               * forward: считаем от 0 до указанного значения\n               * backward: считаем от указанного значения до 0\n               * @default backward\n               */\n              counting?: 'forward' | 'backward';\n              /**\n               * Обработчик завершения таймера\n               */\n              onFinish?: () => void;\n          };\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Основной текст\n     */\n    title?: ReactNode;\n\n    /**\n     * Цвет контента\n     */\n    contentColor?: TypographyColor | string;\n\n    /**\n     * Цвет заголовка\n     * Приоритет выше чем у `contentColor`\n     */\n    titleColor?: TypographyColor | string;\n\n    /**\n     * Цвет подзаголовка\n     * Приоритет выше чем у `contentColor`\n     */\n    subtitleColor?: TypographyColor | string;\n\n    /**\n     * Дополнительный текст\n     */\n    subtitle?: ReactNode;\n\n    /**\n     * Основной текст при 100%\n     */\n    titleComplete?: ReactNode;\n\n    /**\n     * Дополнительный текст при 100%\n     */\n    subtitleComplete?: ReactNode;\n\n    /**\n     * Цвет заполнения\n     */\n    view?: 'positive' | 'negative';\n\n    /**\n     * Размер (xxl — 144×144px, xl — 128×128px, l — 80×80px, m — 64×64px, s — 48×48px, xs — 24×24px)\n     * @description xs, s, m, l, xl, xxl deprecated, используйте вместо них 24, 48, 64, 80, 128, 144 соответственно\n     * @default 64\n     */\n    size?: ComponentSize;\n\n    /**\n     * Наличие желоба\n     */\n    stroke?: boolean;\n\n    /**\n     * Заливка при 100%\n     */\n    fillComplete?: boolean;\n\n    /**\n     * Цвет текста при 100%\n     */\n    completeTextColor?: 'primary' | 'primary-inverted' | 'positive' | 'negative';\n\n    /**\n     * Цвет иконки при 100%\n     */\n    completeIconColor?: 'primary-inverted' | 'positive' | 'negative' | 'tertiary';\n\n    /**\n     * Компонент иконки\n     */\n    icon?: ElementType<{ className?: string }>;\n\n    /**\n     * Компонент иконки при 100%\n     */\n    iconComplete?: ElementType<{ className?: string }>;\n\n    /**\n     * Направление прогресса (clockwise - по часовой стрелке, counter-clockwise - против часовой стрелки)\n     */\n    direction?: 'clockwise' | 'counter-clockwise';\n\n    /**\n     * Высота компонента, min = 24; max = 144\n     * использовать совместно с size :\n     * xxl от 144\n     * xl  от 128 до 143\n     * l   от 80 до 127\n     * m   от 64 до 79\n     * s   от 48 до 63\n     * xs  от 24 до 47\n     */\n    height?: number;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * Дочерние элементы\n     */\n    children?: ReactNode;\n\n    /**\n     * Цвет прогресса\n     */\n    progressStrokeColor?: string;\n\n    /**\n     * Цвет заливки внутри круга\n     */\n    circleColor?: string;\n\n    /**\n     * Цвет желоба\n     */\n    strokeColor?: string;\n\n    /**\n     * Направление заполнения круга\n     * @default desc\n     */\n    directionType?: 'asc' | 'desc';\n};\n\n/**\n * Компонент круглого прогресс бара.\n */\nexport const CircularProgressBar: React.FC<CircularProgressBarProps> = ({\n    value: valueFromProps,\n    view = 'positive',\n    size = 64,\n    className,\n    dataTestId,\n    title: titleFromProps = isObject(valueFromProps) ? null : `${valueFromProps}`,\n    titleComplete,\n    subtitle,\n    contentColor = 'secondary',\n    subtitleComplete,\n    stroke = true,\n    fillComplete,\n    icon: Icon,\n    iconComplete: IconComplete,\n    completeTextColor,\n    completeIconColor = 'tertiary',\n    direction = 'clockwise',\n    height,\n    children,\n    progressStrokeColor,\n    circleColor,\n    strokeColor,\n    directionType = 'asc',\n    titleColor,\n    subtitleColor,\n}) => {\n    const isTimer = isObject(valueFromProps);\n    const [timerValue, timerTitle] = useTimer(\n        isTimer ? Math.min(Math.max(valueFromProps.timer, MIN_TIMER_VALUE), MAX_TIMER_VALUE) : -1,\n        isTimer,\n        isTimer ? valueFromProps.counting ?? 'backward' : 'backward',\n        isTimer ? valueFromProps.onFinish ?? noop : noop,\n    );\n    let value: number;\n    let title: React.ReactNode;\n\n    if (isTimer) {\n        value = timerValue;\n        title = timerTitle;\n    } else {\n        value = valueFromProps;\n        title = titleFromProps;\n    }\n\n    value = directionType === 'desc' ? MAX_PROGRESS_VALUE - value : value;\n\n    const memorized = useMemo(() => {\n        const strokeWidth = STROKE[size];\n        const maxProgress = 100;\n        const minProgress = 0;\n        const widthSVG = SIZES[size];\n        const heightSVG = SIZES[size];\n        const center = widthSVG / 2;\n        const radius = center - strokeWidth / 2;\n        const circumference = Math.PI * radius * 2;\n        const progress = Math.min(Math.max(value, minProgress), maxProgress);\n        const strokeDasharray = circumference.toFixed(3);\n        const strokeDashoffset = (((100 - progress) / 100) * circumference).toFixed(3);\n\n        return {\n            widthSVG,\n            heightSVG,\n            center,\n            radius,\n            strokeDasharray,\n            strokeDashoffset,\n        };\n    }, [size, value]);\n\n    const isComplete = value === 100;\n    const isCompleteTextColor = isComplete && completeTextColor;\n    const titleContent = titleComplete && isComplete ? titleComplete : title;\n    const subtitleContent = subtitleComplete && isComplete ? subtitleComplete : subtitle;\n    const IconComponent = IconComplete && isComplete ? IconComplete : Icon;\n\n    const typographyContentColor = TYPOGRAPHY_COLOR.includes(contentColor)\n        ? (contentColor as TypographyColor)\n        : undefined;\n\n    const getTextColor = (color?: TypographyColor | string) => {\n        if (isCompleteTextColor) {\n            return completeTextColor;\n        }\n\n        if (color) {\n            return isTypographyColor(color) ? color : undefined;\n        }\n\n        return typographyContentColor;\n    };\n\n    const getTextStyleColor = (color?: TypographyColor | string) => {\n        if (color) {\n            if (!isTypographyColor(color)) {\n                return { color };\n            }\n\n            return {};\n        }\n\n        return {\n            ...(!typographyContentColor && { color: contentColor }),\n        };\n    };\n\n    const renderTitleString = () =>\n        SIZES[size] > 64 ? (\n            <TitleMobile\n                className={cn(styles.typography, styles.title)}\n                color={getTextColor(titleColor)}\n                tag='div'\n                font='system'\n                view={VIEW_TITLE[size]}\n                style={{\n                    ...getTextStyleColor(titleColor),\n                }}\n                dataTestId={getDataTestId(dataTestId, 'title')}\n            >\n                {titleContent}\n            </TitleMobile>\n        ) : (\n            <Text\n                className={styles.title}\n                color={getTextColor(titleColor)}\n                tag='div'\n                weight='bold'\n                view={VIEW_TEXT[size]}\n                style={{\n                    ...getTextStyleColor(titleColor),\n                }}\n                dataTestId={getDataTestId(dataTestId, 'title')}\n            >\n                {titleContent}\n            </Text>\n        );\n\n    const renderTitle = () => (typeof title === 'string' ? renderTitleString() : titleContent);\n\n    const renderSubTitle = () =>\n        typeof subtitle === 'string' ? (\n            <Text\n                tag='div'\n                className={styles.subtitle}\n                color={getTextColor(subtitleColor)}\n                view='primary-small'\n                dataTestId={getDataTestId(dataTestId, 'subtitle')}\n                style={{\n                    ...getTextStyleColor(subtitleColor),\n                }}\n            >\n                {subtitleContent}\n            </Text>\n        ) : (\n            subtitleContent\n        );\n\n    const renderIcon = () => (\n        <span\n            className={cn(\n                styles.iconWrapper,\n                styles[SIZE_TO_CLASSNAME_MAP[size]],\n                styles.tertiary,\n                styles[`icon-${contentColor}`],\n                {\n                    [styles[`icon-${completeIconColor}`]]: completeIconColor,\n                },\n            )}\n        >\n            {IconComponent && <IconComponent className={styles.icon} />}\n        </span>\n    );\n\n    const renderContent = () =>\n        Icon || (IconComplete && isComplete) ? (\n            renderIcon()\n        ) : (\n            <React.Fragment>\n                {SIZES[size] > 24 && renderTitle()}\n                {SIZES[size] > 64 && renderSubTitle()}\n            </React.Fragment>\n        );\n\n    return (\n        <div\n            className={cn(styles.component, styles[SIZE_TO_CLASSNAME_MAP[size]], className, {\n                [styles[`bg-${view}`]]: fillComplete && isComplete,\n            })}\n            style={{\n                ...(height && { height, width: height }),\n                ...(circleColor && { backgroundColor: circleColor }),\n            }}\n            data-test-id={dataTestId}\n        >\n            <svg\n                viewBox={`0 0 ${memorized.widthSVG} ${memorized.heightSVG}`}\n                className={styles.svg}\n                xmlns='http://www.w3.org/2000/svg'\n            >\n                <circle\n                    className={cn(styles.backgroundCircle, styles[SIZE_TO_CLASSNAME_MAP[size]], {\n                        [styles.stroke]: !stroke,\n                    })}\n                    style={{\n                        ...(strokeColor && stroke && { stroke: strokeColor }),\n                    }}\n                    cx={memorized.center}\n                    cy={memorized.center}\n                    r={memorized.radius}\n                    strokeWidth={STROKE[size]}\n                    data-test-id={getDataTestId(dataTestId, 'circle-progress-bar')}\n                />\n                <circle\n                    className={cn(\n                        styles.progressCircle,\n                        styles[view],\n                        styles[SIZE_TO_CLASSNAME_MAP[size]],\n                    )}\n                    style={{\n                        ...(progressStrokeColor && { stroke: progressStrokeColor }),\n                    }}\n                    cx={memorized.center}\n                    cy={memorized.center}\n                    r={memorized.radius}\n                    strokeWidth={STROKE[size]}\n                    strokeDasharray={memorized.strokeDasharray}\n                    strokeDashoffset={\n                        direction === 'counter-clockwise'\n                            ? -memorized.strokeDashoffset\n                            : memorized.strokeDashoffset\n                    }\n                    transform={`rotate(${-90} ${memorized.center} ${memorized.center})`}\n                    data-test-id={getDataTestId(dataTestId, 'circle-progress-value')}\n                />\n            </svg>\n            <div\n                className={cn(styles.labelWrapper, {\n                    [styles.label]: Icon || IconComplete,\n                })}\n            >\n                {children || renderContent()}\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/modern/consts.js

@@ -79,3 +79,4 @@ const MIN_TIMER_VALUE = 0;
 const MAX_TIMER_VALUE = 3599;
 
 export { MAX_PROGRESS_VALUE, MAX_TIMER_VALUE, MIN_TIMER_VALUE, SIZES, SIZE_TO_CLASSNAME_MAP, STROKE, TYPOGRAPHY_COLOR, VIEW_TEXT, VIEW_TITLE };
+//# sourceMappingURL=consts.js.map

package/modern/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../src/consts.ts"],"sourcesContent":["export const SIZES = {\n    xs: 24,\n    s: 48,\n    m: 64,\n    l: 80,\n    xl: 128,\n    xxl: 144,\n    24: 24,\n    48: 48,\n    64: 64,\n    80: 80,\n    96: 96,\n    128: 128,\n    144: 144,\n};\n\nexport const STROKE = {\n    xs: 4,\n    s: 4,\n    m: 6,\n    l: 8,\n    xl: 10,\n    xxl: 12,\n    24: 4,\n    48: 4,\n    64: 6,\n    80: 8,\n    96: 8,\n    128: 10,\n    144: 12,\n};\n\nexport const VIEW_TITLE = {\n    xs: 'small',\n    s: 'small',\n    m: 'small',\n    l: 'xsmall',\n    xl: 'medium',\n    xxl: 'medium',\n    24: 'small',\n    48: 'small',\n    64: 'small',\n    80: 'xsmall',\n    96: 'xsmall',\n    128: 'medium',\n    144: 'medium',\n} as const;\n\nexport const VIEW_TEXT = {\n    xs: 'secondary-small',\n    s: 'secondary-small',\n    m: 'secondary-large',\n    l: 'secondary-large',\n    xl: 'secondary-large',\n    xxl: 'secondary-large',\n    24: 'secondary-small',\n    48: 'secondary-small',\n    64: 'secondary-large',\n    80: 'secondary-large',\n    96: 'secondary-large',\n    128: 'secondary-large',\n    144: 'secondary-large',\n} as const;\n\nexport const TYPOGRAPHY_COLOR = ['primary', 'secondary', 'tertiary', 'positive', 'negative'];\n\nexport const SIZE_TO_CLASSNAME_MAP = {\n    xs: 'size-24',\n    s: 'size-48',\n    m: 'size-64',\n    l: 'size-80',\n    xl: 'size-128',\n    xxl: 'size-144',\n    24: 'size-24',\n    48: 'size-48',\n    64: 'size-64',\n    80: 'size-80',\n    96: 'size-96',\n    128: 'size-128',\n    144: 'size-144',\n};\n\nexport const MAX_PROGRESS_VALUE = 100;\n\nexport const MIN_TIMER_VALUE = 0;\nexport const MAX_TIMER_VALUE = 3599;\n"],"names":[],"mappings":"AAAa,MAAA,KAAK,GAAG;AACjB,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,GAAG,EAAE,GAAG;;AAGC,MAAA,MAAM,GAAG;AAClB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,GAAG,EAAE,EAAE;AACP,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,GAAG,EAAE,EAAE;AACP,IAAA,GAAG,EAAE,EAAE;;AAGE,MAAA,UAAU,GAAG;AACtB,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,CAAC,EAAE,OAAO;AACV,IAAA,CAAC,EAAE,OAAO;AACV,IAAA,CAAC,EAAE,QAAQ;AACX,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,GAAG,EAAE,QAAQ;;AAGJ,MAAA,SAAS,GAAG;AACrB,IAAA,EAAE,EAAE,iBAAiB;AACrB,IAAA,CAAC,EAAE,iBAAiB;AACpB,IAAA,CAAC,EAAE,iBAAiB;AACpB,IAAA,CAAC,EAAE,iBAAiB;AACpB,IAAA,EAAE,EAAE,iBAAiB;AACrB,IAAA,GAAG,EAAE,iBAAiB;AACtB,IAAA,EAAE,EAAE,iBAAiB;AACrB,IAAA,EAAE,EAAE,iBAAiB;AACrB,IAAA,EAAE,EAAE,iBAAiB;AACrB,IAAA,EAAE,EAAE,iBAAiB;AACrB,IAAA,EAAE,EAAE,iBAAiB;AACrB,IAAA,GAAG,EAAE,iBAAiB;AACtB,IAAA,GAAG,EAAE,iBAAiB;;AAGnB,MAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU;AAE9E,MAAA,qBAAqB,GAAG;AACjC,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,GAAG,EAAE,UAAU;AACf,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,GAAG,EAAE,UAAU;AACf,IAAA,GAAG,EAAE,UAAU;;AAGZ,MAAM,kBAAkB,GAAG;AAE3B,MAAM,eAAe,GAAG;AACxB,MAAM,eAAe,GAAG;;;;"}