@alfalab/core-components 48.25.0-beta.0 → 48.25.1-beta.0

package/checkbox-group/components/base-checkbox-group/index.css

@@ -40,52 +40,52 @@
     --checkbox-group-error-border-left: 1px solid var(--color-light-status-negative);
 
     /* mobile */
-} .checkbox-group__component_19ov2 {
+} .checkbox-group__component_dq1vl {
     display: flex;
     flex-direction: column;
-} .checkbox-group__error_19ov2 {
+} .checkbox-group__error_dq1vl {
     padding-left: var(--checkbox-group-error-padding-left);
     border-left: var(--checkbox-group-error-border-left)
-} .checkbox-group__error_19ov2.checkbox-group__tag_19ov2 {
+} .checkbox-group__error_dq1vl.checkbox-group__tag_dq1vl {
         padding-left: var(--gap-8);
-    } .checkbox-group__checkboxList_19ov2 {
+    } .checkbox-group__checkboxList_dq1vl {
     display: flex;
-} .checkbox-group__vertical_19ov2 .checkbox-group__checkboxList_19ov2 {
+} .checkbox-group__vertical_dq1vl .checkbox-group__checkboxList_dq1vl {
     flex-direction: column;
     align-items: flex-start;
-} .checkbox-group__vertical_19ov2 .checkbox-group__checkbox_19ov2 {
+} .checkbox-group__vertical_dq1vl .checkbox-group__checkbox_dq1vl {
     margin-bottom: var(--gap-12)
-} .checkbox-group__vertical_19ov2 .checkbox-group__checkbox_19ov2:last-child {
+} .checkbox-group__vertical_dq1vl .checkbox-group__checkbox_dq1vl:last-child {
         margin-bottom: var(--gap-0);
-    } .checkbox-group__horizontal_19ov2 .checkbox-group__checkboxList_19ov2 {
+    } .checkbox-group__horizontal_dq1vl .checkbox-group__checkboxList_dq1vl {
     flex-wrap: wrap;
     margin-bottom: var(--gap-8-neg);
-} .checkbox-group__horizontal_19ov2 .checkbox-group__checkbox_19ov2 {
+} .checkbox-group__horizontal_dq1vl .checkbox-group__checkbox_dq1vl {
     margin-right: var(--gap-24);
     margin-bottom: var(--gap-8);
-} .checkbox-group__horizontal_19ov2 .checkbox-group__tagLabel_19ov2 {
+} .checkbox-group__horizontal_dq1vl .checkbox-group__tagLabel_dq1vl {
     margin-right: var(--gap-8);
-} .checkbox-group__horizontal_19ov2 .checkbox-group__checkbox_19ov2:last-child,
-.checkbox-group__horizontal_19ov2 .checkbox-group__tagLabel_19ov2:last-child {
+} .checkbox-group__horizontal_dq1vl .checkbox-group__checkbox_dq1vl:last-child,
+.checkbox-group__horizontal_dq1vl .checkbox-group__tagLabel_dq1vl:last-child {
     margin-right: var(--gap-0);
-} .checkbox-group__label_19ov2 {
+} .checkbox-group__label_dq1vl {
     margin-bottom: var(--gap-12);
-} .checkbox-group__sub_19ov2 {
+} .checkbox-group__sub_dq1vl {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-12);
-} .checkbox-group__errorMessage_19ov2 {
+} .checkbox-group__errorMessage_dq1vl {
     color: var(--checkbox-group-error-color);
-} .checkbox-group__hint_19ov2 {
+} .checkbox-group__hint_dq1vl {
     color: var(--checkbox-group-hint-color);
-} .checkbox-group__hiddenInput_19ov2 {
+} .checkbox-group__hiddenInput_dq1vl {
     position: absolute;
     z-index: -1;
     top: var(--gap-0);
     left: var(--gap-0);
     opacity: 0;
-} .checkbox-group__tagLabel_19ov2 {
+} .checkbox-group__tagLabel_dq1vl {
     position: relative;
     max-width: 100%;
 }

package/checkbox-group/desktop/Component.desktop.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"checkboxList":"checkbox-group__checkboxList_1ernj","label":"checkbox-group__label_1ernj","sub":"checkbox-group__sub_1ernj"};
+var styles = {"checkboxList":"checkbox-group__checkboxList_isud2","label":"checkbox-group__label_isud2","sub":"checkbox-group__sub_isud2"};
 require('./desktop.css');
 
 var CheckboxGroupDesktop = function (props) { return (React__default.default.createElement(components_baseCheckboxGroup_Component.BaseCheckboxGroup, tslib.__assign({}, props, { styles: styles }))); };

package/checkbox-group/desktop/desktop.css

@@ -29,14 +29,14 @@
     --checkbox-group-list-padding-left: var(--gap-0);
 
     /* mobile */
-} .checkbox-group__checkboxList_1ernj {
+} .checkbox-group__checkboxList_isud2 {
     padding-left: var(--checkbox-group-list-padding-left);
-} .checkbox-group__label_1ernj {
+} .checkbox-group__label_isud2 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--checkbox-group-label-color);
     padding-left: var(--checkbox-group-sub-padding-left);
-} .checkbox-group__sub_1ernj {
+} .checkbox-group__sub_isud2 {
     padding-left: var(--checkbox-group-sub-padding-left);
 }

package/checkbox-group/esm/components/base-checkbox-group/Component.js

@@ -2,7 +2,7 @@ import { __assign } from 'tslib';
 import React, { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 
-var commonStyles = {"component":"checkbox-group__component_19ov2","error":"checkbox-group__error_19ov2","tag":"checkbox-group__tag_19ov2","checkboxList":"checkbox-group__checkboxList_19ov2","vertical":"checkbox-group__vertical_19ov2","checkbox":"checkbox-group__checkbox_19ov2","horizontal":"checkbox-group__horizontal_19ov2","tagLabel":"checkbox-group__tagLabel_19ov2","label":"checkbox-group__label_19ov2","sub":"checkbox-group__sub_19ov2","errorMessage":"checkbox-group__errorMessage_19ov2","hint":"checkbox-group__hint_19ov2","hiddenInput":"checkbox-group__hiddenInput_19ov2"};
+var commonStyles = {"component":"checkbox-group__component_dq1vl","error":"checkbox-group__error_dq1vl","tag":"checkbox-group__tag_dq1vl","checkboxList":"checkbox-group__checkboxList_dq1vl","vertical":"checkbox-group__vertical_dq1vl","checkbox":"checkbox-group__checkbox_dq1vl","horizontal":"checkbox-group__horizontal_dq1vl","tagLabel":"checkbox-group__tagLabel_dq1vl","label":"checkbox-group__label_dq1vl","sub":"checkbox-group__sub_dq1vl","errorMessage":"checkbox-group__errorMessage_dq1vl","hint":"checkbox-group__hint_dq1vl","hiddenInput":"checkbox-group__hiddenInput_dq1vl"};
 require('./index.css');
 
 var BaseCheckboxGroup = forwardRef(function (_a, ref) {

package/checkbox-group/esm/components/base-checkbox-group/index.css

@@ -40,52 +40,52 @@
     --checkbox-group-error-border-left: 1px solid var(--color-light-status-negative);
 
     /* mobile */
-} .checkbox-group__component_19ov2 {
+} .checkbox-group__component_dq1vl {
     display: flex;
     flex-direction: column;
-} .checkbox-group__error_19ov2 {
+} .checkbox-group__error_dq1vl {
     padding-left: var(--checkbox-group-error-padding-left);
     border-left: var(--checkbox-group-error-border-left)
-} .checkbox-group__error_19ov2.checkbox-group__tag_19ov2 {
+} .checkbox-group__error_dq1vl.checkbox-group__tag_dq1vl {
         padding-left: var(--gap-8);
-    } .checkbox-group__checkboxList_19ov2 {
+    } .checkbox-group__checkboxList_dq1vl {
     display: flex;
-} .checkbox-group__vertical_19ov2 .checkbox-group__checkboxList_19ov2 {
+} .checkbox-group__vertical_dq1vl .checkbox-group__checkboxList_dq1vl {
     flex-direction: column;
     align-items: flex-start;
-} .checkbox-group__vertical_19ov2 .checkbox-group__checkbox_19ov2 {
+} .checkbox-group__vertical_dq1vl .checkbox-group__checkbox_dq1vl {
     margin-bottom: var(--gap-12)
-} .checkbox-group__vertical_19ov2 .checkbox-group__checkbox_19ov2:last-child {
+} .checkbox-group__vertical_dq1vl .checkbox-group__checkbox_dq1vl:last-child {
         margin-bottom: var(--gap-0);
-    } .checkbox-group__horizontal_19ov2 .checkbox-group__checkboxList_19ov2 {
+    } .checkbox-group__horizontal_dq1vl .checkbox-group__checkboxList_dq1vl {
     flex-wrap: wrap;
     margin-bottom: var(--gap-8-neg);
-} .checkbox-group__horizontal_19ov2 .checkbox-group__checkbox_19ov2 {
+} .checkbox-group__horizontal_dq1vl .checkbox-group__checkbox_dq1vl {
     margin-right: var(--gap-24);
     margin-bottom: var(--gap-8);
-} .checkbox-group__horizontal_19ov2 .checkbox-group__tagLabel_19ov2 {
+} .checkbox-group__horizontal_dq1vl .checkbox-group__tagLabel_dq1vl {
     margin-right: var(--gap-8);
-} .checkbox-group__horizontal_19ov2 .checkbox-group__checkbox_19ov2:last-child,
-.checkbox-group__horizontal_19ov2 .checkbox-group__tagLabel_19ov2:last-child {
+} .checkbox-group__horizontal_dq1vl .checkbox-group__checkbox_dq1vl:last-child,
+.checkbox-group__horizontal_dq1vl .checkbox-group__tagLabel_dq1vl:last-child {
     margin-right: var(--gap-0);
-} .checkbox-group__label_19ov2 {
+} .checkbox-group__label_dq1vl {
     margin-bottom: var(--gap-12);
-} .checkbox-group__sub_19ov2 {
+} .checkbox-group__sub_dq1vl {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-12);
-} .checkbox-group__errorMessage_19ov2 {
+} .checkbox-group__errorMessage_dq1vl {
     color: var(--checkbox-group-error-color);
-} .checkbox-group__hint_19ov2 {
+} .checkbox-group__hint_dq1vl {
     color: var(--checkbox-group-hint-color);
-} .checkbox-group__hiddenInput_19ov2 {
+} .checkbox-group__hiddenInput_dq1vl {
     position: absolute;
     z-index: -1;
     top: var(--gap-0);
     left: var(--gap-0);
     opacity: 0;
-} .checkbox-group__tagLabel_19ov2 {
+} .checkbox-group__tagLabel_dq1vl {
     position: relative;
     max-width: 100%;
 }

package/checkbox-group/esm/desktop/Component.desktop.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { BaseCheckboxGroup } from '../components/base-checkbox-group/Component.js';
 import 'classnames';
 
-var styles = {"checkboxList":"checkbox-group__checkboxList_1ernj","label":"checkbox-group__label_1ernj","sub":"checkbox-group__sub_1ernj"};
+var styles = {"checkboxList":"checkbox-group__checkboxList_isud2","label":"checkbox-group__label_isud2","sub":"checkbox-group__sub_isud2"};
 require('./desktop.css');
 
 var CheckboxGroupDesktop = function (props) { return (React.createElement(BaseCheckboxGroup, __assign({}, props, { styles: styles }))); };

package/checkbox-group/esm/desktop/desktop.css

@@ -29,14 +29,14 @@
     --checkbox-group-list-padding-left: var(--gap-0);
 
     /* mobile */
-} .checkbox-group__checkboxList_1ernj {
+} .checkbox-group__checkboxList_isud2 {
     padding-left: var(--checkbox-group-list-padding-left);
-} .checkbox-group__label_1ernj {
+} .checkbox-group__label_isud2 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--checkbox-group-label-color);
     padding-left: var(--checkbox-group-sub-padding-left);
-} .checkbox-group__sub_1ernj {
+} .checkbox-group__sub_isud2 {
     padding-left: var(--checkbox-group-sub-padding-left);
 }

package/checkbox-group/esm/mobile/Component.mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { BaseCheckboxGroup } from '../components/base-checkbox-group/Component.js';
 import 'classnames';
 
-var styles = {"checkboxList":"checkbox-group__checkboxList_1kzwd","label":"checkbox-group__label_1kzwd","sub":"checkbox-group__sub_1kzwd"};
+var styles = {"checkboxList":"checkbox-group__checkboxList_nplgy","label":"checkbox-group__label_nplgy","sub":"checkbox-group__sub_nplgy"};
 require('./mobile.css');
 
 var CheckboxGroupMobile = function (props) { return (React.createElement(BaseCheckboxGroup, __assign({}, props, { styles: styles }))); };

package/checkbox-group/esm/mobile/mobile.css

@@ -32,14 +32,14 @@
     --checkbox-group-mobile-sub-padding-left: var(--gap-4);
     --checkbox-group-mobile-list-padding-left: var(--gap-2);
     --checkbox-group-mobile-label-color: var(--color-light-text-secondary);
-} .checkbox-group__checkboxList_1kzwd {
+} .checkbox-group__checkboxList_nplgy {
     padding-left: var(--checkbox-group-mobile-list-padding-left);
-} .checkbox-group__label_1kzwd {
+} .checkbox-group__label_nplgy {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--checkbox-group-mobile-label-color);
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
-} .checkbox-group__sub_1kzwd {
+} .checkbox-group__sub_nplgy {
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
 }

package/checkbox-group/mobile/Component.mobile.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"checkboxList":"checkbox-group__checkboxList_1kzwd","label":"checkbox-group__label_1kzwd","sub":"checkbox-group__sub_1kzwd"};
+var styles = {"checkboxList":"checkbox-group__checkboxList_nplgy","label":"checkbox-group__label_nplgy","sub":"checkbox-group__sub_nplgy"};
 require('./mobile.css');
 
 var CheckboxGroupMobile = function (props) { return (React__default.default.createElement(components_baseCheckboxGroup_Component.BaseCheckboxGroup, tslib.__assign({}, props, { styles: styles }))); };

package/checkbox-group/mobile/mobile.css

@@ -32,14 +32,14 @@
     --checkbox-group-mobile-sub-padding-left: var(--gap-4);
     --checkbox-group-mobile-list-padding-left: var(--gap-2);
     --checkbox-group-mobile-label-color: var(--color-light-text-secondary);
-} .checkbox-group__checkboxList_1kzwd {
+} .checkbox-group__checkboxList_nplgy {
     padding-left: var(--checkbox-group-mobile-list-padding-left);
-} .checkbox-group__label_1kzwd {
+} .checkbox-group__label_nplgy {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--checkbox-group-mobile-label-color);
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
-} .checkbox-group__sub_1kzwd {
+} .checkbox-group__sub_nplgy {
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
 }

package/checkbox-group/modern/components/base-checkbox-group/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 
-const commonStyles = {"component":"checkbox-group__component_19ov2","error":"checkbox-group__error_19ov2","tag":"checkbox-group__tag_19ov2","checkboxList":"checkbox-group__checkboxList_19ov2","vertical":"checkbox-group__vertical_19ov2","checkbox":"checkbox-group__checkbox_19ov2","horizontal":"checkbox-group__horizontal_19ov2","tagLabel":"checkbox-group__tagLabel_19ov2","label":"checkbox-group__label_19ov2","sub":"checkbox-group__sub_19ov2","errorMessage":"checkbox-group__errorMessage_19ov2","hint":"checkbox-group__hint_19ov2","hiddenInput":"checkbox-group__hiddenInput_19ov2"};
+const commonStyles = {"component":"checkbox-group__component_dq1vl","error":"checkbox-group__error_dq1vl","tag":"checkbox-group__tag_dq1vl","checkboxList":"checkbox-group__checkboxList_dq1vl","vertical":"checkbox-group__vertical_dq1vl","checkbox":"checkbox-group__checkbox_dq1vl","horizontal":"checkbox-group__horizontal_dq1vl","tagLabel":"checkbox-group__tagLabel_dq1vl","label":"checkbox-group__label_dq1vl","sub":"checkbox-group__sub_dq1vl","errorMessage":"checkbox-group__errorMessage_dq1vl","hint":"checkbox-group__hint_dq1vl","hiddenInput":"checkbox-group__hiddenInput_dq1vl"};
 require('./index.css');
 
 const BaseCheckboxGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'checkbox', dataTestId, disabled = false, styles, }, ref) => {

package/checkbox-group/modern/components/base-checkbox-group/index.css

@@ -40,52 +40,52 @@
     --checkbox-group-error-border-left: 1px solid var(--color-light-status-negative);
 
     /* mobile */
-} .checkbox-group__component_19ov2 {
+} .checkbox-group__component_dq1vl {
     display: flex;
     flex-direction: column;
-} .checkbox-group__error_19ov2 {
+} .checkbox-group__error_dq1vl {
     padding-left: var(--checkbox-group-error-padding-left);
     border-left: var(--checkbox-group-error-border-left)
-} .checkbox-group__error_19ov2.checkbox-group__tag_19ov2 {
+} .checkbox-group__error_dq1vl.checkbox-group__tag_dq1vl {
         padding-left: var(--gap-8);
-    } .checkbox-group__checkboxList_19ov2 {
+    } .checkbox-group__checkboxList_dq1vl {
     display: flex;
-} .checkbox-group__vertical_19ov2 .checkbox-group__checkboxList_19ov2 {
+} .checkbox-group__vertical_dq1vl .checkbox-group__checkboxList_dq1vl {
     flex-direction: column;
     align-items: flex-start;
-} .checkbox-group__vertical_19ov2 .checkbox-group__checkbox_19ov2 {
+} .checkbox-group__vertical_dq1vl .checkbox-group__checkbox_dq1vl {
     margin-bottom: var(--gap-12)
-} .checkbox-group__vertical_19ov2 .checkbox-group__checkbox_19ov2:last-child {
+} .checkbox-group__vertical_dq1vl .checkbox-group__checkbox_dq1vl:last-child {
         margin-bottom: var(--gap-0);
-    } .checkbox-group__horizontal_19ov2 .checkbox-group__checkboxList_19ov2 {
+    } .checkbox-group__horizontal_dq1vl .checkbox-group__checkboxList_dq1vl {
     flex-wrap: wrap;
     margin-bottom: var(--gap-8-neg);
-} .checkbox-group__horizontal_19ov2 .checkbox-group__checkbox_19ov2 {
+} .checkbox-group__horizontal_dq1vl .checkbox-group__checkbox_dq1vl {
     margin-right: var(--gap-24);
     margin-bottom: var(--gap-8);
-} .checkbox-group__horizontal_19ov2 .checkbox-group__tagLabel_19ov2 {
+} .checkbox-group__horizontal_dq1vl .checkbox-group__tagLabel_dq1vl {
     margin-right: var(--gap-8);
-} .checkbox-group__horizontal_19ov2 .checkbox-group__checkbox_19ov2:last-child,
-.checkbox-group__horizontal_19ov2 .checkbox-group__tagLabel_19ov2:last-child {
+} .checkbox-group__horizontal_dq1vl .checkbox-group__checkbox_dq1vl:last-child,
+.checkbox-group__horizontal_dq1vl .checkbox-group__tagLabel_dq1vl:last-child {
     margin-right: var(--gap-0);
-} .checkbox-group__label_19ov2 {
+} .checkbox-group__label_dq1vl {
     margin-bottom: var(--gap-12);
-} .checkbox-group__sub_19ov2 {
+} .checkbox-group__sub_dq1vl {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-12);
-} .checkbox-group__errorMessage_19ov2 {
+} .checkbox-group__errorMessage_dq1vl {
     color: var(--checkbox-group-error-color);
-} .checkbox-group__hint_19ov2 {
+} .checkbox-group__hint_dq1vl {
     color: var(--checkbox-group-hint-color);
-} .checkbox-group__hiddenInput_19ov2 {
+} .checkbox-group__hiddenInput_dq1vl {
     position: absolute;
     z-index: -1;
     top: var(--gap-0);
     left: var(--gap-0);
     opacity: 0;
-} .checkbox-group__tagLabel_19ov2 {
+} .checkbox-group__tagLabel_dq1vl {
     position: relative;
     max-width: 100%;
 }

package/checkbox-group/modern/desktop/Component.desktop.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { BaseCheckboxGroup } from '../components/base-checkbox-group/Component.js';
 import 'classnames';
 
-const styles = {"checkboxList":"checkbox-group__checkboxList_1ernj","label":"checkbox-group__label_1ernj","sub":"checkbox-group__sub_1ernj"};
+const styles = {"checkboxList":"checkbox-group__checkboxList_isud2","label":"checkbox-group__label_isud2","sub":"checkbox-group__sub_isud2"};
 require('./desktop.css');
 
 const CheckboxGroupDesktop = (props) => (React.createElement(BaseCheckboxGroup, { ...props, styles: styles }));

package/checkbox-group/modern/desktop/desktop.css

@@ -29,14 +29,14 @@
     --checkbox-group-list-padding-left: var(--gap-0);
 
     /* mobile */
-} .checkbox-group__checkboxList_1ernj {
+} .checkbox-group__checkboxList_isud2 {
     padding-left: var(--checkbox-group-list-padding-left);
-} .checkbox-group__label_1ernj {
+} .checkbox-group__label_isud2 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--checkbox-group-label-color);
     padding-left: var(--checkbox-group-sub-padding-left);
-} .checkbox-group__sub_1ernj {
+} .checkbox-group__sub_isud2 {
     padding-left: var(--checkbox-group-sub-padding-left);
 }

package/checkbox-group/modern/mobile/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { BaseCheckboxGroup } from '../components/base-checkbox-group/Component.js';
 import 'classnames';
 
-const styles = {"checkboxList":"checkbox-group__checkboxList_1kzwd","label":"checkbox-group__label_1kzwd","sub":"checkbox-group__sub_1kzwd"};
+const styles = {"checkboxList":"checkbox-group__checkboxList_nplgy","label":"checkbox-group__label_nplgy","sub":"checkbox-group__sub_nplgy"};
 require('./mobile.css');
 
 const CheckboxGroupMobile = (props) => (React.createElement(BaseCheckboxGroup, { ...props, styles: styles }));

package/checkbox-group/modern/mobile/mobile.css

@@ -32,14 +32,14 @@
     --checkbox-group-mobile-sub-padding-left: var(--gap-4);
     --checkbox-group-mobile-list-padding-left: var(--gap-2);
     --checkbox-group-mobile-label-color: var(--color-light-text-secondary);
-} .checkbox-group__checkboxList_1kzwd {
+} .checkbox-group__checkboxList_nplgy {
     padding-left: var(--checkbox-group-mobile-list-padding-left);
-} .checkbox-group__label_1kzwd {
+} .checkbox-group__label_nplgy {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--checkbox-group-mobile-label-color);
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
-} .checkbox-group__sub_1kzwd {
+} .checkbox-group__sub_nplgy {
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
 }

package/circular-progress-bar/Component.d.ts

@@ -21,6 +21,10 @@ type CircularProgressBarProps = {
          * @default backward
          */
         counting?: 'forward' | 'backward';
+        /**
+         * Обработчик завершения таймера
+         */
+        onFinish?: () => void;
     };
     /**
      * Дополнительный класс

package/circular-progress-bar/Component.js

@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"circular-progress-bar__component_4jc9j","bg-positive":"circular-progress-bar__bg-positive_4jc9j","bg-negative":"circular-progress-bar__bg-negative_4jc9j","svg":"circular-progress-bar__svg_4jc9j","title":"circular-progress-bar__title_4jc9j","subtitle":"circular-progress-bar__subtitle_4jc9j","labelWrapper":"circular-progress-bar__labelWrapper_4jc9j","label":"circular-progress-bar__label_4jc9j","typography":"circular-progress-bar__typography_4jc9j","size-144":"circular-progress-bar__size-144_4jc9j","size-128":"circular-progress-bar__size-128_4jc9j","size-96":"circular-progress-bar__size-96_4jc9j","size-80":"circular-progress-bar__size-80_4jc9j","size-64":"circular-progress-bar__size-64_4jc9j","size-48":"circular-progress-bar__size-48_4jc9j","size-24":"circular-progress-bar__size-24_4jc9j","backgroundCircle":"circular-progress-bar__backgroundCircle_4jc9j","progressCircle":"circular-progress-bar__progressCircle_4jc9j","positive":"circular-progress-bar__positive_4jc9j","negative":"circular-progress-bar__negative_4jc9j","stroke":"circular-progress-bar__stroke_4jc9j","iconWrapper":"circular-progress-bar__iconWrapper_4jc9j","icon-tertiary":"circular-progress-bar__icon-tertiary_4jc9j","icon-positive":"circular-progress-bar__icon-positive_4jc9j","icon-negative":"circular-progress-bar__icon-negative_4jc9j","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_4jc9j","icon-primary":"circular-progress-bar__icon-primary_4jc9j","icon-secondary":"circular-progress-bar__icon-secondary_4jc9j","icon":"circular-progress-bar__icon_4jc9j"};
+var styles = {"component":"circular-progress-bar__component_516x5","bg-positive":"circular-progress-bar__bg-positive_516x5","bg-negative":"circular-progress-bar__bg-negative_516x5","svg":"circular-progress-bar__svg_516x5","title":"circular-progress-bar__title_516x5","subtitle":"circular-progress-bar__subtitle_516x5","labelWrapper":"circular-progress-bar__labelWrapper_516x5","label":"circular-progress-bar__label_516x5","typography":"circular-progress-bar__typography_516x5","size-144":"circular-progress-bar__size-144_516x5","size-128":"circular-progress-bar__size-128_516x5","size-96":"circular-progress-bar__size-96_516x5","size-80":"circular-progress-bar__size-80_516x5","size-64":"circular-progress-bar__size-64_516x5","size-48":"circular-progress-bar__size-48_516x5","size-24":"circular-progress-bar__size-24_516x5","backgroundCircle":"circular-progress-bar__backgroundCircle_516x5","progressCircle":"circular-progress-bar__progressCircle_516x5","positive":"circular-progress-bar__positive_516x5","negative":"circular-progress-bar__negative_516x5","stroke":"circular-progress-bar__stroke_516x5","iconWrapper":"circular-progress-bar__iconWrapper_516x5","icon-tertiary":"circular-progress-bar__icon-tertiary_516x5","icon-positive":"circular-progress-bar__icon-positive_516x5","icon-negative":"circular-progress-bar__icon-negative_516x5","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_516x5","icon-primary":"circular-progress-bar__icon-primary_516x5","icon-secondary":"circular-progress-bar__icon-secondary_516x5","icon":"circular-progress-bar__icon_516x5"};
 require('./index.css');
 
 /**
@@ -22,10 +22,10 @@ require('./index.css');
  */
 var CircularProgressBar = function (_a) {
     var _b, _c, _d;
-    var _e;
-    var valueFromProps = _a.value, _f = _a.view, view = _f === void 0 ? 'positive' : _f, _g = _a.size, size = _g === void 0 ? 64 : _g, className = _a.className, dataTestId = _a.dataTestId, _h = _a.title, titleFromProps = _h === void 0 ? coreComponentsShared.isObject(valueFromProps) ? null : "".concat(valueFromProps) : _h, titleComplete = _a.titleComplete, subtitle = _a.subtitle, _j = _a.contentColor, contentColor = _j === void 0 ? 'secondary' : _j, subtitleComplete = _a.subtitleComplete, _k = _a.stroke, stroke = _k === void 0 ? true : _k, fillComplete = _a.fillComplete, Icon = _a.icon, IconComplete = _a.iconComplete, completeTextColor = _a.completeTextColor, _l = _a.completeIconColor, completeIconColor = _l === void 0 ? 'tertiary' : _l, _m = _a.direction, direction = _m === void 0 ? 'clockwise' : _m, height = _a.height, children = _a.children, progressStrokeColor = _a.progressStrokeColor, circleColor = _a.circleColor, strokeColor = _a.strokeColor, _o = _a.directionType, directionType = _o === void 0 ? 'asc' : _o, titleColor = _a.titleColor, subtitleColor = _a.subtitleColor;
+    var _e, _f;
+    var valueFromProps = _a.value, _g = _a.view, view = _g === void 0 ? 'positive' : _g, _h = _a.size, size = _h === void 0 ? 64 : _h, className = _a.className, dataTestId = _a.dataTestId, _j = _a.title, titleFromProps = _j === void 0 ? coreComponentsShared.isObject(valueFromProps) ? null : "".concat(valueFromProps) : _j, titleComplete = _a.titleComplete, subtitle = _a.subtitle, _k = _a.contentColor, contentColor = _k === void 0 ? 'secondary' : _k, subtitleComplete = _a.subtitleComplete, _l = _a.stroke, stroke = _l === void 0 ? true : _l, fillComplete = _a.fillComplete, Icon = _a.icon, IconComplete = _a.iconComplete, completeTextColor = _a.completeTextColor, _m = _a.completeIconColor, completeIconColor = _m === void 0 ? 'tertiary' : _m, _o = _a.direction, direction = _o === void 0 ? 'clockwise' : _o, height = _a.height, children = _a.children, progressStrokeColor = _a.progressStrokeColor, circleColor = _a.circleColor, strokeColor = _a.strokeColor, _p = _a.directionType, directionType = _p === void 0 ? 'asc' : _p, titleColor = _a.titleColor, subtitleColor = _a.subtitleColor;
     var isTimer = coreComponentsShared.isObject(valueFromProps);
-    var _p = useTimer.useTimer(isTimer ? Math.min(Math.max(valueFromProps.timer, consts.MIN_TIMER_VALUE), consts.MAX_TIMER_VALUE) : -1, isTimer, isTimer ? (_e = valueFromProps.counting) !== null && _e !== void 0 ? _e : 'backward' : 'backward'), timerValue = _p[0], timerTitle = _p[1];
+    var _q = useTimer.useTimer(isTimer ? Math.min(Math.max(valueFromProps.timer, consts.MIN_TIMER_VALUE), consts.MAX_TIMER_VALUE) : -1, isTimer, isTimer ? (_e = valueFromProps.counting) !== null && _e !== void 0 ? _e : 'backward' : 'backward', isTimer ? (_f = valueFromProps.onFinish) !== null && _f !== void 0 ? _f : coreComponentsShared.noop : coreComponentsShared.noop), timerValue = _q[0], timerTitle = _q[1];
     var value;
     var title;
     if (isTimer) {

package/circular-progress-bar/cssm/Component.d.ts

@@ -21,6 +21,10 @@ type CircularProgressBarProps = {
          * @default backward
          */
         counting?: 'forward' | 'backward';
+        /**
+         * Обработчик завершения таймера
+         */
+        onFinish?: () => void;
     };
     /**
      * Дополнительный класс

package/circular-progress-bar/cssm/Component.js

@@ -21,10 +21,10 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
  */
 var CircularProgressBar = function (_a) {
     var _b, _c, _d;
-    var _e;
-    var valueFromProps = _a.value, _f = _a.view, view = _f === void 0 ? 'positive' : _f, _g = _a.size, size = _g === void 0 ? 64 : _g, className = _a.className, dataTestId = _a.dataTestId, _h = _a.title, titleFromProps = _h === void 0 ? coreComponentsShared.isObject(valueFromProps) ? null : "".concat(valueFromProps) : _h, titleComplete = _a.titleComplete, subtitle = _a.subtitle, _j = _a.contentColor, contentColor = _j === void 0 ? 'secondary' : _j, subtitleComplete = _a.subtitleComplete, _k = _a.stroke, stroke = _k === void 0 ? true : _k, fillComplete = _a.fillComplete, Icon = _a.icon, IconComplete = _a.iconComplete, completeTextColor = _a.completeTextColor, _l = _a.completeIconColor, completeIconColor = _l === void 0 ? 'tertiary' : _l, _m = _a.direction, direction = _m === void 0 ? 'clockwise' : _m, height = _a.height, children = _a.children, progressStrokeColor = _a.progressStrokeColor, circleColor = _a.circleColor, strokeColor = _a.strokeColor, _o = _a.directionType, directionType = _o === void 0 ? 'asc' : _o, titleColor = _a.titleColor, subtitleColor = _a.subtitleColor;
+    var _e, _f;
+    var valueFromProps = _a.value, _g = _a.view, view = _g === void 0 ? 'positive' : _g, _h = _a.size, size = _h === void 0 ? 64 : _h, className = _a.className, dataTestId = _a.dataTestId, _j = _a.title, titleFromProps = _j === void 0 ? coreComponentsShared.isObject(valueFromProps) ? null : "".concat(valueFromProps) : _j, titleComplete = _a.titleComplete, subtitle = _a.subtitle, _k = _a.contentColor, contentColor = _k === void 0 ? 'secondary' : _k, subtitleComplete = _a.subtitleComplete, _l = _a.stroke, stroke = _l === void 0 ? true : _l, fillComplete = _a.fillComplete, Icon = _a.icon, IconComplete = _a.iconComplete, completeTextColor = _a.completeTextColor, _m = _a.completeIconColor, completeIconColor = _m === void 0 ? 'tertiary' : _m, _o = _a.direction, direction = _o === void 0 ? 'clockwise' : _o, height = _a.height, children = _a.children, progressStrokeColor = _a.progressStrokeColor, circleColor = _a.circleColor, strokeColor = _a.strokeColor, _p = _a.directionType, directionType = _p === void 0 ? 'asc' : _p, titleColor = _a.titleColor, subtitleColor = _a.subtitleColor;
     var isTimer = coreComponentsShared.isObject(valueFromProps);
-    var _p = useTimer.useTimer(isTimer ? Math.min(Math.max(valueFromProps.timer, consts.MIN_TIMER_VALUE), consts.MAX_TIMER_VALUE) : -1, isTimer, isTimer ? (_e = valueFromProps.counting) !== null && _e !== void 0 ? _e : 'backward' : 'backward'), timerValue = _p[0], timerTitle = _p[1];
+    var _q = useTimer.useTimer(isTimer ? Math.min(Math.max(valueFromProps.timer, consts.MIN_TIMER_VALUE), consts.MAX_TIMER_VALUE) : -1, isTimer, isTimer ? (_e = valueFromProps.counting) !== null && _e !== void 0 ? _e : 'backward' : 'backward', isTimer ? (_f = valueFromProps.onFinish) !== null && _f !== void 0 ? _f : coreComponentsShared.noop : coreComponentsShared.noop), timerValue = _q[0], timerTitle = _q[1];
     var value;
     var title;
     if (isTimer) {

package/circular-progress-bar/cssm/use-timer.d.ts

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

package/circular-progress-bar/cssm/use-timer.js

@@ -7,7 +7,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; }
@@ -16,13 +16,16 @@ function useTimer(time, active, counting, interval, step) {
     var persentValue = Math.trunc((passedTime / time) * MAX_PERSENT_VALUE);
     React.useEffect(function () {
         if (!active || isCompleted) {
+            if (isCompleted) {
+                onFinish();
+            }
             return coreComponentsShared.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)];
 }
 

package/circular-progress-bar/esm/Component.d.ts

@@ -21,6 +21,10 @@ type CircularProgressBarProps = {
          * @default backward
          */
         counting?: 'forward' | 'backward';
+        /**
+         * Обработчик завершения таймера
+         */
+        onFinish?: () => void;
     };
     /**
      * Дополнительный класс

package/circular-progress-bar/esm/Component.js

@@ -1,13 +1,13 @@
 import { __assign } from 'tslib';
 import React, { useMemo } from 'react';
 import cn from 'classnames';
-import { isObject, getDataTestId } from '../../shared/esm';
+import { isObject, noop, getDataTestId } from '../../shared/esm';
 import { Text, TitleMobile } from '../../typography/esm';
 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 { useTimer } from './use-timer.js';
 
-var styles = {"component":"circular-progress-bar__component_4jc9j","bg-positive":"circular-progress-bar__bg-positive_4jc9j","bg-negative":"circular-progress-bar__bg-negative_4jc9j","svg":"circular-progress-bar__svg_4jc9j","title":"circular-progress-bar__title_4jc9j","subtitle":"circular-progress-bar__subtitle_4jc9j","labelWrapper":"circular-progress-bar__labelWrapper_4jc9j","label":"circular-progress-bar__label_4jc9j","typography":"circular-progress-bar__typography_4jc9j","size-144":"circular-progress-bar__size-144_4jc9j","size-128":"circular-progress-bar__size-128_4jc9j","size-96":"circular-progress-bar__size-96_4jc9j","size-80":"circular-progress-bar__size-80_4jc9j","size-64":"circular-progress-bar__size-64_4jc9j","size-48":"circular-progress-bar__size-48_4jc9j","size-24":"circular-progress-bar__size-24_4jc9j","backgroundCircle":"circular-progress-bar__backgroundCircle_4jc9j","progressCircle":"circular-progress-bar__progressCircle_4jc9j","positive":"circular-progress-bar__positive_4jc9j","negative":"circular-progress-bar__negative_4jc9j","stroke":"circular-progress-bar__stroke_4jc9j","iconWrapper":"circular-progress-bar__iconWrapper_4jc9j","icon-tertiary":"circular-progress-bar__icon-tertiary_4jc9j","icon-positive":"circular-progress-bar__icon-positive_4jc9j","icon-negative":"circular-progress-bar__icon-negative_4jc9j","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_4jc9j","icon-primary":"circular-progress-bar__icon-primary_4jc9j","icon-secondary":"circular-progress-bar__icon-secondary_4jc9j","icon":"circular-progress-bar__icon_4jc9j"};
+var styles = {"component":"circular-progress-bar__component_516x5","bg-positive":"circular-progress-bar__bg-positive_516x5","bg-negative":"circular-progress-bar__bg-negative_516x5","svg":"circular-progress-bar__svg_516x5","title":"circular-progress-bar__title_516x5","subtitle":"circular-progress-bar__subtitle_516x5","labelWrapper":"circular-progress-bar__labelWrapper_516x5","label":"circular-progress-bar__label_516x5","typography":"circular-progress-bar__typography_516x5","size-144":"circular-progress-bar__size-144_516x5","size-128":"circular-progress-bar__size-128_516x5","size-96":"circular-progress-bar__size-96_516x5","size-80":"circular-progress-bar__size-80_516x5","size-64":"circular-progress-bar__size-64_516x5","size-48":"circular-progress-bar__size-48_516x5","size-24":"circular-progress-bar__size-24_516x5","backgroundCircle":"circular-progress-bar__backgroundCircle_516x5","progressCircle":"circular-progress-bar__progressCircle_516x5","positive":"circular-progress-bar__positive_516x5","negative":"circular-progress-bar__negative_516x5","stroke":"circular-progress-bar__stroke_516x5","iconWrapper":"circular-progress-bar__iconWrapper_516x5","icon-tertiary":"circular-progress-bar__icon-tertiary_516x5","icon-positive":"circular-progress-bar__icon-positive_516x5","icon-negative":"circular-progress-bar__icon-negative_516x5","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_516x5","icon-primary":"circular-progress-bar__icon-primary_516x5","icon-secondary":"circular-progress-bar__icon-secondary_516x5","icon":"circular-progress-bar__icon_516x5"};
 require('./index.css');
 
 /**
@@ -15,10 +15,10 @@ require('./index.css');
  */
 var CircularProgressBar = function (_a) {
     var _b, _c, _d;
-    var _e;
-    var valueFromProps = _a.value, _f = _a.view, view = _f === void 0 ? 'positive' : _f, _g = _a.size, size = _g === void 0 ? 64 : _g, className = _a.className, dataTestId = _a.dataTestId, _h = _a.title, titleFromProps = _h === void 0 ? isObject(valueFromProps) ? null : "".concat(valueFromProps) : _h, titleComplete = _a.titleComplete, subtitle = _a.subtitle, _j = _a.contentColor, contentColor = _j === void 0 ? 'secondary' : _j, subtitleComplete = _a.subtitleComplete, _k = _a.stroke, stroke = _k === void 0 ? true : _k, fillComplete = _a.fillComplete, Icon = _a.icon, IconComplete = _a.iconComplete, completeTextColor = _a.completeTextColor, _l = _a.completeIconColor, completeIconColor = _l === void 0 ? 'tertiary' : _l, _m = _a.direction, direction = _m === void 0 ? 'clockwise' : _m, height = _a.height, children = _a.children, progressStrokeColor = _a.progressStrokeColor, circleColor = _a.circleColor, strokeColor = _a.strokeColor, _o = _a.directionType, directionType = _o === void 0 ? 'asc' : _o, titleColor = _a.titleColor, subtitleColor = _a.subtitleColor;
+    var _e, _f;
+    var valueFromProps = _a.value, _g = _a.view, view = _g === void 0 ? 'positive' : _g, _h = _a.size, size = _h === void 0 ? 64 : _h, className = _a.className, dataTestId = _a.dataTestId, _j = _a.title, titleFromProps = _j === void 0 ? isObject(valueFromProps) ? null : "".concat(valueFromProps) : _j, titleComplete = _a.titleComplete, subtitle = _a.subtitle, _k = _a.contentColor, contentColor = _k === void 0 ? 'secondary' : _k, subtitleComplete = _a.subtitleComplete, _l = _a.stroke, stroke = _l === void 0 ? true : _l, fillComplete = _a.fillComplete, Icon = _a.icon, IconComplete = _a.iconComplete, completeTextColor = _a.completeTextColor, _m = _a.completeIconColor, completeIconColor = _m === void 0 ? 'tertiary' : _m, _o = _a.direction, direction = _o === void 0 ? 'clockwise' : _o, height = _a.height, children = _a.children, progressStrokeColor = _a.progressStrokeColor, circleColor = _a.circleColor, strokeColor = _a.strokeColor, _p = _a.directionType, directionType = _p === void 0 ? 'asc' : _p, titleColor = _a.titleColor, subtitleColor = _a.subtitleColor;
     var isTimer = isObject(valueFromProps);
-    var _p = useTimer(isTimer ? Math.min(Math.max(valueFromProps.timer, MIN_TIMER_VALUE), MAX_TIMER_VALUE) : -1, isTimer, isTimer ? (_e = valueFromProps.counting) !== null && _e !== void 0 ? _e : 'backward' : 'backward'), timerValue = _p[0], timerTitle = _p[1];
+    var _q = useTimer(isTimer ? Math.min(Math.max(valueFromProps.timer, MIN_TIMER_VALUE), MAX_TIMER_VALUE) : -1, isTimer, isTimer ? (_e = valueFromProps.counting) !== null && _e !== void 0 ? _e : 'backward' : 'backward', isTimer ? (_f = valueFromProps.onFinish) !== null && _f !== void 0 ? _f : noop : noop), timerValue = _q[0], timerTitle = _q[1];
     var value;
     var title;
     if (isTimer) {