@alfalab/core-components 21.3.2 → 21.3.3

package/checkbox/esm/index.css

@@ -73,26 +73,26 @@
     /* icon */
     --checkbox-icon-color: var(--color-light-bg-primary);
 }
-.checkbox__component_1l374 {
+.checkbox__component_tv8ap {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
 }
-.checkbox__start_1l374 {
+.checkbox__start_tv8ap {
     align-items: flex-start;
 }
-.checkbox__center_1l374 {
+.checkbox__center_tv8ap {
     align-items: center;
 }
-.checkbox__addons_1l374 {
+.checkbox__addons_tv8ap {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.checkbox__block_1l374 {
+.checkbox__block_tv8ap {
     width: 100%;
 }
-.checkbox__box_1l374 {
+.checkbox__box_tv8ap {
     position: relative;
     display: flex;
     justify-content: center;
@@ -109,118 +109,118 @@
     box-sizing: border-box;
     overflow: hidden;
 }
-.checkbox__checkedIcon_1l374 {
+.checkbox__checkedIcon_tv8ap {
     position: absolute;
     color: var(--checkbox-icon-color);
 }
-.checkbox__s_1l374 .checkbox__box_1l374 {
+.checkbox__s_tv8ap .checkbox__box_tv8ap {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.checkbox__component_1l374:hover:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__component_tv8ap:hover:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
 }
-.checkbox__component_1l374:active:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__component_tv8ap:active:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
 }
-.checkbox__checked_1l374 .checkbox__box_1l374 {
+.checkbox__checked_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__checked_1l374:hover:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__checked_tv8ap:hover:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__checked_1l374:active:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__checked_tv8ap:active:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__indeterminate_1l374 .checkbox__box_1l374 {
+.checkbox__indeterminate_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__indeterminate_1l374:hover:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__indeterminate_tv8ap:hover:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__indeterminate_1l374:active:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__indeterminate_tv8ap:active:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__disabled_1l374,
-.checkbox__inactive_1l374 {
+.checkbox__disabled_tv8ap,
+.checkbox__inactive_tv8ap {
     cursor: var(--disabled-cursor);
 }
-.checkbox__disabled_1l374 .checkbox__box_1l374 {
+.checkbox__disabled_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
 }
-.checkbox__disabled_1l374.checkbox__checked_1l374 .checkbox__box_1l374 {
+.checkbox__disabled_tv8ap.checkbox__checked_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_1l374.checkbox__indeterminate_1l374 .checkbox__box_1l374 {
+.checkbox__disabled_tv8ap.checkbox__indeterminate_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_1l374 .checkbox__label_1l374 {
+.checkbox__disabled_tv8ap .checkbox__label_tv8ap {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__disabled_1l374 .checkbox__hint_1l374 {
+.checkbox__disabled_tv8ap .checkbox__hint_tv8ap {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__inactive_1l374 .checkbox__box_1l374 {
+.checkbox__inactive_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-inactive-border-color);
 }
-.checkbox__inactive_1l374.checkbox__checked_1l374 .checkbox__box_1l374 {
+.checkbox__inactive_tv8ap.checkbox__checked_tv8ap .checkbox__box_tv8ap {
     color: var(--checkbox-checked-inactive-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__inactive_1l374.checkbox__indeterminate_1l374 .checkbox__box_1l374 {
+.checkbox__inactive_tv8ap.checkbox__indeterminate_tv8ap .checkbox__box_tv8ap {
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__focused_1l374 .checkbox__box_1l374 {
+.checkbox__focused_tv8ap .checkbox__box_tv8ap {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.checkbox__content_1l374 {
+.checkbox__content_tv8ap {
     flex-grow: 1;
     margin-left: var(--gap-s);
 }
-.checkbox__s_1l374 .checkbox__content_1l374 {
+.checkbox__s_tv8ap .checkbox__content_tv8ap {
     margin-left: var(--gap-xs);
 }
-.checkbox__label_1l374 {
+.checkbox__label_tv8ap {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
 }
-.checkbox__label_1l374:not(:only-child) {
+.checkbox__label_tv8ap:not(:only-child) {
     margin-bottom: var(--gap-2xs);
 }
-.checkbox__hint_1l374 {
+.checkbox__hint_tv8ap {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
 }
-.checkbox__inactive_1l374 .checkbox__indeterminateLine_1l374 {
+.checkbox__inactive_tv8ap .checkbox__indeterminateLine_tv8ap {
     background-color: var(--checkbox-checked-inactive-color);
 }
-.checkbox__indeterminateLine_1l374 {
+.checkbox__indeterminateLine_tv8ap {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--color-light-graphic-primary-inverted);
 }
-.checkbox__component_1l374 input {
+.checkbox__component_tv8ap input {
     position: absolute;
     z-index: -1;
     opacity: 0;

package/checkbox/index.css

@@ -73,26 +73,26 @@
     /* icon */
     --checkbox-icon-color: var(--color-light-bg-primary);
 }
-.checkbox__component_1l374 {
+.checkbox__component_tv8ap {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
 }
-.checkbox__start_1l374 {
+.checkbox__start_tv8ap {
     align-items: flex-start;
 }
-.checkbox__center_1l374 {
+.checkbox__center_tv8ap {
     align-items: center;
 }
-.checkbox__addons_1l374 {
+.checkbox__addons_tv8ap {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.checkbox__block_1l374 {
+.checkbox__block_tv8ap {
     width: 100%;
 }
-.checkbox__box_1l374 {
+.checkbox__box_tv8ap {
     position: relative;
     display: flex;
     justify-content: center;
@@ -109,118 +109,118 @@
     box-sizing: border-box;
     overflow: hidden;
 }
-.checkbox__checkedIcon_1l374 {
+.checkbox__checkedIcon_tv8ap {
     position: absolute;
     color: var(--checkbox-icon-color);
 }
-.checkbox__s_1l374 .checkbox__box_1l374 {
+.checkbox__s_tv8ap .checkbox__box_tv8ap {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.checkbox__component_1l374:hover:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__component_tv8ap:hover:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
 }
-.checkbox__component_1l374:active:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__component_tv8ap:active:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
 }
-.checkbox__checked_1l374 .checkbox__box_1l374 {
+.checkbox__checked_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__checked_1l374:hover:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__checked_tv8ap:hover:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__checked_1l374:active:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__checked_tv8ap:active:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__indeterminate_1l374 .checkbox__box_1l374 {
+.checkbox__indeterminate_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__indeterminate_1l374:hover:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__indeterminate_tv8ap:hover:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__indeterminate_1l374:active:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__indeterminate_tv8ap:active:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__disabled_1l374,
-.checkbox__inactive_1l374 {
+.checkbox__disabled_tv8ap,
+.checkbox__inactive_tv8ap {
     cursor: var(--disabled-cursor);
 }
-.checkbox__disabled_1l374 .checkbox__box_1l374 {
+.checkbox__disabled_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
 }
-.checkbox__disabled_1l374.checkbox__checked_1l374 .checkbox__box_1l374 {
+.checkbox__disabled_tv8ap.checkbox__checked_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_1l374.checkbox__indeterminate_1l374 .checkbox__box_1l374 {
+.checkbox__disabled_tv8ap.checkbox__indeterminate_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_1l374 .checkbox__label_1l374 {
+.checkbox__disabled_tv8ap .checkbox__label_tv8ap {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__disabled_1l374 .checkbox__hint_1l374 {
+.checkbox__disabled_tv8ap .checkbox__hint_tv8ap {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__inactive_1l374 .checkbox__box_1l374 {
+.checkbox__inactive_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-inactive-border-color);
 }
-.checkbox__inactive_1l374.checkbox__checked_1l374 .checkbox__box_1l374 {
+.checkbox__inactive_tv8ap.checkbox__checked_tv8ap .checkbox__box_tv8ap {
     color: var(--checkbox-checked-inactive-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__inactive_1l374.checkbox__indeterminate_1l374 .checkbox__box_1l374 {
+.checkbox__inactive_tv8ap.checkbox__indeterminate_tv8ap .checkbox__box_tv8ap {
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__focused_1l374 .checkbox__box_1l374 {
+.checkbox__focused_tv8ap .checkbox__box_tv8ap {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.checkbox__content_1l374 {
+.checkbox__content_tv8ap {
     flex-grow: 1;
     margin-left: var(--gap-s);
 }
-.checkbox__s_1l374 .checkbox__content_1l374 {
+.checkbox__s_tv8ap .checkbox__content_tv8ap {
     margin-left: var(--gap-xs);
 }
-.checkbox__label_1l374 {
+.checkbox__label_tv8ap {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
 }
-.checkbox__label_1l374:not(:only-child) {
+.checkbox__label_tv8ap:not(:only-child) {
     margin-bottom: var(--gap-2xs);
 }
-.checkbox__hint_1l374 {
+.checkbox__hint_tv8ap {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
 }
-.checkbox__inactive_1l374 .checkbox__indeterminateLine_1l374 {
+.checkbox__inactive_tv8ap .checkbox__indeterminateLine_tv8ap {
     background-color: var(--checkbox-checked-inactive-color);
 }
-.checkbox__indeterminateLine_1l374 {
+.checkbox__indeterminateLine_tv8ap {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--color-light-graphic-primary-inverted);
 }
-.checkbox__component_1l374 input {
+.checkbox__component_tv8ap input {
     position: absolute;
     z-index: -1;
     opacity: 0;

package/checkbox/modern/Component.js

@@ -4,7 +4,7 @@ import { useFocus } from '@alfalab/hooks';
 import mergeRefs from 'react-merge-refs';
 import CheckedIcon from '@alfalab/icons-glyph/CheckmarkCompactMIcon';
 
-var styles = {"component":"checkbox__component_1l374","start":"checkbox__start_1l374","center":"checkbox__center_1l374","addons":"checkbox__addons_1l374","block":"checkbox__block_1l374","box":"checkbox__box_1l374","checkedIcon":"checkbox__checkedIcon_1l374","s":"checkbox__s_1l374","disabled":"checkbox__disabled_1l374","inactive":"checkbox__inactive_1l374","checked":"checkbox__checked_1l374","indeterminate":"checkbox__indeterminate_1l374","label":"checkbox__label_1l374","hint":"checkbox__hint_1l374","focused":"checkbox__focused_1l374","content":"checkbox__content_1l374","indeterminateLine":"checkbox__indeterminateLine_1l374"};
+var styles = {"component":"checkbox__component_tv8ap","start":"checkbox__start_tv8ap","center":"checkbox__center_tv8ap","addons":"checkbox__addons_tv8ap","block":"checkbox__block_tv8ap","box":"checkbox__box_tv8ap","checkedIcon":"checkbox__checkedIcon_tv8ap","s":"checkbox__s_tv8ap","disabled":"checkbox__disabled_tv8ap","inactive":"checkbox__inactive_tv8ap","checked":"checkbox__checked_tv8ap","indeterminate":"checkbox__indeterminate_tv8ap","label":"checkbox__label_tv8ap","hint":"checkbox__hint_tv8ap","focused":"checkbox__focused_tv8ap","content":"checkbox__content_tv8ap","indeterminateLine":"checkbox__indeterminateLine_tv8ap"};
 require('./index.css');
 
 const Checkbox = forwardRef(({ checked, label, hint, size = 's', align = 'start', addons, block, onChange, className, name, disabled, inactive, dataTestId, indeterminate = false, ...restProps }, ref) => {

package/checkbox/modern/index.css

@@ -73,26 +73,26 @@
     /* icon */
     --checkbox-icon-color: var(--color-light-bg-primary);
 }
-.checkbox__component_1l374 {
+.checkbox__component_tv8ap {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
 }
-.checkbox__start_1l374 {
+.checkbox__start_tv8ap {
     align-items: flex-start;
 }
-.checkbox__center_1l374 {
+.checkbox__center_tv8ap {
     align-items: center;
 }
-.checkbox__addons_1l374 {
+.checkbox__addons_tv8ap {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.checkbox__block_1l374 {
+.checkbox__block_tv8ap {
     width: 100%;
 }
-.checkbox__box_1l374 {
+.checkbox__box_tv8ap {
     position: relative;
     display: flex;
     justify-content: center;
@@ -109,118 +109,118 @@
     box-sizing: border-box;
     overflow: hidden;
 }
-.checkbox__checkedIcon_1l374 {
+.checkbox__checkedIcon_tv8ap {
     position: absolute;
     color: var(--checkbox-icon-color);
 }
-.checkbox__s_1l374 .checkbox__box_1l374 {
+.checkbox__s_tv8ap .checkbox__box_tv8ap {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.checkbox__component_1l374:hover:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__component_tv8ap:hover:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
 }
-.checkbox__component_1l374:active:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__component_tv8ap:active:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
 }
-.checkbox__checked_1l374 .checkbox__box_1l374 {
+.checkbox__checked_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__checked_1l374:hover:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__checked_tv8ap:hover:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__checked_1l374:active:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__checked_tv8ap:active:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__indeterminate_1l374 .checkbox__box_1l374 {
+.checkbox__indeterminate_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
 }
-.checkbox__indeterminate_1l374:hover:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__indeterminate_tv8ap:hover:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
 }
-.checkbox__indeterminate_1l374:active:not(.checkbox__disabled_1l374):not(.checkbox__inactive_1l374) .checkbox__box_1l374 {
+.checkbox__indeterminate_tv8ap:active:not(.checkbox__disabled_tv8ap):not(.checkbox__inactive_tv8ap) .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
 }
-.checkbox__disabled_1l374,
-.checkbox__inactive_1l374 {
+.checkbox__disabled_tv8ap,
+.checkbox__inactive_tv8ap {
     cursor: var(--disabled-cursor);
 }
-.checkbox__disabled_1l374 .checkbox__box_1l374 {
+.checkbox__disabled_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
 }
-.checkbox__disabled_1l374.checkbox__checked_1l374 .checkbox__box_1l374 {
+.checkbox__disabled_tv8ap.checkbox__checked_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_1l374.checkbox__indeterminate_1l374 .checkbox__box_1l374 {
+.checkbox__disabled_tv8ap.checkbox__indeterminate_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__disabled_1l374 .checkbox__label_1l374 {
+.checkbox__disabled_tv8ap .checkbox__label_tv8ap {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__disabled_1l374 .checkbox__hint_1l374 {
+.checkbox__disabled_tv8ap .checkbox__hint_tv8ap {
     color: var(--checkbox-disabled-color);
 }
-.checkbox__inactive_1l374 .checkbox__box_1l374 {
+.checkbox__inactive_tv8ap .checkbox__box_tv8ap {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-inactive-border-color);
 }
-.checkbox__inactive_1l374.checkbox__checked_1l374 .checkbox__box_1l374 {
+.checkbox__inactive_tv8ap.checkbox__checked_tv8ap .checkbox__box_tv8ap {
     color: var(--checkbox-checked-inactive-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__inactive_1l374.checkbox__indeterminate_1l374 .checkbox__box_1l374 {
+.checkbox__inactive_tv8ap.checkbox__indeterminate_tv8ap .checkbox__box_tv8ap {
     border-color: var(--checkbox-checked-disabled-border-color);
 }
-.checkbox__focused_1l374 .checkbox__box_1l374 {
+.checkbox__focused_tv8ap .checkbox__box_tv8ap {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.checkbox__content_1l374 {
+.checkbox__content_tv8ap {
     flex-grow: 1;
     margin-left: var(--gap-s);
 }
-.checkbox__s_1l374 .checkbox__content_1l374 {
+.checkbox__s_tv8ap .checkbox__content_tv8ap {
     margin-left: var(--gap-xs);
 }
-.checkbox__label_1l374 {
+.checkbox__label_tv8ap {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
 }
-.checkbox__label_1l374:not(:only-child) {
+.checkbox__label_tv8ap:not(:only-child) {
     margin-bottom: var(--gap-2xs);
 }
-.checkbox__hint_1l374 {
+.checkbox__hint_tv8ap {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
 }
-.checkbox__inactive_1l374 .checkbox__indeterminateLine_1l374 {
+.checkbox__inactive_tv8ap .checkbox__indeterminateLine_tv8ap {
     background-color: var(--checkbox-checked-inactive-color);
 }
-.checkbox__indeterminateLine_1l374 {
+.checkbox__indeterminateLine_tv8ap {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--color-light-graphic-primary-inverted);
 }
-.checkbox__component_1l374 input {
+.checkbox__component_tv8ap input {
     position: absolute;
     z-index: -1;
     opacity: 0;

package/checkbox-group/Component.js

@@ -35,7 +35,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"checkbox-group__component_14kmn","error":"checkbox-group__error_14kmn","checkboxList":"checkbox-group__checkboxList_14kmn","vertical":"checkbox-group__vertical_14kmn","checkbox":"checkbox-group__checkbox_14kmn","horizontal":"checkbox-group__horizontal_14kmn","tag":"checkbox-group__tag_14kmn","tagLabel":"checkbox-group__tagLabel_14kmn","label":"checkbox-group__label_14kmn","sub":"checkbox-group__sub_14kmn","errorMessage":"checkbox-group__errorMessage_14kmn","hint":"checkbox-group__hint_14kmn","hiddenInput":"checkbox-group__hiddenInput_14kmn"};
+var styles = {"component":"checkbox-group__component_7837a","error":"checkbox-group__error_7837a","checkboxList":"checkbox-group__checkboxList_7837a","vertical":"checkbox-group__vertical_7837a","checkbox":"checkbox-group__checkbox_7837a","horizontal":"checkbox-group__horizontal_7837a","tag":"checkbox-group__tag_7837a","tagLabel":"checkbox-group__tagLabel_7837a","label":"checkbox-group__label_7837a","sub":"checkbox-group__sub_7837a","errorMessage":"checkbox-group__errorMessage_7837a","hint":"checkbox-group__hint_7837a","hiddenInput":"checkbox-group__hiddenInput_7837a"};
 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_14kmn","error":"checkbox-group__error_14kmn","checkboxList":"checkbox-group__checkboxList_14kmn","vertical":"checkbox-group__vertical_14kmn","checkbox":"checkbox-group__checkbox_14kmn","horizontal":"checkbox-group__horizontal_14kmn","tag":"checkbox-group__tag_14kmn","tagLabel":"checkbox-group__tagLabel_14kmn","label":"checkbox-group__label_14kmn","sub":"checkbox-group__sub_14kmn","errorMessage":"checkbox-group__errorMessage_14kmn","hint":"checkbox-group__hint_14kmn","hiddenInput":"checkbox-group__hiddenInput_14kmn"};
+var styles = {"component":"checkbox-group__component_7837a","error":"checkbox-group__error_7837a","checkboxList":"checkbox-group__checkboxList_7837a","vertical":"checkbox-group__vertical_7837a","checkbox":"checkbox-group__checkbox_7837a","horizontal":"checkbox-group__horizontal_7837a","tag":"checkbox-group__tag_7837a","tagLabel":"checkbox-group__tagLabel_7837a","label":"checkbox-group__label_7837a","sub":"checkbox-group__sub_7837a","errorMessage":"checkbox-group__errorMessage_7837a","hint":"checkbox-group__hint_7837a","hiddenInput":"checkbox-group__hiddenInput_7837a"};
 require('./index.css');
 
 var CheckboxGroup = function (_a) {