@alfalab/core-components 41.17.0 → 41.18.0

package/checkbox/esm/index.css

@@ -74,21 +74,21 @@
     /* icon */
     --checkbox-icon-color: var(--color-static-graphic-light);
     --checkbox-icon-indeterminate-color: var(--color-static-graphic-light);
-} .checkbox__component_efsfm {
+} .checkbox__component_1u66f {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
-} .checkbox__start_efsfm {
+} .checkbox__start_1u66f {
     align-items: flex-start;
-} .checkbox__center_efsfm {
+} .checkbox__center_1u66f {
     align-items: center;
-} .checkbox__addons_efsfm {
+} .checkbox__addons_1u66f {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .checkbox__block_efsfm {
+} .checkbox__block_1u66f {
     width: 100%;
-} .checkbox__box_efsfm {
+} .checkbox__box_1u66f {
     position: relative;
     display: flex;
     justify-content: center;
@@ -104,107 +104,107 @@
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
     overflow: hidden;
-} .checkbox__checkedIcon_efsfm {
+} .checkbox__checkedIcon_1u66f {
     position: absolute;
     color: var(--checkbox-icon-color);
-} .checkbox__s_efsfm .checkbox__box_efsfm {
+} .checkbox__s_1u66f .checkbox__box_1u66f {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .checkbox__component_efsfm:hover:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__component_1u66f:hover:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
-} .checkbox__component_efsfm:active:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__component_1u66f:active:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
-} .checkbox__checked_efsfm .checkbox__box_efsfm {
+} .checkbox__checked_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__checked_efsfm:hover:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__checked_1u66f:hover:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__checked_efsfm:active:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__checked_1u66f:active:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__indeterminate_efsfm .checkbox__box_efsfm {
+} .checkbox__indeterminate_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__indeterminate_efsfm:hover:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__indeterminate_1u66f:hover:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__indeterminate_efsfm:active:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__indeterminate_1u66f:active:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__disabled_efsfm,
-.checkbox__inactive_efsfm {
+} .checkbox__disabled_1u66f,
+.checkbox__inactive_1u66f {
     cursor: var(--disabled-cursor);
-} .checkbox__disabled_efsfm .checkbox__box_efsfm {
+} .checkbox__disabled_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
-} .checkbox__disabled_efsfm.checkbox__checked_efsfm .checkbox__box_efsfm {
+} .checkbox__disabled_1u66f.checkbox__checked_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__disabled_efsfm.checkbox__indeterminate_efsfm .checkbox__box_efsfm {
+} .checkbox__disabled_1u66f.checkbox__indeterminate_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__disabled_efsfm .checkbox__label_efsfm {
+} .checkbox__disabled_1u66f .checkbox__label_1u66f {
     color: var(--checkbox-disabled-color);
-} .checkbox__disabled_efsfm .checkbox__hint_efsfm {
+} .checkbox__disabled_1u66f .checkbox__hint_1u66f {
     color: var(--checkbox-disabled-color);
-} .checkbox__inactive_efsfm .checkbox__box_efsfm {
+} .checkbox__inactive_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-inactive-border-color);
-} .checkbox__inactive_efsfm.checkbox__checked_efsfm .checkbox__box_efsfm {
+} .checkbox__inactive_1u66f.checkbox__checked_1u66f .checkbox__box_1u66f {
     color: var(--checkbox-checked-inactive-color);
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__inactive_efsfm.checkbox__indeterminate_efsfm .checkbox__box_efsfm {
+} .checkbox__inactive_1u66f.checkbox__indeterminate_1u66f .checkbox__box_1u66f {
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__focused_efsfm .checkbox__box_efsfm {
+} .checkbox__focused_1u66f .checkbox__box_1u66f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .checkbox__content_efsfm {
+} .checkbox__content_1u66f {
     flex-grow: 1;
     margin-left: var(--gap-s);
-} .checkbox__s_efsfm .checkbox__content_efsfm {
+} .checkbox__s_1u66f .checkbox__content_1u66f {
     margin-left: var(--gap-xs);
-} .checkbox__label_efsfm {
+} .checkbox__label_1u66f {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
-} .checkbox__label_efsfm:not(:only-child) {
+} .checkbox__label_1u66f:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .checkbox__errorMessage_efsfm {
+} .checkbox__errorMessage_1u66f {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--checkbox-error-color);
-} .checkbox__hint_efsfm {
+} .checkbox__hint_1u66f {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
-} .checkbox__inactive_efsfm .checkbox__indeterminateLine_efsfm {
+} .checkbox__inactive_1u66f .checkbox__indeterminateLine_1u66f {
     background-color: var(--checkbox-checked-inactive-color);
-} .checkbox__indeterminateLine_efsfm {
+} .checkbox__indeterminateLine_1u66f {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--checkbox-icon-indeterminate-color);
-} .checkbox__component_efsfm input {
+} .checkbox__component_1u66f input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .checkbox__checkedIcon_efsfm {
+    .checkbox__checkedIcon_1u66f {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 
-    .checkbox__indeterminateLine_efsfm {
+    .checkbox__indeterminateLine_1u66f {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);

package/checkbox/index.css

@@ -74,21 +74,21 @@
     /* icon */
     --checkbox-icon-color: var(--color-static-graphic-light);
     --checkbox-icon-indeterminate-color: var(--color-static-graphic-light);
-} .checkbox__component_efsfm {
+} .checkbox__component_1u66f {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
-} .checkbox__start_efsfm {
+} .checkbox__start_1u66f {
     align-items: flex-start;
-} .checkbox__center_efsfm {
+} .checkbox__center_1u66f {
     align-items: center;
-} .checkbox__addons_efsfm {
+} .checkbox__addons_1u66f {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .checkbox__block_efsfm {
+} .checkbox__block_1u66f {
     width: 100%;
-} .checkbox__box_efsfm {
+} .checkbox__box_1u66f {
     position: relative;
     display: flex;
     justify-content: center;
@@ -104,107 +104,107 @@
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
     overflow: hidden;
-} .checkbox__checkedIcon_efsfm {
+} .checkbox__checkedIcon_1u66f {
     position: absolute;
     color: var(--checkbox-icon-color);
-} .checkbox__s_efsfm .checkbox__box_efsfm {
+} .checkbox__s_1u66f .checkbox__box_1u66f {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .checkbox__component_efsfm:hover:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__component_1u66f:hover:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
-} .checkbox__component_efsfm:active:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__component_1u66f:active:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
-} .checkbox__checked_efsfm .checkbox__box_efsfm {
+} .checkbox__checked_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__checked_efsfm:hover:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__checked_1u66f:hover:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__checked_efsfm:active:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__checked_1u66f:active:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__indeterminate_efsfm .checkbox__box_efsfm {
+} .checkbox__indeterminate_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__indeterminate_efsfm:hover:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__indeterminate_1u66f:hover:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__indeterminate_efsfm:active:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__indeterminate_1u66f:active:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__disabled_efsfm,
-.checkbox__inactive_efsfm {
+} .checkbox__disabled_1u66f,
+.checkbox__inactive_1u66f {
     cursor: var(--disabled-cursor);
-} .checkbox__disabled_efsfm .checkbox__box_efsfm {
+} .checkbox__disabled_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
-} .checkbox__disabled_efsfm.checkbox__checked_efsfm .checkbox__box_efsfm {
+} .checkbox__disabled_1u66f.checkbox__checked_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__disabled_efsfm.checkbox__indeterminate_efsfm .checkbox__box_efsfm {
+} .checkbox__disabled_1u66f.checkbox__indeterminate_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__disabled_efsfm .checkbox__label_efsfm {
+} .checkbox__disabled_1u66f .checkbox__label_1u66f {
     color: var(--checkbox-disabled-color);
-} .checkbox__disabled_efsfm .checkbox__hint_efsfm {
+} .checkbox__disabled_1u66f .checkbox__hint_1u66f {
     color: var(--checkbox-disabled-color);
-} .checkbox__inactive_efsfm .checkbox__box_efsfm {
+} .checkbox__inactive_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-inactive-border-color);
-} .checkbox__inactive_efsfm.checkbox__checked_efsfm .checkbox__box_efsfm {
+} .checkbox__inactive_1u66f.checkbox__checked_1u66f .checkbox__box_1u66f {
     color: var(--checkbox-checked-inactive-color);
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__inactive_efsfm.checkbox__indeterminate_efsfm .checkbox__box_efsfm {
+} .checkbox__inactive_1u66f.checkbox__indeterminate_1u66f .checkbox__box_1u66f {
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__focused_efsfm .checkbox__box_efsfm {
+} .checkbox__focused_1u66f .checkbox__box_1u66f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .checkbox__content_efsfm {
+} .checkbox__content_1u66f {
     flex-grow: 1;
     margin-left: var(--gap-s);
-} .checkbox__s_efsfm .checkbox__content_efsfm {
+} .checkbox__s_1u66f .checkbox__content_1u66f {
     margin-left: var(--gap-xs);
-} .checkbox__label_efsfm {
+} .checkbox__label_1u66f {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
-} .checkbox__label_efsfm:not(:only-child) {
+} .checkbox__label_1u66f:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .checkbox__errorMessage_efsfm {
+} .checkbox__errorMessage_1u66f {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--checkbox-error-color);
-} .checkbox__hint_efsfm {
+} .checkbox__hint_1u66f {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
-} .checkbox__inactive_efsfm .checkbox__indeterminateLine_efsfm {
+} .checkbox__inactive_1u66f .checkbox__indeterminateLine_1u66f {
     background-color: var(--checkbox-checked-inactive-color);
-} .checkbox__indeterminateLine_efsfm {
+} .checkbox__indeterminateLine_1u66f {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--checkbox-icon-indeterminate-color);
-} .checkbox__component_efsfm input {
+} .checkbox__component_1u66f input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .checkbox__checkedIcon_efsfm {
+    .checkbox__checkedIcon_1u66f {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 
-    .checkbox__indeterminateLine_efsfm {
+    .checkbox__indeterminateLine_1u66f {
         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_efsfm","start":"checkbox__start_efsfm","center":"checkbox__center_efsfm","addons":"checkbox__addons_efsfm","block":"checkbox__block_efsfm","box":"checkbox__box_efsfm","checkedIcon":"checkbox__checkedIcon_efsfm","s":"checkbox__s_efsfm","disabled":"checkbox__disabled_efsfm","inactive":"checkbox__inactive_efsfm","checked":"checkbox__checked_efsfm","indeterminate":"checkbox__indeterminate_efsfm","label":"checkbox__label_efsfm","hint":"checkbox__hint_efsfm","focused":"checkbox__focused_efsfm","content":"checkbox__content_efsfm","errorMessage":"checkbox__errorMessage_efsfm","indeterminateLine":"checkbox__indeterminateLine_efsfm"};
+const styles = {"component":"checkbox__component_1u66f","start":"checkbox__start_1u66f","center":"checkbox__center_1u66f","addons":"checkbox__addons_1u66f","block":"checkbox__block_1u66f","box":"checkbox__box_1u66f","checkedIcon":"checkbox__checkedIcon_1u66f","s":"checkbox__s_1u66f","disabled":"checkbox__disabled_1u66f","inactive":"checkbox__inactive_1u66f","checked":"checkbox__checked_1u66f","indeterminate":"checkbox__indeterminate_1u66f","label":"checkbox__label_1u66f","hint":"checkbox__hint_1u66f","focused":"checkbox__focused_1u66f","content":"checkbox__content_1u66f","errorMessage":"checkbox__errorMessage_1u66f","indeterminateLine":"checkbox__indeterminateLine_1u66f"};
 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, hiddenInput = false, error, ...restProps }, ref) => {

package/checkbox/modern/index.css

@@ -74,21 +74,21 @@
     /* icon */
     --checkbox-icon-color: var(--color-static-graphic-light);
     --checkbox-icon-indeterminate-color: var(--color-static-graphic-light);
-} .checkbox__component_efsfm {
+} .checkbox__component_1u66f {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
-} .checkbox__start_efsfm {
+} .checkbox__start_1u66f {
     align-items: flex-start;
-} .checkbox__center_efsfm {
+} .checkbox__center_1u66f {
     align-items: center;
-} .checkbox__addons_efsfm {
+} .checkbox__addons_1u66f {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .checkbox__block_efsfm {
+} .checkbox__block_1u66f {
     width: 100%;
-} .checkbox__box_efsfm {
+} .checkbox__box_1u66f {
     position: relative;
     display: flex;
     justify-content: center;
@@ -104,107 +104,107 @@
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
     overflow: hidden;
-} .checkbox__checkedIcon_efsfm {
+} .checkbox__checkedIcon_1u66f {
     position: absolute;
     color: var(--checkbox-icon-color);
-} .checkbox__s_efsfm .checkbox__box_efsfm {
+} .checkbox__s_1u66f .checkbox__box_1u66f {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .checkbox__component_efsfm:hover:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__component_1u66f:hover:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-hover-bg-color);
     border-color: var(--checkbox-hover-border-color);
-} .checkbox__component_efsfm:active:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__component_1u66f:active:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
-} .checkbox__checked_efsfm .checkbox__box_efsfm {
+} .checkbox__checked_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__checked_efsfm:hover:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__checked_1u66f:hover:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__checked_efsfm:active:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__checked_1u66f:active:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__indeterminate_efsfm .checkbox__box_efsfm {
+} .checkbox__indeterminate_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__indeterminate_efsfm:hover:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__indeterminate_1u66f:hover:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__indeterminate_efsfm:active:not(.checkbox__disabled_efsfm):not(.checkbox__inactive_efsfm) .checkbox__box_efsfm {
+} .checkbox__indeterminate_1u66f:active:not(.checkbox__disabled_1u66f):not(.checkbox__inactive_1u66f) .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__disabled_efsfm,
-.checkbox__inactive_efsfm {
+} .checkbox__disabled_1u66f,
+.checkbox__inactive_1u66f {
     cursor: var(--disabled-cursor);
-} .checkbox__disabled_efsfm .checkbox__box_efsfm {
+} .checkbox__disabled_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
-} .checkbox__disabled_efsfm.checkbox__checked_efsfm .checkbox__box_efsfm {
+} .checkbox__disabled_1u66f.checkbox__checked_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__disabled_efsfm.checkbox__indeterminate_efsfm .checkbox__box_efsfm {
+} .checkbox__disabled_1u66f.checkbox__indeterminate_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__disabled_efsfm .checkbox__label_efsfm {
+} .checkbox__disabled_1u66f .checkbox__label_1u66f {
     color: var(--checkbox-disabled-color);
-} .checkbox__disabled_efsfm .checkbox__hint_efsfm {
+} .checkbox__disabled_1u66f .checkbox__hint_1u66f {
     color: var(--checkbox-disabled-color);
-} .checkbox__inactive_efsfm .checkbox__box_efsfm {
+} .checkbox__inactive_1u66f .checkbox__box_1u66f {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-inactive-border-color);
-} .checkbox__inactive_efsfm.checkbox__checked_efsfm .checkbox__box_efsfm {
+} .checkbox__inactive_1u66f.checkbox__checked_1u66f .checkbox__box_1u66f {
     color: var(--checkbox-checked-inactive-color);
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__inactive_efsfm.checkbox__indeterminate_efsfm .checkbox__box_efsfm {
+} .checkbox__inactive_1u66f.checkbox__indeterminate_1u66f .checkbox__box_1u66f {
     border-color: var(--checkbox-checked-disabled-border-color);
-} .checkbox__focused_efsfm .checkbox__box_efsfm {
+} .checkbox__focused_1u66f .checkbox__box_1u66f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .checkbox__content_efsfm {
+} .checkbox__content_1u66f {
     flex-grow: 1;
     margin-left: var(--gap-s);
-} .checkbox__s_efsfm .checkbox__content_efsfm {
+} .checkbox__s_1u66f .checkbox__content_1u66f {
     margin-left: var(--gap-xs);
-} .checkbox__label_efsfm {
+} .checkbox__label_1u66f {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-label-color);
-} .checkbox__label_efsfm:not(:only-child) {
+} .checkbox__label_1u66f:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .checkbox__errorMessage_efsfm {
+} .checkbox__errorMessage_1u66f {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--checkbox-error-color);
-} .checkbox__hint_efsfm {
+} .checkbox__hint_1u66f {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-hint-color);
-} .checkbox__inactive_efsfm .checkbox__indeterminateLine_efsfm {
+} .checkbox__inactive_1u66f .checkbox__indeterminateLine_1u66f {
     background-color: var(--checkbox-checked-inactive-color);
-} .checkbox__indeterminateLine_efsfm {
+} .checkbox__indeterminateLine_1u66f {
     position: absolute;
     width: 10px;
     height: 2px;
     background-color: var(--checkbox-icon-indeterminate-color);
-} .checkbox__component_efsfm input {
+} .checkbox__component_1u66f input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .checkbox__checkedIcon_efsfm {
+    .checkbox__checkedIcon_1u66f {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 
-    .checkbox__indeterminateLine_efsfm {
+    .checkbox__indeterminateLine_1u66f {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);

package/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 styles = {"component":"checkbox-group__component_14r64","error":"checkbox-group__error_14r64","checkboxList":"checkbox-group__checkboxList_14r64","vertical":"checkbox-group__vertical_14r64","checkbox":"checkbox-group__checkbox_14r64","horizontal":"checkbox-group__horizontal_14r64","tagLabel":"checkbox-group__tagLabel_14r64","label":"checkbox-group__label_14r64","sub":"checkbox-group__sub_14r64","errorMessage":"checkbox-group__errorMessage_14r64","hint":"checkbox-group__hint_14r64","hiddenInput":"checkbox-group__hiddenInput_14r64"};
+var styles = {"component":"checkbox-group__component_118i2","error":"checkbox-group__error_118i2","checkboxList":"checkbox-group__checkboxList_118i2","vertical":"checkbox-group__vertical_118i2","checkbox":"checkbox-group__checkbox_118i2","horizontal":"checkbox-group__horizontal_118i2","tagLabel":"checkbox-group__tagLabel_118i2","label":"checkbox-group__label_118i2","sub":"checkbox-group__sub_118i2","errorMessage":"checkbox-group__errorMessage_118i2","hint":"checkbox-group__hint_118i2","hiddenInput":"checkbox-group__hiddenInput_118i2"};
 require('./index.css');
 
 var CheckboxGroup = function (_a) {

package/checkbox-group/esm/Component.js

@@ -2,7 +2,7 @@ import { __assign } from 'tslib';
 import React, { Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"checkbox-group__component_14r64","error":"checkbox-group__error_14r64","checkboxList":"checkbox-group__checkboxList_14r64","vertical":"checkbox-group__vertical_14r64","checkbox":"checkbox-group__checkbox_14r64","horizontal":"checkbox-group__horizontal_14r64","tagLabel":"checkbox-group__tagLabel_14r64","label":"checkbox-group__label_14r64","sub":"checkbox-group__sub_14r64","errorMessage":"checkbox-group__errorMessage_14r64","hint":"checkbox-group__hint_14r64","hiddenInput":"checkbox-group__hiddenInput_14r64"};
+var styles = {"component":"checkbox-group__component_118i2","error":"checkbox-group__error_118i2","checkboxList":"checkbox-group__checkboxList_118i2","vertical":"checkbox-group__vertical_118i2","checkbox":"checkbox-group__checkbox_118i2","horizontal":"checkbox-group__horizontal_118i2","tagLabel":"checkbox-group__tagLabel_118i2","label":"checkbox-group__label_118i2","sub":"checkbox-group__sub_118i2","errorMessage":"checkbox-group__errorMessage_118i2","hint":"checkbox-group__hint_118i2","hiddenInput":"checkbox-group__hiddenInput_118i2"};
 require('./index.css');
 
 var CheckboxGroup = function (_a) {

package/checkbox-group/esm/index.css

@@ -28,54 +28,54 @@
     --checkbox-group-label-color: var(--color-light-text-primary);
     --checkbox-group-error-padding-left: var(--gap-xs);
     --checkbox-group-error-border-left: 1px solid var(--color-light-text-negative);
-} .checkbox-group__component_14r64 {
+} .checkbox-group__component_118i2 {
     display: flex;
     flex-direction: column;
-} .checkbox-group__error_14r64 {
+} .checkbox-group__error_118i2 {
     padding-left: var(--checkbox-group-error-padding-left);
     border-left: var(--checkbox-group-error-border-left);
-} .checkbox-group__checkboxList_14r64 {
+} .checkbox-group__checkboxList_118i2 {
     display: flex;
-} .checkbox-group__vertical_14r64 .checkbox-group__checkboxList_14r64 {
+} .checkbox-group__vertical_118i2 .checkbox-group__checkboxList_118i2 {
     flex-direction: column;
     align-items: flex-start;
-} .checkbox-group__vertical_14r64 .checkbox-group__checkbox_14r64 {
+} .checkbox-group__vertical_118i2 .checkbox-group__checkbox_118i2 {
     margin-bottom: var(--gap-m)
-} .checkbox-group__vertical_14r64 .checkbox-group__checkbox_14r64:last-child {
+} .checkbox-group__vertical_118i2 .checkbox-group__checkbox_118i2:last-child {
         margin-bottom: 0;
-    } .checkbox-group__horizontal_14r64 .checkbox-group__checkboxList_14r64 {
+    } .checkbox-group__horizontal_118i2 .checkbox-group__checkboxList_118i2 {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .checkbox-group__horizontal_14r64 .checkbox-group__checkbox_14r64 {
+} .checkbox-group__horizontal_118i2 .checkbox-group__checkbox_118i2 {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .checkbox-group__horizontal_14r64 .checkbox-group__tagLabel_14r64 {
+} .checkbox-group__horizontal_118i2 .checkbox-group__tagLabel_118i2 {
     margin-right: var(--gap-xs);
-} .checkbox-group__horizontal_14r64 .checkbox-group__checkbox_14r64:last-child,
-.checkbox-group__horizontal_14r64 .checkbox-group__tagLabel_14r64:last-child {
+} .checkbox-group__horizontal_118i2 .checkbox-group__checkbox_118i2:last-child,
+.checkbox-group__horizontal_118i2 .checkbox-group__tagLabel_118i2:last-child {
     margin-right: 0;
-} .checkbox-group__label_14r64 {
+} .checkbox-group__label_118i2 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--checkbox-group-label-color);
-} .checkbox-group__sub_14r64 {
+} .checkbox-group__sub_118i2 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .checkbox-group__errorMessage_14r64 {
+} .checkbox-group__errorMessage_118i2 {
     color: var(--checkbox-group-error-color);
-} .checkbox-group__hint_14r64 {
+} .checkbox-group__hint_118i2 {
     color: var(--checkbox-group-hint-color);
-} .checkbox-group__hiddenInput_14r64 {
+} .checkbox-group__hiddenInput_118i2 {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
-} .checkbox-group__tagLabel_14r64 {
+} .checkbox-group__tagLabel_118i2 {
     position: relative;
     max-width: 100%;
 }