@alfalab/core-components 48.32.0 → 48.33.1

package/checkbox/modern/styles/default.css

@@ -67,61 +67,61 @@
     --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__box_10k79 {
+} .checkbox__box_1w06l {
     color: var(--color-light-neutral-translucent-1300-inverted);
     background-color: var(--checkbox-bg-color);
     border: 1.5px solid var(--checkbox-border-color);
-} .checkbox__checkedIcon_10k79 {
+} .checkbox__checkedIcon_1w06l {
     color: var(--checkbox-icon-color);
 } @media (hover: hover) {
-    .checkbox__component_10k79:hover:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+    .checkbox__component_1w06l:hover:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
         background-color: var(--checkbox-hover-bg-color);
         border-color: var(--checkbox-hover-border-color);
     }
-} .checkbox__component_10k79:active:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__component_1w06l:active:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
-} .checkbox__checked_10k79 .checkbox__box_10k79 {
+} .checkbox__checked_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__checked_10k79:hover:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__checked_1w06l:hover:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__checked_10k79:active:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__checked_1w06l:active:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__indeterminate_10k79 .checkbox__box_10k79 {
+} .checkbox__indeterminate_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__indeterminate_10k79:hover:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__indeterminate_1w06l:hover:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__indeterminate_10k79:active:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__indeterminate_1w06l:active:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__disabled_10k79 .checkbox__box_10k79 {
+} .checkbox__disabled_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
-} .checkbox__disabled_10k79.checkbox__checked_10k79 .checkbox__box_10k79 {
+} .checkbox__disabled_1w06l.checkbox__checked_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 
-    .checkbox__checkedIcon_10k79 {
+    .checkbox__checkedIcon_1w06l {
         color: var(--checkbox-icon-disabled-color);
     }
-} .checkbox__disabled_10k79.checkbox__indeterminate_10k79 .checkbox__box_10k79 {
+} .checkbox__disabled_1w06l.checkbox__indeterminate_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color)
-} .checkbox__disabled_10k79.checkbox__indeterminate_10k79 .checkbox__box_10k79 .checkbox__indeterminateLine_10k79 {
+} .checkbox__disabled_1w06l.checkbox__indeterminate_1w06l .checkbox__box_1w06l .checkbox__indeterminateLine_1w06l {
         background-color: var(--checkbox-icon-disabled-color);
-    } .checkbox__disabled_10k79 .checkbox__label_10k79 {
+    } .checkbox__disabled_1w06l .checkbox__label_1w06l {
     color: var(--checkbox-disabled-color);
-} .checkbox__disabled_10k79 .checkbox__hint_10k79 {
+} .checkbox__disabled_1w06l .checkbox__hint_1w06l {
     color: var(--checkbox-disabled-color);
-} .checkbox__label_10k79 {
+} .checkbox__label_1w06l {
     color: var(--checkbox-label-color);
-} .checkbox__hint_10k79 {
+} .checkbox__hint_1w06l {
     color: var(--checkbox-hint-color);
-} .checkbox__indeterminateLine_10k79 {
+} .checkbox__indeterminateLine_1w06l {
     background-color: var(--checkbox-icon-indeterminate-color);
 }

package/checkbox/modern/styles/index.css

@@ -39,21 +39,21 @@
     --disabled-cursor: not-allowed;
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --checkbox-error-color: var(--color-light-text-negative);
-} .checkbox__component_1a83o {
+} .checkbox__component_1mviv {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
-} .checkbox__start_1a83o {
+} .checkbox__start_1mviv {
     align-items: flex-start;
-} .checkbox__center_1a83o {
+} .checkbox__center_1mviv {
     align-items: center;
-} .checkbox__addons_1a83o {
+} .checkbox__addons_1mviv {
     margin-left: auto;
     padding-left: var(--gap-16);
     line-height: 24px;
-} .checkbox__block_1a83o {
+} .checkbox__block_1mviv {
     width: 100%;
-} .checkbox__box_1a83o {
+} .checkbox__box_1mviv {
     position: relative;
     display: flex;
     justify-content: center;
@@ -66,48 +66,48 @@
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
     overflow: hidden;
-} .checkbox__checkedIcon_1a83o {
+} .checkbox__checkedIcon_1mviv {
     position: absolute;
-} .checkbox__size-20_1a83o .checkbox__box_1a83o {
+} .checkbox__size-20_1mviv .checkbox__box_1mviv {
     width: 16px;
     height: 16px;
-} .checkbox__disabled_1a83o {
+} .checkbox__disabled_1mviv {
     cursor: var(--disabled-cursor);
-} .checkbox__focused_1a83o .checkbox__box_1a83o {
+} .checkbox__focused_1mviv .checkbox__box_1mviv {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .checkbox__content_1a83o {
+} .checkbox__content_1mviv {
     flex-grow: 1;
     margin-left: var(--gap-12);
-} .checkbox__size-20_1a83o .checkbox__content_1a83o {
+} .checkbox__size-20_1mviv .checkbox__content_1mviv {
     margin-left: var(--gap-8)
-} .checkbox__size-20_1a83o .checkbox__content_1a83o .checkbox__label_1a83o {
+} .checkbox__size-20_1mviv .checkbox__content_1mviv .checkbox__label_1mviv {
         font-size: 16px;
         line-height: 20px;
         font-weight: 400;
-    } .checkbox__label_1a83o {
+    } .checkbox__label_1mviv {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
-} .checkbox__label_1a83o:not(:only-child) {
+} .checkbox__label_1mviv:not(:only-child) {
     margin-bottom: var(--gap-4);
-} .checkbox__errorMessage_1a83o {
+} .checkbox__errorMessage_1mviv {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-error-color);
-} .checkbox__hint_1a83o {
+} .checkbox__hint_1mviv {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
-} .checkbox__indeterminateLine_1a83o {
+} .checkbox__indeterminateLine_1mviv {
     position: absolute;
     width: 10px;
     height: 2px;
-} .checkbox__component_1a83o input {
+} .checkbox__component_1mviv input {
     position: absolute;
     z-index: -1;
     opacity: 0;

package/checkbox/modern/styles/inverted.css

@@ -68,61 +68,61 @@
     --checkbox-icon-color-inverted: var(--color-light-neutral-translucent-1300);
     --checkbox-icon-indeterminate-color-inverted: var(--color-light-neutral-translucent-1300);
     --checkbox-icon-disabled-color-inverted: var(--color-light-neutral-translucent-500-inverted);
-} .checkbox__box_1szmg {
+} .checkbox__box_pehr2 {
     color: var(--color-light-neutral-translucent-1300);
     background-color: var(--checkbox-bg-color-inverted);
     border: 1.5px solid var(--checkbox-border-color-inverted);
-} .checkbox__checkedIcon_1szmg {
+} .checkbox__checkedIcon_pehr2 {
     color: var(--checkbox-icon-color-inverted);
 } @media (hover: hover) {
-    .checkbox__component_1szmg:hover:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+    .checkbox__component_pehr2:hover:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
         background-color: var(--checkbox-hover-bg-color-inverted);
         border-color: var(--checkbox-hover-border-color-inverted);
     }
-} .checkbox__component_1szmg:active:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__component_pehr2:active:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-active-bg-color-inverted);
     border-color: var(--checkbox-active-border-color-inverted);
-} .checkbox__checked_1szmg .checkbox__box_1szmg {
+} .checkbox__checked_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-bg-color-inverted);
     border-color: var(--checkbox-checked-border-color-inverted);
-} .checkbox__checked_1szmg:hover:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__checked_pehr2:hover:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-hover-bg-color-inverted);
     border-color: var(--checkbox-checked-hover-border-color-inverted);
-} .checkbox__checked_1szmg:active:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__checked_pehr2:active:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-active-bg-color-inverted);
     border-color: var(--checkbox-checked-active-border-color-inverted);
-} .checkbox__indeterminate_1szmg .checkbox__box_1szmg {
+} .checkbox__indeterminate_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-bg-color-inverted);
     border-color: var(--checkbox-checked-border-color-inverted);
-} .checkbox__indeterminate_1szmg:hover:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__indeterminate_pehr2:hover:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-hover-bg-color-inverted);
     border-color: var(--checkbox-checked-hover-border-color-inverted);
-} .checkbox__indeterminate_1szmg:active:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__indeterminate_pehr2:active:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-active-bg-color-inverted);
     border-color: var(--checkbox-checked-active-border-color-inverted);
-} .checkbox__disabled_1szmg .checkbox__box_1szmg {
+} .checkbox__disabled_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-disabled-bg-color-inverted);
     border-color: var(--checkbox-disabled-border-color-inverted);
-} .checkbox__disabled_1szmg.checkbox__checked_1szmg .checkbox__box_1szmg {
+} .checkbox__disabled_pehr2.checkbox__checked_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-disabled-bg-color-inverted);
     border-color: var(--checkbox-checked-disabled-border-color-inverted);
 
-    .checkbox__checkedIcon_1szmg {
+    .checkbox__checkedIcon_pehr2 {
         color: var(--checkbox-icon-disabled-color-inverted);
     }
-} .checkbox__disabled_1szmg.checkbox__indeterminate_1szmg .checkbox__box_1szmg {
+} .checkbox__disabled_pehr2.checkbox__indeterminate_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-disabled-bg-color-inverted);
     border-color: var(--checkbox-checked-disabled-border-color-inverted)
-} .checkbox__disabled_1szmg.checkbox__indeterminate_1szmg .checkbox__box_1szmg .checkbox__indeterminateLine_1szmg {
+} .checkbox__disabled_pehr2.checkbox__indeterminate_pehr2 .checkbox__box_pehr2 .checkbox__indeterminateLine_pehr2 {
         background-color: var(--checkbox-icon-disabled-color-inverted);
-    } .checkbox__disabled_1szmg .checkbox__label_1szmg {
+    } .checkbox__disabled_pehr2 .checkbox__label_pehr2 {
     color: var(--checkbox-disabled-color-inverted);
-} .checkbox__disabled_1szmg .checkbox__hint_1szmg {
+} .checkbox__disabled_pehr2 .checkbox__hint_pehr2 {
     color: var(--checkbox-disabled-color-inverted);
-} .checkbox__label_1szmg {
+} .checkbox__label_pehr2 {
     color: var(--checkbox-label-color-inverted);
-} .checkbox__hint_1szmg {
+} .checkbox__hint_pehr2 {
     color: var(--checkbox-hint-color-inverted);
-} .checkbox__indeterminateLine_1szmg {
+} .checkbox__indeterminateLine_pehr2 {
     background-color: var(--checkbox-icon-indeterminate-color-inverted);
 }

package/checkbox/styles/default.css

@@ -67,61 +67,61 @@
     --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__box_10k79 {
+} .checkbox__box_1w06l {
     color: var(--color-light-neutral-translucent-1300-inverted);
     background-color: var(--checkbox-bg-color);
     border: 1.5px solid var(--checkbox-border-color);
-} .checkbox__checkedIcon_10k79 {
+} .checkbox__checkedIcon_1w06l {
     color: var(--checkbox-icon-color);
 } @media (hover: hover) {
-    .checkbox__component_10k79:hover:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+    .checkbox__component_1w06l:hover:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
         background-color: var(--checkbox-hover-bg-color);
         border-color: var(--checkbox-hover-border-color);
     }
-} .checkbox__component_10k79:active:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__component_1w06l:active:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-active-bg-color);
     border-color: var(--checkbox-active-border-color);
-} .checkbox__checked_10k79 .checkbox__box_10k79 {
+} .checkbox__checked_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__checked_10k79:hover:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__checked_1w06l:hover:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__checked_10k79:active:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__checked_1w06l:active:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__indeterminate_10k79 .checkbox__box_10k79 {
+} .checkbox__indeterminate_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-bg-color);
     border-color: var(--checkbox-checked-border-color);
-} .checkbox__indeterminate_10k79:hover:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__indeterminate_1w06l:hover:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-hover-bg-color);
     border-color: var(--checkbox-checked-hover-border-color);
-} .checkbox__indeterminate_10k79:active:not(.checkbox__disabled_10k79) .checkbox__box_10k79 {
+} .checkbox__indeterminate_1w06l:active:not(.checkbox__disabled_1w06l) .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-active-bg-color);
     border-color: var(--checkbox-checked-active-border-color);
-} .checkbox__disabled_10k79 .checkbox__box_10k79 {
+} .checkbox__disabled_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-disabled-bg-color);
     border-color: var(--checkbox-disabled-border-color);
-} .checkbox__disabled_10k79.checkbox__checked_10k79 .checkbox__box_10k79 {
+} .checkbox__disabled_1w06l.checkbox__checked_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color);
 
-    .checkbox__checkedIcon_10k79 {
+    .checkbox__checkedIcon_1w06l {
         color: var(--checkbox-icon-disabled-color);
     }
-} .checkbox__disabled_10k79.checkbox__indeterminate_10k79 .checkbox__box_10k79 {
+} .checkbox__disabled_1w06l.checkbox__indeterminate_1w06l .checkbox__box_1w06l {
     background-color: var(--checkbox-checked-disabled-bg-color);
     border-color: var(--checkbox-checked-disabled-border-color)
-} .checkbox__disabled_10k79.checkbox__indeterminate_10k79 .checkbox__box_10k79 .checkbox__indeterminateLine_10k79 {
+} .checkbox__disabled_1w06l.checkbox__indeterminate_1w06l .checkbox__box_1w06l .checkbox__indeterminateLine_1w06l {
         background-color: var(--checkbox-icon-disabled-color);
-    } .checkbox__disabled_10k79 .checkbox__label_10k79 {
+    } .checkbox__disabled_1w06l .checkbox__label_1w06l {
     color: var(--checkbox-disabled-color);
-} .checkbox__disabled_10k79 .checkbox__hint_10k79 {
+} .checkbox__disabled_1w06l .checkbox__hint_1w06l {
     color: var(--checkbox-disabled-color);
-} .checkbox__label_10k79 {
+} .checkbox__label_1w06l {
     color: var(--checkbox-label-color);
-} .checkbox__hint_10k79 {
+} .checkbox__hint_1w06l {
     color: var(--checkbox-hint-color);
-} .checkbox__indeterminateLine_10k79 {
+} .checkbox__indeterminateLine_1w06l {
     background-color: var(--checkbox-icon-indeterminate-color);
 }

package/checkbox/styles/index.css

@@ -39,21 +39,21 @@
     --disabled-cursor: not-allowed;
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --checkbox-error-color: var(--color-light-text-negative);
-} .checkbox__component_1a83o {
+} .checkbox__component_1mviv {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer;
-} .checkbox__start_1a83o {
+} .checkbox__start_1mviv {
     align-items: flex-start;
-} .checkbox__center_1a83o {
+} .checkbox__center_1mviv {
     align-items: center;
-} .checkbox__addons_1a83o {
+} .checkbox__addons_1mviv {
     margin-left: auto;
     padding-left: var(--gap-16);
     line-height: 24px;
-} .checkbox__block_1a83o {
+} .checkbox__block_1mviv {
     width: 100%;
-} .checkbox__box_1a83o {
+} .checkbox__box_1mviv {
     position: relative;
     display: flex;
     justify-content: center;
@@ -66,48 +66,48 @@
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
     overflow: hidden;
-} .checkbox__checkedIcon_1a83o {
+} .checkbox__checkedIcon_1mviv {
     position: absolute;
-} .checkbox__size-20_1a83o .checkbox__box_1a83o {
+} .checkbox__size-20_1mviv .checkbox__box_1mviv {
     width: 16px;
     height: 16px;
-} .checkbox__disabled_1a83o {
+} .checkbox__disabled_1mviv {
     cursor: var(--disabled-cursor);
-} .checkbox__focused_1a83o .checkbox__box_1a83o {
+} .checkbox__focused_1mviv .checkbox__box_1mviv {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .checkbox__content_1a83o {
+} .checkbox__content_1mviv {
     flex-grow: 1;
     margin-left: var(--gap-12);
-} .checkbox__size-20_1a83o .checkbox__content_1a83o {
+} .checkbox__size-20_1mviv .checkbox__content_1mviv {
     margin-left: var(--gap-8)
-} .checkbox__size-20_1a83o .checkbox__content_1a83o .checkbox__label_1a83o {
+} .checkbox__size-20_1mviv .checkbox__content_1mviv .checkbox__label_1mviv {
         font-size: 16px;
         line-height: 20px;
         font-weight: 400;
-    } .checkbox__label_1a83o {
+    } .checkbox__label_1mviv {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
-} .checkbox__label_1a83o:not(:only-child) {
+} .checkbox__label_1mviv:not(:only-child) {
     margin-bottom: var(--gap-4);
-} .checkbox__errorMessage_1a83o {
+} .checkbox__errorMessage_1mviv {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--checkbox-error-color);
-} .checkbox__hint_1a83o {
+} .checkbox__hint_1mviv {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
-} .checkbox__indeterminateLine_1a83o {
+} .checkbox__indeterminateLine_1mviv {
     position: absolute;
     width: 10px;
     height: 2px;
-} .checkbox__component_1a83o input {
+} .checkbox__component_1mviv input {
     position: absolute;
     z-index: -1;
     opacity: 0;

package/checkbox/styles/inverted.css

@@ -68,61 +68,61 @@
     --checkbox-icon-color-inverted: var(--color-light-neutral-translucent-1300);
     --checkbox-icon-indeterminate-color-inverted: var(--color-light-neutral-translucent-1300);
     --checkbox-icon-disabled-color-inverted: var(--color-light-neutral-translucent-500-inverted);
-} .checkbox__box_1szmg {
+} .checkbox__box_pehr2 {
     color: var(--color-light-neutral-translucent-1300);
     background-color: var(--checkbox-bg-color-inverted);
     border: 1.5px solid var(--checkbox-border-color-inverted);
-} .checkbox__checkedIcon_1szmg {
+} .checkbox__checkedIcon_pehr2 {
     color: var(--checkbox-icon-color-inverted);
 } @media (hover: hover) {
-    .checkbox__component_1szmg:hover:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+    .checkbox__component_pehr2:hover:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
         background-color: var(--checkbox-hover-bg-color-inverted);
         border-color: var(--checkbox-hover-border-color-inverted);
     }
-} .checkbox__component_1szmg:active:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__component_pehr2:active:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-active-bg-color-inverted);
     border-color: var(--checkbox-active-border-color-inverted);
-} .checkbox__checked_1szmg .checkbox__box_1szmg {
+} .checkbox__checked_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-bg-color-inverted);
     border-color: var(--checkbox-checked-border-color-inverted);
-} .checkbox__checked_1szmg:hover:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__checked_pehr2:hover:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-hover-bg-color-inverted);
     border-color: var(--checkbox-checked-hover-border-color-inverted);
-} .checkbox__checked_1szmg:active:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__checked_pehr2:active:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-active-bg-color-inverted);
     border-color: var(--checkbox-checked-active-border-color-inverted);
-} .checkbox__indeterminate_1szmg .checkbox__box_1szmg {
+} .checkbox__indeterminate_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-bg-color-inverted);
     border-color: var(--checkbox-checked-border-color-inverted);
-} .checkbox__indeterminate_1szmg:hover:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__indeterminate_pehr2:hover:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-hover-bg-color-inverted);
     border-color: var(--checkbox-checked-hover-border-color-inverted);
-} .checkbox__indeterminate_1szmg:active:not(.checkbox__disabled_1szmg) .checkbox__box_1szmg {
+} .checkbox__indeterminate_pehr2:active:not(.checkbox__disabled_pehr2) .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-active-bg-color-inverted);
     border-color: var(--checkbox-checked-active-border-color-inverted);
-} .checkbox__disabled_1szmg .checkbox__box_1szmg {
+} .checkbox__disabled_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-disabled-bg-color-inverted);
     border-color: var(--checkbox-disabled-border-color-inverted);
-} .checkbox__disabled_1szmg.checkbox__checked_1szmg .checkbox__box_1szmg {
+} .checkbox__disabled_pehr2.checkbox__checked_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-disabled-bg-color-inverted);
     border-color: var(--checkbox-checked-disabled-border-color-inverted);
 
-    .checkbox__checkedIcon_1szmg {
+    .checkbox__checkedIcon_pehr2 {
         color: var(--checkbox-icon-disabled-color-inverted);
     }
-} .checkbox__disabled_1szmg.checkbox__indeterminate_1szmg .checkbox__box_1szmg {
+} .checkbox__disabled_pehr2.checkbox__indeterminate_pehr2 .checkbox__box_pehr2 {
     background-color: var(--checkbox-checked-disabled-bg-color-inverted);
     border-color: var(--checkbox-checked-disabled-border-color-inverted)
-} .checkbox__disabled_1szmg.checkbox__indeterminate_1szmg .checkbox__box_1szmg .checkbox__indeterminateLine_1szmg {
+} .checkbox__disabled_pehr2.checkbox__indeterminate_pehr2 .checkbox__box_pehr2 .checkbox__indeterminateLine_pehr2 {
         background-color: var(--checkbox-icon-disabled-color-inverted);
-    } .checkbox__disabled_1szmg .checkbox__label_1szmg {
+    } .checkbox__disabled_pehr2 .checkbox__label_pehr2 {
     color: var(--checkbox-disabled-color-inverted);
-} .checkbox__disabled_1szmg .checkbox__hint_1szmg {
+} .checkbox__disabled_pehr2 .checkbox__hint_pehr2 {
     color: var(--checkbox-disabled-color-inverted);
-} .checkbox__label_1szmg {
+} .checkbox__label_pehr2 {
     color: var(--checkbox-label-color-inverted);
-} .checkbox__hint_1szmg {
+} .checkbox__hint_pehr2 {
     color: var(--checkbox-hint-color-inverted);
-} .checkbox__indeterminateLine_1szmg {
+} .checkbox__indeterminateLine_pehr2 {
     background-color: var(--checkbox-icon-indeterminate-color-inverted);
 }

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

@@ -10,7 +10,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_1rxkf","error":"checkbox-group__error_1rxkf","tag":"checkbox-group__tag_1rxkf","checkboxList":"checkbox-group__checkboxList_1rxkf","vertical":"checkbox-group__vertical_1rxkf","checkbox":"checkbox-group__checkbox_1rxkf","horizontal":"checkbox-group__horizontal_1rxkf","tagLabel":"checkbox-group__tagLabel_1rxkf","label":"checkbox-group__label_1rxkf","sub":"checkbox-group__sub_1rxkf","errorMessage":"checkbox-group__errorMessage_1rxkf","hint":"checkbox-group__hint_1rxkf","hiddenInput":"checkbox-group__hiddenInput_1rxkf"};
+var commonStyles = {"component":"checkbox-group__component_1uu5h","error":"checkbox-group__error_1uu5h","tag":"checkbox-group__tag_1uu5h","checkboxList":"checkbox-group__checkboxList_1uu5h","vertical":"checkbox-group__vertical_1uu5h","checkbox":"checkbox-group__checkbox_1uu5h","horizontal":"checkbox-group__horizontal_1uu5h","tagLabel":"checkbox-group__tagLabel_1uu5h","label":"checkbox-group__label_1uu5h","sub":"checkbox-group__sub_1uu5h","errorMessage":"checkbox-group__errorMessage_1uu5h","hint":"checkbox-group__hint_1uu5h","hiddenInput":"checkbox-group__hiddenInput_1uu5h"};
 require('./index.css');
 
 var BaseCheckboxGroup = React.forwardRef(function (_a, ref) {

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

@@ -40,52 +40,52 @@
     --checkbox-group-error-border-left: 1px solid var(--color-light-status-negative);
 
     /* mobile */
-} .checkbox-group__component_1rxkf {
+} .checkbox-group__component_1uu5h {
     display: flex;
     flex-direction: column;
-} .checkbox-group__error_1rxkf {
+} .checkbox-group__error_1uu5h {
     padding-left: var(--checkbox-group-error-padding-left);
     border-left: var(--checkbox-group-error-border-left)
-} .checkbox-group__error_1rxkf.checkbox-group__tag_1rxkf {
+} .checkbox-group__error_1uu5h.checkbox-group__tag_1uu5h {
         padding-left: var(--gap-8);
-    } .checkbox-group__checkboxList_1rxkf {
+    } .checkbox-group__checkboxList_1uu5h {
     display: flex;
-} .checkbox-group__vertical_1rxkf .checkbox-group__checkboxList_1rxkf {
+} .checkbox-group__vertical_1uu5h .checkbox-group__checkboxList_1uu5h {
     flex-direction: column;
     align-items: flex-start;
-} .checkbox-group__vertical_1rxkf .checkbox-group__checkbox_1rxkf {
+} .checkbox-group__vertical_1uu5h .checkbox-group__checkbox_1uu5h {
     margin-bottom: var(--gap-12)
-} .checkbox-group__vertical_1rxkf .checkbox-group__checkbox_1rxkf:last-child {
+} .checkbox-group__vertical_1uu5h .checkbox-group__checkbox_1uu5h:last-child {
         margin-bottom: var(--gap-0);
-    } .checkbox-group__horizontal_1rxkf .checkbox-group__checkboxList_1rxkf {
+    } .checkbox-group__horizontal_1uu5h .checkbox-group__checkboxList_1uu5h {
     flex-wrap: wrap;
     margin-bottom: var(--gap-8-neg);
-} .checkbox-group__horizontal_1rxkf .checkbox-group__checkbox_1rxkf {
+} .checkbox-group__horizontal_1uu5h .checkbox-group__checkbox_1uu5h {
     margin-right: var(--gap-24);
     margin-bottom: var(--gap-8);
-} .checkbox-group__horizontal_1rxkf .checkbox-group__tagLabel_1rxkf {
+} .checkbox-group__horizontal_1uu5h .checkbox-group__tagLabel_1uu5h {
     margin-right: var(--gap-8);
-} .checkbox-group__horizontal_1rxkf .checkbox-group__checkbox_1rxkf:last-child,
-.checkbox-group__horizontal_1rxkf .checkbox-group__tagLabel_1rxkf:last-child {
+} .checkbox-group__horizontal_1uu5h .checkbox-group__checkbox_1uu5h:last-child,
+.checkbox-group__horizontal_1uu5h .checkbox-group__tagLabel_1uu5h:last-child {
     margin-right: var(--gap-0);
-} .checkbox-group__label_1rxkf {
+} .checkbox-group__label_1uu5h {
     margin-bottom: var(--gap-12);
-} .checkbox-group__sub_1rxkf {
+} .checkbox-group__sub_1uu5h {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-12);
-} .checkbox-group__errorMessage_1rxkf {
+} .checkbox-group__errorMessage_1uu5h {
     color: var(--checkbox-group-error-color);
-} .checkbox-group__hint_1rxkf {
+} .checkbox-group__hint_1uu5h {
     color: var(--checkbox-group-hint-color);
-} .checkbox-group__hiddenInput_1rxkf {
+} .checkbox-group__hiddenInput_1uu5h {
     position: absolute;
     z-index: -1;
     top: var(--gap-0);
     left: var(--gap-0);
     opacity: 0;
-} .checkbox-group__tagLabel_1rxkf {
+} .checkbox-group__tagLabel_1uu5h {
     position: relative;
     max-width: 100%;
 }

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

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"checkboxList":"checkbox-group__checkboxList_zrss3","label":"checkbox-group__label_zrss3","sub":"checkbox-group__sub_zrss3"};
+var styles = {"checkboxList":"checkbox-group__checkboxList_12odt","label":"checkbox-group__label_12odt","sub":"checkbox-group__sub_12odt"};
 require('./desktop.css');
 
 var CheckboxGroupDesktop = function (props) { return (React__default.default.createElement(components_baseCheckboxGroup_Component.BaseCheckboxGroup, tslib.__assign({}, props, { styles: styles }))); };

package/checkbox-group/desktop/desktop.css

@@ -29,14 +29,14 @@
     --checkbox-group-list-padding-left: var(--gap-0);
 
     /* mobile */
-} .checkbox-group__checkboxList_zrss3 {
+} .checkbox-group__checkboxList_12odt {
     padding-left: var(--checkbox-group-list-padding-left);
-} .checkbox-group__label_zrss3 {
+} .checkbox-group__label_12odt {
     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_zrss3 {
+} .checkbox-group__sub_12odt {
     padding-left: var(--checkbox-group-sub-padding-left);
 }

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

@@ -3,7 +3,7 @@ import React, { forwardRef, Children, isValidElement, cloneElement } from 'react
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 
-var commonStyles = {"component":"checkbox-group__component_1rxkf","error":"checkbox-group__error_1rxkf","tag":"checkbox-group__tag_1rxkf","checkboxList":"checkbox-group__checkboxList_1rxkf","vertical":"checkbox-group__vertical_1rxkf","checkbox":"checkbox-group__checkbox_1rxkf","horizontal":"checkbox-group__horizontal_1rxkf","tagLabel":"checkbox-group__tagLabel_1rxkf","label":"checkbox-group__label_1rxkf","sub":"checkbox-group__sub_1rxkf","errorMessage":"checkbox-group__errorMessage_1rxkf","hint":"checkbox-group__hint_1rxkf","hiddenInput":"checkbox-group__hiddenInput_1rxkf"};
+var commonStyles = {"component":"checkbox-group__component_1uu5h","error":"checkbox-group__error_1uu5h","tag":"checkbox-group__tag_1uu5h","checkboxList":"checkbox-group__checkboxList_1uu5h","vertical":"checkbox-group__vertical_1uu5h","checkbox":"checkbox-group__checkbox_1uu5h","horizontal":"checkbox-group__horizontal_1uu5h","tagLabel":"checkbox-group__tagLabel_1uu5h","label":"checkbox-group__label_1uu5h","sub":"checkbox-group__sub_1uu5h","errorMessage":"checkbox-group__errorMessage_1uu5h","hint":"checkbox-group__hint_1uu5h","hiddenInput":"checkbox-group__hiddenInput_1uu5h"};
 require('./index.css');
 
 var BaseCheckboxGroup = forwardRef(function (_a, ref) {