@alfalab/core-components 48.13.0 → 48.15.0

package/checkbox/modern/index.css

@@ -38,6 +38,9 @@
     --gap-m: 16px; /* 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 */
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
@@ -81,21 +84,21 @@
     --checkbox-icon-color: var(--color-light-neutral-translucent-1300-inverted);
     --checkbox-icon-indeterminate-color: var(--color-light-neutral-translucent-1300-inverted);
     --checkbox-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .checkbox__component_1w0t0 {
+} .checkbox__component_wxm9x {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
-} .checkbox__start_1w0t0 {
+} .checkbox__start_wxm9x {
     align-items: flex-start;
-} .checkbox__center_1w0t0 {
+} .checkbox__center_wxm9x {
     align-items: center;
-} .checkbox__addons_1w0t0 {
+} .checkbox__addons_wxm9x {
     margin-left: auto;
     padding-left: var(--gap-16);
     line-height: 24px;
-} .checkbox__block_1w0t0 {
+} .checkbox__block_wxm9x {
     width: 100%;
-} .checkbox__box_1w0t0 {
+} .checkbox__box_wxm9x {
     position: relative;
     display: flex;
     justify-content: center;
@@ -111,95 +114,95 @@
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
     overflow: hidden;
-} .checkbox__checkedIcon_1w0t0 {
+} .checkbox__checkedIcon_wxm9x {
     position: absolute;
     color: var(--checkbox-icon-color);
-} .checkbox__size-20_1w0t0 .checkbox__box_1w0t0 {
+} .checkbox__size-20_wxm9x .checkbox__box_wxm9x {
     width: 16px;
     height: 16px;
-} .checkbox__component_1w0t0:hover:not(.checkbox__disabled_1w0t0) .checkbox__box_1w0t0 {
+} .checkbox__component_wxm9x:hover:not(.checkbox__disabled_wxm9x) .checkbox__box_wxm9x {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
-} .checkbox__component_1w0t0:active:not(.checkbox__disabled_1w0t0) .checkbox__box_1w0t0 {
+} .checkbox__component_wxm9x:active:not(.checkbox__disabled_wxm9x) .checkbox__box_wxm9x {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
-} .checkbox__checked_1w0t0 .checkbox__box_1w0t0 {
+} .checkbox__checked_wxm9x .checkbox__box_wxm9x {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__checked_1w0t0:hover:not(.checkbox__disabled_1w0t0) .checkbox__box_1w0t0 {
+} .checkbox__checked_wxm9x:hover:not(.checkbox__disabled_wxm9x) .checkbox__box_wxm9x {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__checked_1w0t0:active:not(.checkbox__disabled_1w0t0) .checkbox__box_1w0t0 {
+} .checkbox__checked_wxm9x:active:not(.checkbox__disabled_wxm9x) .checkbox__box_wxm9x {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__indeterminate_1w0t0 .checkbox__box_1w0t0 {
+} .checkbox__indeterminate_wxm9x .checkbox__box_wxm9x {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__indeterminate_1w0t0:hover:not(.checkbox__disabled_1w0t0) .checkbox__box_1w0t0 {
+} .checkbox__indeterminate_wxm9x:hover:not(.checkbox__disabled_wxm9x) .checkbox__box_wxm9x {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__indeterminate_1w0t0:active:not(.checkbox__disabled_1w0t0) .checkbox__box_1w0t0 {
+} .checkbox__indeterminate_wxm9x:active:not(.checkbox__disabled_wxm9x) .checkbox__box_wxm9x {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__disabled_1w0t0 {
+} .checkbox__disabled_wxm9x {
     cursor: var(--disabled-cursor);
-} .checkbox__disabled_1w0t0 .checkbox__box_1w0t0 {
+} .checkbox__disabled_wxm9x .checkbox__box_wxm9x {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
-} .checkbox__disabled_1w0t0.checkbox__checked_1w0t0 .checkbox__box_1w0t0 {
+} .checkbox__disabled_wxm9x.checkbox__checked_wxm9x .checkbox__box_wxm9x {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 
-    .checkbox__checkedIcon_1w0t0 {
+    .checkbox__checkedIcon_wxm9x {
         color: var(--checkbox-icon-disabled-color);
     }
-} .checkbox__disabled_1w0t0.checkbox__indeterminate_1w0t0 .checkbox__box_1w0t0 {
+} .checkbox__disabled_wxm9x.checkbox__indeterminate_wxm9x .checkbox__box_wxm9x {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color)
-} .checkbox__disabled_1w0t0.checkbox__indeterminate_1w0t0 .checkbox__box_1w0t0 .checkbox__indeterminateLine_1w0t0 {
+} .checkbox__disabled_wxm9x.checkbox__indeterminate_wxm9x .checkbox__box_wxm9x .checkbox__indeterminateLine_wxm9x {
         background-color: var(--checkbox-icon-disabled-color);
-    } .checkbox__disabled_1w0t0 .checkbox__label_1w0t0 {
+    } .checkbox__disabled_wxm9x .checkbox__label_wxm9x {
     color: var(--checkbox-disabled-color);
-} .checkbox__disabled_1w0t0 .checkbox__hint_1w0t0 {
+} .checkbox__disabled_wxm9x .checkbox__hint_wxm9x {
     color: var(--checkbox-disabled-color);
-} .checkbox__focused_1w0t0 .checkbox__box_1w0t0 {
+} .checkbox__focused_wxm9x .checkbox__box_wxm9x {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .checkbox__content_1w0t0 {
+} .checkbox__content_wxm9x {
     flex-grow: 1;
     margin-left: var(--gap-12);
-} .checkbox__size-20_1w0t0 .checkbox__content_1w0t0 {
+} .checkbox__size-20_wxm9x .checkbox__content_wxm9x {
     margin-left: var(--gap-8)
-} .checkbox__size-20_1w0t0 .checkbox__content_1w0t0 .checkbox__label_1w0t0 {
+} .checkbox__size-20_wxm9x .checkbox__content_wxm9x .checkbox__label_wxm9x {
         font-size: 16px;
         line-height: 20px;
         font-weight: 400;
-    } .checkbox__label_1w0t0 {
+    } .checkbox__label_wxm9x {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
-} .checkbox__label_1w0t0:not(:only-child) {
+} .checkbox__label_wxm9x:not(:only-child) {
     margin-bottom: var(--gap-4);
-} .checkbox__errorMessage_1w0t0 {
+} .checkbox__errorMessage_wxm9x {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-error-color);
-} .checkbox__hint_1w0t0 {
+} .checkbox__hint_wxm9x {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
-} .checkbox__indeterminateLine_1w0t0 {
+} .checkbox__indeterminateLine_wxm9x {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--checkbox-icon-indeterminate-color);
-} .checkbox__component_1w0t0 input {
+} .checkbox__component_wxm9x input {
     position: absolute;
     z-index: -1;
     opacity: 0;

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

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var commonStyles = {"component":"checkbox-group__component_1clzt","error":"checkbox-group__error_1clzt","tag":"checkbox-group__tag_1clzt","checkboxList":"checkbox-group__checkboxList_1clzt","vertical":"checkbox-group__vertical_1clzt","checkbox":"checkbox-group__checkbox_1clzt","horizontal":"checkbox-group__horizontal_1clzt","tagLabel":"checkbox-group__tagLabel_1clzt","label":"checkbox-group__label_1clzt","sub":"checkbox-group__sub_1clzt","errorMessage":"checkbox-group__errorMessage_1clzt","hint":"checkbox-group__hint_1clzt","hiddenInput":"checkbox-group__hiddenInput_1clzt"};
+var commonStyles = {"component":"checkbox-group__component_gl8c4","error":"checkbox-group__error_gl8c4","tag":"checkbox-group__tag_gl8c4","checkboxList":"checkbox-group__checkboxList_gl8c4","vertical":"checkbox-group__vertical_gl8c4","checkbox":"checkbox-group__checkbox_gl8c4","horizontal":"checkbox-group__horizontal_gl8c4","tagLabel":"checkbox-group__tagLabel_gl8c4","label":"checkbox-group__label_gl8c4","sub":"checkbox-group__sub_gl8c4","errorMessage":"checkbox-group__errorMessage_gl8c4","hint":"checkbox-group__hint_gl8c4","hiddenInput":"checkbox-group__hiddenInput_gl8c4"};
 require('./index.css');
 
 var BaseCheckboxGroup = function (_a) {

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

@@ -23,7 +23,10 @@
     --gap-xs-neg: -8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
@@ -37,52 +40,52 @@
     --checkbox-group-error-border-left: 1px solid var(--color-light-status-negative);
 
     /* mobile */
-} .checkbox-group__component_1clzt {
+} .checkbox-group__component_gl8c4 {
     display: flex;
     flex-direction: column;
-} .checkbox-group__error_1clzt {
+} .checkbox-group__error_gl8c4 {
     padding-left: var(--checkbox-group-error-padding-left);
     border-left: var(--checkbox-group-error-border-left)
-} .checkbox-group__error_1clzt.checkbox-group__tag_1clzt {
+} .checkbox-group__error_gl8c4.checkbox-group__tag_gl8c4 {
         padding-left: var(--gap-8);
-    } .checkbox-group__checkboxList_1clzt {
+    } .checkbox-group__checkboxList_gl8c4 {
     display: flex;
-} .checkbox-group__vertical_1clzt .checkbox-group__checkboxList_1clzt {
+} .checkbox-group__vertical_gl8c4 .checkbox-group__checkboxList_gl8c4 {
     flex-direction: column;
     align-items: flex-start;
-} .checkbox-group__vertical_1clzt .checkbox-group__checkbox_1clzt {
+} .checkbox-group__vertical_gl8c4 .checkbox-group__checkbox_gl8c4 {
     margin-bottom: var(--gap-12)
-} .checkbox-group__vertical_1clzt .checkbox-group__checkbox_1clzt:last-child {
+} .checkbox-group__vertical_gl8c4 .checkbox-group__checkbox_gl8c4:last-child {
         margin-bottom: var(--gap-0);
-    } .checkbox-group__horizontal_1clzt .checkbox-group__checkboxList_1clzt {
+    } .checkbox-group__horizontal_gl8c4 .checkbox-group__checkboxList_gl8c4 {
     flex-wrap: wrap;
     margin-bottom: var(--gap-8-neg);
-} .checkbox-group__horizontal_1clzt .checkbox-group__checkbox_1clzt {
+} .checkbox-group__horizontal_gl8c4 .checkbox-group__checkbox_gl8c4 {
     margin-right: var(--gap-24);
     margin-bottom: var(--gap-8);
-} .checkbox-group__horizontal_1clzt .checkbox-group__tagLabel_1clzt {
+} .checkbox-group__horizontal_gl8c4 .checkbox-group__tagLabel_gl8c4 {
     margin-right: var(--gap-8);
-} .checkbox-group__horizontal_1clzt .checkbox-group__checkbox_1clzt:last-child,
-.checkbox-group__horizontal_1clzt .checkbox-group__tagLabel_1clzt:last-child {
+} .checkbox-group__horizontal_gl8c4 .checkbox-group__checkbox_gl8c4:last-child,
+.checkbox-group__horizontal_gl8c4 .checkbox-group__tagLabel_gl8c4:last-child {
     margin-right: var(--gap-0);
-} .checkbox-group__label_1clzt {
+} .checkbox-group__label_gl8c4 {
     margin-bottom: var(--gap-12);
-} .checkbox-group__sub_1clzt {
+} .checkbox-group__sub_gl8c4 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-12);
-} .checkbox-group__errorMessage_1clzt {
+} .checkbox-group__errorMessage_gl8c4 {
     color: var(--checkbox-group-error-color);
-} .checkbox-group__hint_1clzt {
+} .checkbox-group__hint_gl8c4 {
     color: var(--checkbox-group-hint-color);
-} .checkbox-group__hiddenInput_1clzt {
+} .checkbox-group__hiddenInput_gl8c4 {
     position: absolute;
     z-index: -1;
     top: var(--gap-0);
     left: var(--gap-0);
     opacity: 0;
-} .checkbox-group__tagLabel_1clzt {
+} .checkbox-group__tagLabel_gl8c4 {
     position: relative;
     max-width: 100%;
 }

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

@@ -22,7 +22,10 @@
     --gap-xs-neg: -8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);

package/checkbox-group/cssm/desktop/desktop.module.css

@@ -16,7 +16,10 @@
 } :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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

package/checkbox-group/cssm/mobile/mobile.module.css

@@ -18,6 +18,9 @@
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
 } :root {

package/checkbox-group/cssm/vars.css

@@ -15,6 +15,9 @@
 } :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 {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

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_kg863","label":"checkbox-group__label_kg863","sub":"checkbox-group__sub_kg863"};
+var styles = {"checkboxList":"checkbox-group__checkboxList_lo0tl","label":"checkbox-group__label_lo0tl","sub":"checkbox-group__sub_lo0tl"};
 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

@@ -17,7 +17,10 @@
 } :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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -26,14 +29,14 @@
     --checkbox-group-list-padding-left: var(--gap-0);
 
     /* mobile */
-} .checkbox-group__checkboxList_kg863 {
+} .checkbox-group__checkboxList_lo0tl {
     padding-left: var(--checkbox-group-list-padding-left);
-} .checkbox-group__label_kg863 {
+} .checkbox-group__label_lo0tl {
     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_kg863 {
+} .checkbox-group__sub_lo0tl {
     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, { Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 
-var commonStyles = {"component":"checkbox-group__component_1clzt","error":"checkbox-group__error_1clzt","tag":"checkbox-group__tag_1clzt","checkboxList":"checkbox-group__checkboxList_1clzt","vertical":"checkbox-group__vertical_1clzt","checkbox":"checkbox-group__checkbox_1clzt","horizontal":"checkbox-group__horizontal_1clzt","tagLabel":"checkbox-group__tagLabel_1clzt","label":"checkbox-group__label_1clzt","sub":"checkbox-group__sub_1clzt","errorMessage":"checkbox-group__errorMessage_1clzt","hint":"checkbox-group__hint_1clzt","hiddenInput":"checkbox-group__hiddenInput_1clzt"};
+var commonStyles = {"component":"checkbox-group__component_gl8c4","error":"checkbox-group__error_gl8c4","tag":"checkbox-group__tag_gl8c4","checkboxList":"checkbox-group__checkboxList_gl8c4","vertical":"checkbox-group__vertical_gl8c4","checkbox":"checkbox-group__checkbox_gl8c4","horizontal":"checkbox-group__horizontal_gl8c4","tagLabel":"checkbox-group__tagLabel_gl8c4","label":"checkbox-group__label_gl8c4","sub":"checkbox-group__sub_gl8c4","errorMessage":"checkbox-group__errorMessage_gl8c4","hint":"checkbox-group__hint_gl8c4","hiddenInput":"checkbox-group__hiddenInput_gl8c4"};
 require('./index.css');
 
 var BaseCheckboxGroup = function (_a) {

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

@@ -23,7 +23,10 @@
     --gap-xs-neg: -8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
@@ -37,52 +40,52 @@
     --checkbox-group-error-border-left: 1px solid var(--color-light-status-negative);
 
     /* mobile */
-} .checkbox-group__component_1clzt {
+} .checkbox-group__component_gl8c4 {
     display: flex;
     flex-direction: column;
-} .checkbox-group__error_1clzt {
+} .checkbox-group__error_gl8c4 {
     padding-left: var(--checkbox-group-error-padding-left);
     border-left: var(--checkbox-group-error-border-left)
-} .checkbox-group__error_1clzt.checkbox-group__tag_1clzt {
+} .checkbox-group__error_gl8c4.checkbox-group__tag_gl8c4 {
         padding-left: var(--gap-8);
-    } .checkbox-group__checkboxList_1clzt {
+    } .checkbox-group__checkboxList_gl8c4 {
     display: flex;
-} .checkbox-group__vertical_1clzt .checkbox-group__checkboxList_1clzt {
+} .checkbox-group__vertical_gl8c4 .checkbox-group__checkboxList_gl8c4 {
     flex-direction: column;
     align-items: flex-start;
-} .checkbox-group__vertical_1clzt .checkbox-group__checkbox_1clzt {
+} .checkbox-group__vertical_gl8c4 .checkbox-group__checkbox_gl8c4 {
     margin-bottom: var(--gap-12)
-} .checkbox-group__vertical_1clzt .checkbox-group__checkbox_1clzt:last-child {
+} .checkbox-group__vertical_gl8c4 .checkbox-group__checkbox_gl8c4:last-child {
         margin-bottom: var(--gap-0);
-    } .checkbox-group__horizontal_1clzt .checkbox-group__checkboxList_1clzt {
+    } .checkbox-group__horizontal_gl8c4 .checkbox-group__checkboxList_gl8c4 {
     flex-wrap: wrap;
     margin-bottom: var(--gap-8-neg);
-} .checkbox-group__horizontal_1clzt .checkbox-group__checkbox_1clzt {
+} .checkbox-group__horizontal_gl8c4 .checkbox-group__checkbox_gl8c4 {
     margin-right: var(--gap-24);
     margin-bottom: var(--gap-8);
-} .checkbox-group__horizontal_1clzt .checkbox-group__tagLabel_1clzt {
+} .checkbox-group__horizontal_gl8c4 .checkbox-group__tagLabel_gl8c4 {
     margin-right: var(--gap-8);
-} .checkbox-group__horizontal_1clzt .checkbox-group__checkbox_1clzt:last-child,
-.checkbox-group__horizontal_1clzt .checkbox-group__tagLabel_1clzt:last-child {
+} .checkbox-group__horizontal_gl8c4 .checkbox-group__checkbox_gl8c4:last-child,
+.checkbox-group__horizontal_gl8c4 .checkbox-group__tagLabel_gl8c4:last-child {
     margin-right: var(--gap-0);
-} .checkbox-group__label_1clzt {
+} .checkbox-group__label_gl8c4 {
     margin-bottom: var(--gap-12);
-} .checkbox-group__sub_1clzt {
+} .checkbox-group__sub_gl8c4 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-12);
-} .checkbox-group__errorMessage_1clzt {
+} .checkbox-group__errorMessage_gl8c4 {
     color: var(--checkbox-group-error-color);
-} .checkbox-group__hint_1clzt {
+} .checkbox-group__hint_gl8c4 {
     color: var(--checkbox-group-hint-color);
-} .checkbox-group__hiddenInput_1clzt {
+} .checkbox-group__hiddenInput_gl8c4 {
     position: absolute;
     z-index: -1;
     top: var(--gap-0);
     left: var(--gap-0);
     opacity: 0;
-} .checkbox-group__tagLabel_1clzt {
+} .checkbox-group__tagLabel_gl8c4 {
     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_kg863","label":"checkbox-group__label_kg863","sub":"checkbox-group__sub_kg863"};
+var styles = {"checkboxList":"checkbox-group__checkboxList_lo0tl","label":"checkbox-group__label_lo0tl","sub":"checkbox-group__sub_lo0tl"};
 require('./desktop.css');
 
 var CheckboxGroupDesktop = function (props) { return (React.createElement(BaseCheckboxGroup, __assign({}, props, { styles: styles }))); };

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

@@ -17,7 +17,10 @@
 } :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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -26,14 +29,14 @@
     --checkbox-group-list-padding-left: var(--gap-0);
 
     /* mobile */
-} .checkbox-group__checkboxList_kg863 {
+} .checkbox-group__checkboxList_lo0tl {
     padding-left: var(--checkbox-group-list-padding-left);
-} .checkbox-group__label_kg863 {
+} .checkbox-group__label_lo0tl {
     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_kg863 {
+} .checkbox-group__sub_lo0tl {
     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_k1t16","label":"checkbox-group__label_k1t16","sub":"checkbox-group__sub_k1t16"};
+var styles = {"checkboxList":"checkbox-group__checkboxList_nrjlt","label":"checkbox-group__label_nrjlt","sub":"checkbox-group__sub_nrjlt"};
 require('./mobile.css');
 
 var CheckboxGroupMobile = function (props) { return (React.createElement(BaseCheckboxGroup, __assign({}, props, { styles: styles }))); };

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

@@ -19,6 +19,9 @@
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
 } :root {
@@ -29,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_k1t16 {
+} .checkbox-group__checkboxList_nrjlt {
     padding-left: var(--checkbox-group-mobile-list-padding-left);
-} .checkbox-group__label_k1t16 {
+} .checkbox-group__label_nrjlt {
     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_k1t16 {
+} .checkbox-group__sub_nrjlt {
     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_k1t16","label":"checkbox-group__label_k1t16","sub":"checkbox-group__sub_k1t16"};
+var styles = {"checkboxList":"checkbox-group__checkboxList_nrjlt","label":"checkbox-group__label_nrjlt","sub":"checkbox-group__sub_nrjlt"};
 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

@@ -19,6 +19,9 @@
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
 } :root {
@@ -29,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_k1t16 {
+} .checkbox-group__checkboxList_nrjlt {
     padding-left: var(--checkbox-group-mobile-list-padding-left);
-} .checkbox-group__label_k1t16 {
+} .checkbox-group__label_nrjlt {
     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_k1t16 {
+} .checkbox-group__sub_nrjlt {
     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, { Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 
-const commonStyles = {"component":"checkbox-group__component_1clzt","error":"checkbox-group__error_1clzt","tag":"checkbox-group__tag_1clzt","checkboxList":"checkbox-group__checkboxList_1clzt","vertical":"checkbox-group__vertical_1clzt","checkbox":"checkbox-group__checkbox_1clzt","horizontal":"checkbox-group__horizontal_1clzt","tagLabel":"checkbox-group__tagLabel_1clzt","label":"checkbox-group__label_1clzt","sub":"checkbox-group__sub_1clzt","errorMessage":"checkbox-group__errorMessage_1clzt","hint":"checkbox-group__hint_1clzt","hiddenInput":"checkbox-group__hiddenInput_1clzt"};
+const commonStyles = {"component":"checkbox-group__component_gl8c4","error":"checkbox-group__error_gl8c4","tag":"checkbox-group__tag_gl8c4","checkboxList":"checkbox-group__checkboxList_gl8c4","vertical":"checkbox-group__vertical_gl8c4","checkbox":"checkbox-group__checkbox_gl8c4","horizontal":"checkbox-group__horizontal_gl8c4","tagLabel":"checkbox-group__tagLabel_gl8c4","label":"checkbox-group__label_gl8c4","sub":"checkbox-group__sub_gl8c4","errorMessage":"checkbox-group__errorMessage_gl8c4","hint":"checkbox-group__hint_gl8c4","hiddenInput":"checkbox-group__hiddenInput_gl8c4"};
 require('./index.css');
 
 const BaseCheckboxGroup = ({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'checkbox', dataTestId, disabled = false, styles, }) => {