@alfalab/core-components 37.4.0-beta.1 → 37.4.1

package/checkbox/esm/index.css

@@ -75,26 +75,26 @@
     /* icon */
     --checkbox-icon-color: var(--color-light-bg-primary);
 }
-.checkbox__component_q0xts {
+.checkbox__component_e60i2 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
 }
-.checkbox__start_q0xts {
+.checkbox__start_e60i2 {
     align-items: flex-start;
 }
-.checkbox__center_q0xts {
+.checkbox__center_e60i2 {
     align-items: center;
 }
-.checkbox__addons_q0xts {
+.checkbox__addons_e60i2 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.checkbox__block_q0xts {
+.checkbox__block_e60i2 {
     width: 100%;
 }
-.checkbox__box_q0xts {
+.checkbox__box_e60i2 {
     position: relative;
     display: flex;
     justify-content: center;
@@ -111,136 +111,136 @@
     box-sizing: border-box;
     overflow: hidden;
 }
-.checkbox__checkedIcon_q0xts {
+.checkbox__checkedIcon_e60i2 {
     position: absolute;
     color: var(--checkbox-icon-color);
 }
-.checkbox__s_q0xts .checkbox__box_q0xts {
+.checkbox__s_e60i2 .checkbox__box_e60i2 {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.checkbox__component_q0xts:hover:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__component_e60i2:hover:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
 }
-.checkbox__component_q0xts:active:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__component_e60i2:active:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
 }
-.checkbox__checked_q0xts .checkbox__box_q0xts {
+.checkbox__checked_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__checked_q0xts:hover:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__checked_e60i2:hover:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__checked_q0xts:active:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__checked_e60i2:active:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__indeterminate_q0xts .checkbox__box_q0xts {
+.checkbox__indeterminate_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__indeterminate_q0xts:hover:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__indeterminate_e60i2:hover:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__indeterminate_q0xts:active:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__indeterminate_e60i2:active:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__disabled_q0xts,
-.checkbox__inactive_q0xts {
+.checkbox__disabled_e60i2,
+.checkbox__inactive_e60i2 {
     cursor: var(--disabled-cursor);
 }
-.checkbox__disabled_q0xts .checkbox__box_q0xts {
+.checkbox__disabled_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
 }
-.checkbox__disabled_q0xts.checkbox__checked_q0xts .checkbox__box_q0xts {
+.checkbox__disabled_e60i2.checkbox__checked_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_q0xts.checkbox__indeterminate_q0xts .checkbox__box_q0xts {
+.checkbox__disabled_e60i2.checkbox__indeterminate_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_q0xts .checkbox__label_q0xts {
+.checkbox__disabled_e60i2 .checkbox__label_e60i2 {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__disabled_q0xts .checkbox__hint_q0xts {
+.checkbox__disabled_e60i2 .checkbox__hint_e60i2 {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__inactive_q0xts .checkbox__box_q0xts {
+.checkbox__inactive_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-inactive-border-color);
 }
-.checkbox__inactive_q0xts.checkbox__checked_q0xts .checkbox__box_q0xts {
+.checkbox__inactive_e60i2.checkbox__checked_e60i2 .checkbox__box_e60i2 {
     color: var(--checkbox-checked-inactive-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__inactive_q0xts.checkbox__indeterminate_q0xts .checkbox__box_q0xts {
+.checkbox__inactive_e60i2.checkbox__indeterminate_e60i2 .checkbox__box_e60i2 {
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__focused_q0xts .checkbox__box_q0xts {
+.checkbox__focused_e60i2 .checkbox__box_e60i2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.checkbox__content_q0xts {
+.checkbox__content_e60i2 {
     flex-grow: 1;
     margin-left: var(--gap-s);
 }
-.checkbox__s_q0xts .checkbox__content_q0xts {
+.checkbox__s_e60i2 .checkbox__content_e60i2 {
     margin-left: var(--gap-xs);
 }
-.checkbox__label_q0xts {
+.checkbox__label_e60i2 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
 }
-.checkbox__label_q0xts:not(:only-child) {
+.checkbox__label_e60i2:not(:only-child) {
     margin-bottom: var(--gap-2xs);
 }
-.checkbox__errorMessage_q0xts {
+.checkbox__errorMessage_e60i2 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--checkbox-error-color);
 }
-.checkbox__hint_q0xts {
+.checkbox__hint_e60i2 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
 }
-.checkbox__inactive_q0xts .checkbox__indeterminateLine_q0xts {
+.checkbox__inactive_e60i2 .checkbox__indeterminateLine_e60i2 {
     background-color: var(--checkbox-checked-inactive-color);
 }
-.checkbox__indeterminateLine_q0xts {
+.checkbox__indeterminateLine_e60i2 {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--color-light-graphic-primary-inverted);
 }
-.checkbox__component_q0xts input {
+.checkbox__component_e60i2 input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .checkbox__checkedIcon_q0xts {
+    .checkbox__checkedIcon_e60i2 {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 
-    .checkbox__indeterminateLine_q0xts {
+    .checkbox__indeterminateLine_e60i2 {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);

package/checkbox/index.css

@@ -75,26 +75,26 @@
     /* icon */
     --checkbox-icon-color: var(--color-light-bg-primary);
 }
-.checkbox__component_q0xts {
+.checkbox__component_e60i2 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
 }
-.checkbox__start_q0xts {
+.checkbox__start_e60i2 {
     align-items: flex-start;
 }
-.checkbox__center_q0xts {
+.checkbox__center_e60i2 {
     align-items: center;
 }
-.checkbox__addons_q0xts {
+.checkbox__addons_e60i2 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.checkbox__block_q0xts {
+.checkbox__block_e60i2 {
     width: 100%;
 }
-.checkbox__box_q0xts {
+.checkbox__box_e60i2 {
     position: relative;
     display: flex;
     justify-content: center;
@@ -111,136 +111,136 @@
     box-sizing: border-box;
     overflow: hidden;
 }
-.checkbox__checkedIcon_q0xts {
+.checkbox__checkedIcon_e60i2 {
     position: absolute;
     color: var(--checkbox-icon-color);
 }
-.checkbox__s_q0xts .checkbox__box_q0xts {
+.checkbox__s_e60i2 .checkbox__box_e60i2 {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.checkbox__component_q0xts:hover:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__component_e60i2:hover:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
 }
-.checkbox__component_q0xts:active:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__component_e60i2:active:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
 }
-.checkbox__checked_q0xts .checkbox__box_q0xts {
+.checkbox__checked_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__checked_q0xts:hover:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__checked_e60i2:hover:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__checked_q0xts:active:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__checked_e60i2:active:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__indeterminate_q0xts .checkbox__box_q0xts {
+.checkbox__indeterminate_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__indeterminate_q0xts:hover:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__indeterminate_e60i2:hover:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__indeterminate_q0xts:active:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__indeterminate_e60i2:active:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__disabled_q0xts,
-.checkbox__inactive_q0xts {
+.checkbox__disabled_e60i2,
+.checkbox__inactive_e60i2 {
     cursor: var(--disabled-cursor);
 }
-.checkbox__disabled_q0xts .checkbox__box_q0xts {
+.checkbox__disabled_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
 }
-.checkbox__disabled_q0xts.checkbox__checked_q0xts .checkbox__box_q0xts {
+.checkbox__disabled_e60i2.checkbox__checked_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_q0xts.checkbox__indeterminate_q0xts .checkbox__box_q0xts {
+.checkbox__disabled_e60i2.checkbox__indeterminate_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_q0xts .checkbox__label_q0xts {
+.checkbox__disabled_e60i2 .checkbox__label_e60i2 {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__disabled_q0xts .checkbox__hint_q0xts {
+.checkbox__disabled_e60i2 .checkbox__hint_e60i2 {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__inactive_q0xts .checkbox__box_q0xts {
+.checkbox__inactive_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-inactive-border-color);
 }
-.checkbox__inactive_q0xts.checkbox__checked_q0xts .checkbox__box_q0xts {
+.checkbox__inactive_e60i2.checkbox__checked_e60i2 .checkbox__box_e60i2 {
     color: var(--checkbox-checked-inactive-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__inactive_q0xts.checkbox__indeterminate_q0xts .checkbox__box_q0xts {
+.checkbox__inactive_e60i2.checkbox__indeterminate_e60i2 .checkbox__box_e60i2 {
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__focused_q0xts .checkbox__box_q0xts {
+.checkbox__focused_e60i2 .checkbox__box_e60i2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.checkbox__content_q0xts {
+.checkbox__content_e60i2 {
     flex-grow: 1;
     margin-left: var(--gap-s);
 }
-.checkbox__s_q0xts .checkbox__content_q0xts {
+.checkbox__s_e60i2 .checkbox__content_e60i2 {
     margin-left: var(--gap-xs);
 }
-.checkbox__label_q0xts {
+.checkbox__label_e60i2 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
 }
-.checkbox__label_q0xts:not(:only-child) {
+.checkbox__label_e60i2:not(:only-child) {
     margin-bottom: var(--gap-2xs);
 }
-.checkbox__errorMessage_q0xts {
+.checkbox__errorMessage_e60i2 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--checkbox-error-color);
 }
-.checkbox__hint_q0xts {
+.checkbox__hint_e60i2 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
 }
-.checkbox__inactive_q0xts .checkbox__indeterminateLine_q0xts {
+.checkbox__inactive_e60i2 .checkbox__indeterminateLine_e60i2 {
     background-color: var(--checkbox-checked-inactive-color);
 }
-.checkbox__indeterminateLine_q0xts {
+.checkbox__indeterminateLine_e60i2 {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--color-light-graphic-primary-inverted);
 }
-.checkbox__component_q0xts input {
+.checkbox__component_e60i2 input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .checkbox__checkedIcon_q0xts {
+    .checkbox__checkedIcon_e60i2 {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 
-    .checkbox__indeterminateLine_q0xts {
+    .checkbox__indeterminateLine_e60i2 {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);

package/checkbox/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 import { CheckmarkCompactMIcon } from '@alfalab/icons-glyph/CheckmarkCompactMIcon';
 
-const styles = {"component":"checkbox__component_q0xts","start":"checkbox__start_q0xts","center":"checkbox__center_q0xts","addons":"checkbox__addons_q0xts","block":"checkbox__block_q0xts","box":"checkbox__box_q0xts","checkedIcon":"checkbox__checkedIcon_q0xts","s":"checkbox__s_q0xts","disabled":"checkbox__disabled_q0xts","inactive":"checkbox__inactive_q0xts","checked":"checkbox__checked_q0xts","indeterminate":"checkbox__indeterminate_q0xts","label":"checkbox__label_q0xts","hint":"checkbox__hint_q0xts","focused":"checkbox__focused_q0xts","content":"checkbox__content_q0xts","errorMessage":"checkbox__errorMessage_q0xts","indeterminateLine":"checkbox__indeterminateLine_q0xts"};
+const styles = {"component":"checkbox__component_e60i2","start":"checkbox__start_e60i2","center":"checkbox__center_e60i2","addons":"checkbox__addons_e60i2","block":"checkbox__block_e60i2","box":"checkbox__box_e60i2","checkedIcon":"checkbox__checkedIcon_e60i2","s":"checkbox__s_e60i2","disabled":"checkbox__disabled_e60i2","inactive":"checkbox__inactive_e60i2","checked":"checkbox__checked_e60i2","indeterminate":"checkbox__indeterminate_e60i2","label":"checkbox__label_e60i2","hint":"checkbox__hint_e60i2","focused":"checkbox__focused_e60i2","content":"checkbox__content_e60i2","errorMessage":"checkbox__errorMessage_e60i2","indeterminateLine":"checkbox__indeterminateLine_e60i2"};
 require('./index.css');
 
 const Checkbox = forwardRef(({ checked, label, hint, size = 's', boxClassName, contentClassName, align = 'start', addons, block, onChange, className, name, disabled, inactive, dataTestId, indeterminate = false, error, ...restProps }, ref) => {

package/checkbox/modern/index.css

@@ -75,26 +75,26 @@
     /* icon */
     --checkbox-icon-color: var(--color-light-bg-primary);
 }
-.checkbox__component_q0xts {
+.checkbox__component_e60i2 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
 }
-.checkbox__start_q0xts {
+.checkbox__start_e60i2 {
     align-items: flex-start;
 }
-.checkbox__center_q0xts {
+.checkbox__center_e60i2 {
     align-items: center;
 }
-.checkbox__addons_q0xts {
+.checkbox__addons_e60i2 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.checkbox__block_q0xts {
+.checkbox__block_e60i2 {
     width: 100%;
 }
-.checkbox__box_q0xts {
+.checkbox__box_e60i2 {
     position: relative;
     display: flex;
     justify-content: center;
@@ -111,136 +111,136 @@
     box-sizing: border-box;
     overflow: hidden;
 }
-.checkbox__checkedIcon_q0xts {
+.checkbox__checkedIcon_e60i2 {
     position: absolute;
     color: var(--checkbox-icon-color);
 }
-.checkbox__s_q0xts .checkbox__box_q0xts {
+.checkbox__s_e60i2 .checkbox__box_e60i2 {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.checkbox__component_q0xts:hover:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__component_e60i2:hover:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
 }
-.checkbox__component_q0xts:active:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__component_e60i2:active:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
 }
-.checkbox__checked_q0xts .checkbox__box_q0xts {
+.checkbox__checked_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__checked_q0xts:hover:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__checked_e60i2:hover:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__checked_q0xts:active:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__checked_e60i2:active:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__indeterminate_q0xts .checkbox__box_q0xts {
+.checkbox__indeterminate_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__indeterminate_q0xts:hover:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__indeterminate_e60i2:hover:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__indeterminate_q0xts:active:not(.checkbox__disabled_q0xts):not(.checkbox__inactive_q0xts) .checkbox__box_q0xts {
+.checkbox__indeterminate_e60i2:active:not(.checkbox__disabled_e60i2):not(.checkbox__inactive_e60i2) .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__disabled_q0xts,
-.checkbox__inactive_q0xts {
+.checkbox__disabled_e60i2,
+.checkbox__inactive_e60i2 {
     cursor: var(--disabled-cursor);
 }
-.checkbox__disabled_q0xts .checkbox__box_q0xts {
+.checkbox__disabled_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
 }
-.checkbox__disabled_q0xts.checkbox__checked_q0xts .checkbox__box_q0xts {
+.checkbox__disabled_e60i2.checkbox__checked_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_q0xts.checkbox__indeterminate_q0xts .checkbox__box_q0xts {
+.checkbox__disabled_e60i2.checkbox__indeterminate_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_q0xts .checkbox__label_q0xts {
+.checkbox__disabled_e60i2 .checkbox__label_e60i2 {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__disabled_q0xts .checkbox__hint_q0xts {
+.checkbox__disabled_e60i2 .checkbox__hint_e60i2 {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__inactive_q0xts .checkbox__box_q0xts {
+.checkbox__inactive_e60i2 .checkbox__box_e60i2 {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-inactive-border-color);
 }
-.checkbox__inactive_q0xts.checkbox__checked_q0xts .checkbox__box_q0xts {
+.checkbox__inactive_e60i2.checkbox__checked_e60i2 .checkbox__box_e60i2 {
     color: var(--checkbox-checked-inactive-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__inactive_q0xts.checkbox__indeterminate_q0xts .checkbox__box_q0xts {
+.checkbox__inactive_e60i2.checkbox__indeterminate_e60i2 .checkbox__box_e60i2 {
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__focused_q0xts .checkbox__box_q0xts {
+.checkbox__focused_e60i2 .checkbox__box_e60i2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.checkbox__content_q0xts {
+.checkbox__content_e60i2 {
     flex-grow: 1;
     margin-left: var(--gap-s);
 }
-.checkbox__s_q0xts .checkbox__content_q0xts {
+.checkbox__s_e60i2 .checkbox__content_e60i2 {
     margin-left: var(--gap-xs);
 }
-.checkbox__label_q0xts {
+.checkbox__label_e60i2 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
 }
-.checkbox__label_q0xts:not(:only-child) {
+.checkbox__label_e60i2:not(:only-child) {
     margin-bottom: var(--gap-2xs);
 }
-.checkbox__errorMessage_q0xts {
+.checkbox__errorMessage_e60i2 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--checkbox-error-color);
 }
-.checkbox__hint_q0xts {
+.checkbox__hint_e60i2 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
 }
-.checkbox__inactive_q0xts .checkbox__indeterminateLine_q0xts {
+.checkbox__inactive_e60i2 .checkbox__indeterminateLine_e60i2 {
     background-color: var(--checkbox-checked-inactive-color);
 }
-.checkbox__indeterminateLine_q0xts {
+.checkbox__indeterminateLine_e60i2 {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--color-light-graphic-primary-inverted);
 }
-.checkbox__component_q0xts input {
+.checkbox__component_e60i2 input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .checkbox__checkedIcon_q0xts {
+    .checkbox__checkedIcon_e60i2 {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 
-    .checkbox__indeterminateLine_q0xts {
+    .checkbox__indeterminateLine_e60i2 {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);

package/checkbox-group/Component.js

@@ -33,7 +33,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"checkbox-group__component_19nrj","error":"checkbox-group__error_19nrj","checkboxList":"checkbox-group__checkboxList_19nrj","vertical":"checkbox-group__vertical_19nrj","checkbox":"checkbox-group__checkbox_19nrj","horizontal":"checkbox-group__horizontal_19nrj","tag":"checkbox-group__tag_19nrj","tagLabel":"checkbox-group__tagLabel_19nrj","label":"checkbox-group__label_19nrj","sub":"checkbox-group__sub_19nrj","errorMessage":"checkbox-group__errorMessage_19nrj","hint":"checkbox-group__hint_19nrj","hiddenInput":"checkbox-group__hiddenInput_19nrj"};
+var styles = {"component":"checkbox-group__component_ueck0","error":"checkbox-group__error_ueck0","checkboxList":"checkbox-group__checkboxList_ueck0","vertical":"checkbox-group__vertical_ueck0","checkbox":"checkbox-group__checkbox_ueck0","horizontal":"checkbox-group__horizontal_ueck0","tag":"checkbox-group__tag_ueck0","tagLabel":"checkbox-group__tagLabel_ueck0","label":"checkbox-group__label_ueck0","sub":"checkbox-group__sub_ueck0","errorMessage":"checkbox-group__errorMessage_ueck0","hint":"checkbox-group__hint_ueck0","hiddenInput":"checkbox-group__hiddenInput_ueck0"};
 require('./index.css');
 
 var CheckboxGroup = function (_a) {

package/checkbox-group/esm/Component.js

@@ -28,7 +28,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"checkbox-group__component_19nrj","error":"checkbox-group__error_19nrj","checkboxList":"checkbox-group__checkboxList_19nrj","vertical":"checkbox-group__vertical_19nrj","checkbox":"checkbox-group__checkbox_19nrj","horizontal":"checkbox-group__horizontal_19nrj","tag":"checkbox-group__tag_19nrj","tagLabel":"checkbox-group__tagLabel_19nrj","label":"checkbox-group__label_19nrj","sub":"checkbox-group__sub_19nrj","errorMessage":"checkbox-group__errorMessage_19nrj","hint":"checkbox-group__hint_19nrj","hiddenInput":"checkbox-group__hiddenInput_19nrj"};
+var styles = {"component":"checkbox-group__component_ueck0","error":"checkbox-group__error_ueck0","checkboxList":"checkbox-group__checkboxList_ueck0","vertical":"checkbox-group__vertical_ueck0","checkbox":"checkbox-group__checkbox_ueck0","horizontal":"checkbox-group__horizontal_ueck0","tag":"checkbox-group__tag_ueck0","tagLabel":"checkbox-group__tagLabel_ueck0","label":"checkbox-group__label_ueck0","sub":"checkbox-group__sub_ueck0","errorMessage":"checkbox-group__errorMessage_ueck0","hint":"checkbox-group__hint_ueck0","hiddenInput":"checkbox-group__hiddenInput_ueck0"};
 require('./index.css');
 
 var CheckboxGroup = function (_a) {