@alfalab/core-components-select 19.1.7 → 19.1.8

package/components/field/index.css

@@ -18,28 +18,28 @@
 :root {
     --select-arrow-hover-opacity: 0.7;
 }
-.select__component_8hgw7 {
+.select__component_b9j99 {
     width: 100%;
     outline: none;
 }
-.select__field_8hgw7:not(.select__disabled_8hgw7) {
+.select__field_b9j99:not(.select__disabled_b9j99) {
     cursor: pointer;
 }
-.select__field_8hgw7:not(.select__disabled_8hgw7):hover .select__arrow_8hgw7 {
+.select__field_b9j99:not(.select__disabled_b9j99):hover .select__arrow_b9j99 {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_8hgw7 {
+.select__disabled_b9j99 {
     cursor: var(--disabled-cursor);
 }
-.select__placeholder_8hgw7 {
+.select__placeholder_b9j99 {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_8hgw7 0.2s ease;
+    animation: select__show-placeholder_b9j99 0.2s ease;
 }
-.select__placeholder_8hgw7.select__focused_8hgw7 {
+.select__placeholder_b9j99.select__focused_b9j99 {
         color: var(--input-focus-placeholder-color);
     }
-.select__contentWrapper_8hgw7 {
+.select__contentWrapper_b9j99 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -50,28 +50,28 @@
     overflow: hidden;
     width: 100%;
 }
-.select__contentWrapper_8hgw7.select__size-40_8hgw7 {
+.select__contentWrapper_b9j99.select__size-40_b9j99 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.select__value_8hgw7 {
+.select__value_b9j99 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__value_8hgw7.select__size-40_8hgw7 {
+.select__value_b9j99.select__size-40_b9j99 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.select__focusVisible_8hgw7 {
+.select__focusVisible_b9j99 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-@keyframes select__show-placeholder_8hgw7 {
+@keyframes select__show-placeholder_b9j99 {
     from {
         opacity: 0;
     }

package/components/field/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_8hgw7","field":"select__field_8hgw7","disabled":"select__disabled_8hgw7","arrow":"select__arrow_8hgw7","placeholder":"select__placeholder_8hgw7","show-placeholder":"select__show-placeholder_8hgw7","focused":"select__focused_8hgw7","contentWrapper":"select__contentWrapper_8hgw7","size-40":"select__size-40_8hgw7","value":"select__value_8hgw7","focusVisible":"select__focusVisible_8hgw7"};
+var styles = {"component":"select__component_b9j99","field":"select__field_b9j99","disabled":"select__disabled_b9j99","arrow":"select__arrow_b9j99","placeholder":"select__placeholder_b9j99","show-placeholder":"select__show-placeholder_b9j99","focused":"select__focused_b9j99","contentWrapper":"select__contentWrapper_b9j99","size-40":"select__size-40_b9j99","value":"select__value_b9j99","focusVisible":"select__focusVisible_b9j99"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/index.css

@@ -6,20 +6,20 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.select__footer_7ignv {
+.select__footer_ym748 {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary);
 }
-.select__footer_7ignv .select__button_7ignv:first-of-type {
+.select__footer_ym748 .select__button_ym748:first-of-type {
         margin-right: var(--gap-16);
     }
-.select__button_7ignv {
+.select__button_ym748 {
     width: 50%;
 }
-.select__highlighted_7ignv {
+.select__highlighted_ym748 {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/components/footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"select__footer_7ignv","button":"select__button_7ignv","highlighted":"select__highlighted_7ignv"};
+var styles = {"footer":"select__footer_ym748","button":"select__button_ym748","highlighted":"select__highlighted_ym748"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/optgroup/index.css

@@ -23,7 +23,7 @@
     --select-optgroup-l-left-padding: var(--gap-16);
     --select-optgroup-l-right-padding: var(--gap-16);
 }
-.select__optgroup_1qcg6 {
+.select__optgroup_kfg00 {
     position: relative;
     display: flex;
     align-items: center;
@@ -33,10 +33,10 @@
     background: var(--select-optgroup-background);
     min-height: 40px;
 }
-.select__optgroup_1qcg6 + *[role='option']:before {
+.select__optgroup_kfg00 + *[role='option']:before {
         display: none;
     }
-.select__label_1qcg6 {
+.select__label_kfg00 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
@@ -47,7 +47,7 @@
     display: block;
     color: var(--select-optgroup-color);
 }
-.select__size-72_1qcg6 {
+.select__size-72_kfg00 {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/components/optgroup/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"optgroup":"select__optgroup_1qcg6","label":"select__label_1qcg6","size-72":"select__size-72_1qcg6"};
+var styles = {"optgroup":"select__optgroup_kfg00","label":"select__label_kfg00","size-72":"select__size-72_kfg00"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/option/desktop/index.css

@@ -43,7 +43,7 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_5c05e {
+.select__option_3dduy {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -60,11 +60,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_5c05e:not(.select__disabled_5c05e):active {
+.select__option_3dduy:not(.select__disabled_3dduy):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_5c05e:before {
+.select__option_3dduy:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -75,59 +75,59 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_5c05e:first-child:before {
+.select__option_3dduy:first-child:before {
         display: none;
     }
-.select__size-48_5c05e {
+.select__size-48_3dduy {
     min-height: var(--size-s-height);
 }
-.select__size-56_5c05e {
+.select__size-56_3dduy {
     min-height: var(--size-m-height);
 }
-.select__size-64_5c05e {
+.select__size-64_3dduy {
     min-height: var(--size-l-height);
 }
-.select__size-72_5c05e {
+.select__size-72_3dduy {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
 }
-.select__size-72_5c05e:before {
+.select__size-72_3dduy:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_5c05e {
+.select__selected_3dduy {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_5c05e {
+.select__highlighted_3dduy {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_5c05e:before,
-    .select__highlighted_5c05e + .select__option_5c05e:before {
+.select__highlighted_3dduy:before,
+    .select__highlighted_3dduy + .select__option_3dduy:before {
         opacity: 0;
     }
-.select__disabled_5c05e {
+.select__disabled_3dduy {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_5c05e {
+.select__content_3dduy {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_5c05e {
+.select__textContent_3dduy {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }
-.select__highlighted_5c05e {
+.select__highlighted_3dduy {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_5c05e:before,
-    .select__highlighted_5c05e + .select__option_5c05e:before {
+.select__highlighted_3dduy:before,
+    .select__highlighted_3dduy + .select__option_3dduy:before {
         opacity: 0;
     }

package/components/option/desktop/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"option":"select__option_5c05e","disabled":"select__disabled_5c05e","size-48":"select__size-48_5c05e","size-56":"select__size-56_5c05e","size-64":"select__size-64_5c05e","size-72":"select__size-72_5c05e","selected":"select__selected_5c05e","highlighted":"select__highlighted_5c05e","content":"select__content_5c05e","textContent":"select__textContent_5c05e"};
+var styles = {"option":"select__option_3dduy","disabled":"select__disabled_3dduy","size-48":"select__size-48_3dduy","size-56":"select__size-56_3dduy","size-64":"select__size-64_3dduy","size-72":"select__size-72_3dduy","selected":"select__selected_3dduy","highlighted":"select__highlighted_3dduy","content":"select__content_3dduy","textContent":"select__textContent_3dduy"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/option/mobile/index.css

@@ -43,7 +43,7 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_gki7q {
+.select__option_c7iim {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -60,11 +60,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_gki7q:not(.select__disabled_gki7q):active {
+.select__option_c7iim:not(.select__disabled_c7iim):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_gki7q:before {
+.select__option_c7iim:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -75,51 +75,51 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_gki7q:first-child:before {
+.select__option_c7iim:first-child:before {
         display: none;
     }
-.select__size-48_gki7q {
+.select__size-48_c7iim {
     min-height: var(--size-s-height);
 }
-.select__size-56_gki7q {
+.select__size-56_c7iim {
     min-height: var(--size-m-height);
 }
-.select__size-64_gki7q {
+.select__size-64_c7iim {
     min-height: var(--size-l-height);
 }
-.select__size-72_gki7q {
+.select__size-72_c7iim {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
 }
-.select__size-72_gki7q:before {
+.select__size-72_c7iim:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_gki7q {
+.select__selected_c7iim {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_gki7q {
+.select__highlighted_c7iim {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_gki7q:before,
-    .select__highlighted_gki7q + .select__option_gki7q:before {
+.select__highlighted_c7iim:before,
+    .select__highlighted_c7iim + .select__option_c7iim:before {
         opacity: 0;
     }
-.select__disabled_gki7q {
+.select__disabled_c7iim {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_gki7q {
+.select__content_c7iim {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_gki7q {
+.select__textContent_c7iim {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

package/components/option/mobile/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"option":"select__option_gki7q","disabled":"select__disabled_gki7q","size-48":"select__size-48_gki7q","size-56":"select__size-56_gki7q","size-64":"select__size-64_gki7q","size-72":"select__size-72_gki7q","selected":"select__selected_gki7q","highlighted":"select__highlighted_gki7q","content":"select__content_gki7q","textContent":"select__textContent_gki7q"};
+var styles = {"option":"select__option_c7iim","disabled":"select__disabled_c7iim","size-48":"select__size-48_c7iim","size-56":"select__size-56_c7iim","size-64":"select__size-64_c7iim","size-72":"select__size-72_c7iim","selected":"select__selected_c7iim","highlighted":"select__highlighted_c7iim","content":"select__content_c7iim","textContent":"select__textContent_c7iim"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/options-list/index.css

@@ -15,57 +15,57 @@
     --select-options-list-scrollbar-gap: var(--gap-12);
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
 }
-.select__optionsList_16w4h {
+.select__optionsList_qgihn {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__optionsList_16w4h .select__scrollable_16w4h {
+.select__optionsList_qgihn .select__scrollable_qgihn {
         overflow: auto;
         width: 100%;
     }
-.select__optionsList_16w4h .select__scrollable_16w4h .select__verticalBar_16w4h.select__verticalBar_16w4h {
+.select__optionsList_qgihn .select__scrollable_qgihn .select__verticalBar_qgihn.select__verticalBar_qgihn {
             top: var(--select-options-list-scrollbar-gap);
             height: calc(100% - 2 * var(--select-options-list-scrollbar-gap));
         }
-.select__optionsList_16w4h .select__scrollable_16w4h .select__verticalBar_16w4h.select__verticalBar_16w4h.select__verticalBarWithHeader_16w4h {
+.select__optionsList_qgihn .select__scrollable_qgihn .select__verticalBar_qgihn.select__verticalBar_qgihn.select__verticalBarWithHeader_qgihn {
                 top: 0;
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_16w4h .select__scrollable_16w4h .select__verticalBar_16w4h.select__verticalBar_16w4h.select__verticalBarWithFooter_16w4h {
+.select__optionsList_qgihn .select__scrollable_qgihn .select__verticalBar_qgihn.select__verticalBar_qgihn.select__verticalBarWithFooter_qgihn {
                 top: var(--select-options-list-scrollbar-gap);
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_16w4h .select__scrollable_16w4h .select__verticalBar_16w4h.select__verticalBar_16w4h.select__verticalBarWithHeader_16w4h.select__verticalBarWithFooter_16w4h {
+.select__optionsList_qgihn .select__scrollable_qgihn .select__verticalBar_qgihn.select__verticalBar_qgihn.select__verticalBarWithHeader_qgihn.select__verticalBarWithFooter_qgihn {
                 top: 0;
                 height: 100%;
             }
-.select__optionsListHeader_16w4h {
+.select__optionsListHeader_qgihn {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListHeader_16w4h.select__headerHighlighted_16w4h {
+.select__optionsListHeader_qgihn.select__headerHighlighted_qgihn {
         border-bottom-color: var(--color-light-neutral-300);
     }
-.select__optionsListFooter_16w4h {
+.select__optionsListFooter_qgihn {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListFooter_16w4h.select__withBorder_16w4h {
+.select__optionsListFooter_qgihn.select__withBorder_qgihn {
         border-top-color: var(--color-light-neutral-300);
     }
-.select__mask_16w4h {
+.select__mask_qgihn {
     min-width: 4000px;
 }
-.select__emptyPlaceholder_16w4h {
+.select__emptyPlaceholder_qgihn {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__size-72_16w4h .select__emptyPlaceholder_16w4h {
+.select__size-72_qgihn .select__emptyPlaceholder_qgihn {
     padding: var(--gap-24) var(--gap-16);
 }

package/components/options-list/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"optionsList":"select__optionsList_16w4h","scrollable":"select__scrollable_16w4h","verticalBar":"select__verticalBar_16w4h","verticalBarWithHeader":"select__verticalBarWithHeader_16w4h","verticalBarWithFooter":"select__verticalBarWithFooter_16w4h","optionsListHeader":"select__optionsListHeader_16w4h","headerHighlighted":"select__headerHighlighted_16w4h","optionsListFooter":"select__optionsListFooter_16w4h","withBorder":"select__withBorder_16w4h","mask":"select__mask_16w4h","emptyPlaceholder":"select__emptyPlaceholder_16w4h","size-72":"select__size-72_16w4h"};
+var styles = {"optionsList":"select__optionsList_qgihn","scrollable":"select__scrollable_qgihn","verticalBar":"select__verticalBar_qgihn","verticalBarWithHeader":"select__verticalBarWithHeader_qgihn","verticalBarWithFooter":"select__verticalBarWithFooter_qgihn","optionsListHeader":"select__optionsListHeader_qgihn","headerHighlighted":"select__headerHighlighted_qgihn","optionsListFooter":"select__optionsListFooter_qgihn","withBorder":"select__withBorder_qgihn","mask":"select__mask_qgihn","emptyPlaceholder":"select__emptyPlaceholder_qgihn","size-72":"select__size-72_qgihn"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_1dzaz.select__component_1dzaz {
+.select__component_ad3vl.select__component_ad3vl {
     width: auto;
 }

package/components/search/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_1dzaz"};
+var styles = {"component":"select__component_ad3vl"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/virtual-options-list/index.css

@@ -20,42 +20,42 @@
     --select-option-left-padding: var(--gap-12);
     --select-option-right-padding: var(--gap-12);
 }
-.select__virtualOptionsList_7pw7q {
+.select__virtualOptionsList_119uf {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
 }
-.select__virtualOptionsListHeader_7pw7q {
+.select__virtualOptionsListHeader_119uf {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
 }
-.select__virtualOptionsListFooter_7pw7q {
+.select__virtualOptionsListFooter_119uf {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
 }
-.select__virtualOptionsListFooter_7pw7q.select__withBorder_7pw7q {
+.select__virtualOptionsListFooter_119uf.select__withBorder_119uf {
         border-top: 1px solid var(--color-light-neutral-300);
     }
-.select__scrollable_7pw7q {
+.select__scrollable_119uf {
     position: relative;
     overflow: auto;
     width: 100%;
 }
-.select__inner_7pw7q {
+.select__inner_119uf {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_7pw7q {
+.select__virtualRow_119uf {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%;
 }
-.select__virtualRow_7pw7q:before {
+.select__virtualRow_119uf:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -66,18 +66,18 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
     }
-.select__virtualRow_7pw7q:first-child:before {
+.select__virtualRow_119uf:first-child:before {
         display: none;
     }
-.select__highlighted_7pw7q:before,
-    .select__highlighted_7pw7q + .select__virtualRow_7pw7q:before {
+.select__highlighted_119uf:before,
+    .select__highlighted_119uf + .select__virtualRow_119uf:before {
         display: none;
     }
-.select__emptyPlaceholder_7pw7q {
+.select__emptyPlaceholder_119uf {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 }
-.select__size-72_7pw7q .select__emptyPlaceholder_7pw7q {
+.select__size-72_119uf .select__emptyPlaceholder_119uf {
     padding: var(--gap-24) var(--gap-16);
 }

package/components/virtual-options-list/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_7pw7q","virtualOptionsListHeader":"select__virtualOptionsListHeader_7pw7q","virtualOptionsListFooter":"select__virtualOptionsListFooter_7pw7q","withBorder":"select__withBorder_7pw7q","scrollable":"select__scrollable_7pw7q","inner":"select__inner_7pw7q","virtualRow":"select__virtualRow_7pw7q","highlighted":"select__highlighted_7pw7q","emptyPlaceholder":"select__emptyPlaceholder_7pw7q","size-72":"select__size-72_7pw7q"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_119uf","virtualOptionsListHeader":"select__virtualOptionsListHeader_119uf","virtualOptionsListFooter":"select__virtualOptionsListFooter_119uf","withBorder":"select__withBorder_119uf","scrollable":"select__scrollable_119uf","inner":"select__inner_119uf","virtualRow":"select__virtualRow_119uf","highlighted":"select__highlighted_119uf","emptyPlaceholder":"select__emptyPlaceholder_119uf","size-72":"select__size-72_119uf"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/cssm/components/base-checkmark/Component.js

@@ -16,19 +16,12 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var BaseCheckmark = function (_a) {
     var _b, _c;
-    var selected = _a.selected, _d = _a.disabled, disabled = _d === void 0 ? false : _d, className = _a.className, multiple = _a.multiple, _e = _a.align, align = _e === void 0 ? 'center' : _e, _f = _a.position, position = _f === void 0 ? 'before' : _f, content = _a.content;
-    var renderCheckmarkIcon = function () {
-        var _a;
-        return (React__default.default.createElement(CheckmarkMIcon.CheckmarkMIcon, { className: cn__default.default(styles__default.default.singleIcon, styles__default.default[position], (_a = {},
-                _a[styles__default.default.selected] = selected,
-                _a)) }));
-    };
-    return multiple ? (React__default.default.createElement(cssm.Checkbox, { block: true, checked: selected, disabled: disabled, contentClassName: cn__default.default((_b = {}, _b[styles__default.default.positionAfter] = position === 'after', _b)), className: cn__default.default(styles__default.default.checkmark, styles__default.default[align], className, (_c = {},
+    var selected = _a.selected, _d = _a.disabled, disabled = _d === void 0 ? false : _d, className = _a.className, multiple = _a.multiple, _e = _a.align, align = _e === void 0 ? 'center' : _e, _f = _a.position, position = _f === void 0 ? 'before' : _f;
+    return multiple ? (React__default.default.createElement(cssm.Checkbox, { checked: selected, disabled: disabled, className: cn__default.default(styles__default.default.checkmark, styles__default.default[position], styles__default.default[align], className, (_b = {},
+            _b[styles__default.default.selected] = selected,
+            _b)), size: 24, hiddenInput: true })) : (React__default.default.createElement(CheckmarkMIcon.CheckmarkMIcon, { className: cn__default.default(styles__default.default.singleIcon, styles__default.default[position], styles__default.default[align], className, (_c = {},
             _c[styles__default.default.selected] = selected,
-            _c)), size: 24, position: position, label: content, hiddenInput: true })) : (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.container, styles__default.default[align], className) },
-        position === 'before' && renderCheckmarkIcon(),
-        React__default.default.createElement("div", { className: styles__default.default.content }, content),
-        position === 'after' && renderCheckmarkIcon()));
+            _c)) }));
 };
 
 exports.BaseCheckmark = BaseCheckmark;

package/cssm/components/base-checkmark/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/base-checkmark/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox } from '@alfalab/core-components-checkbox';\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const BaseCheckmark: FC<CheckmarkProps> = ({\n    selected,\n    disabled = false,\n    className,\n    multiple,\n    align = 'center',\n    position = 'before',\n    content,\n}) => {\n    const renderCheckmarkIcon = () => (\n        <CheckmarkMIcon\n            className={cn(styles.singleIcon, styles[position], {\n                [styles.selected]: selected,\n            })}\n        />\n    );\n\n    return multiple ? (\n        <Checkbox\n            block={true}\n            checked={selected}\n            disabled={disabled}\n            contentClassName={cn({ [styles.positionAfter]: position === 'after' })}\n            className={cn(styles.checkmark, styles[align], className, {\n                [styles.selected]: selected,\n            })}\n            size={24}\n            position={position}\n            label={content}\n            hiddenInput={true}\n        />\n    ) : (\n        <div className={cn(styles.container, styles[align], className)}>\n            {position === 'before' && renderCheckmarkIcon()}\n\n            <div className={styles.content}>{content}</div>\n\n            {position === 'after' && renderCheckmarkIcon()}\n        </div>\n    );\n};\n"],"names":["React","CheckmarkMIcon","cn","styles","Checkbox"],"mappings":";;;;;;;;;;;;;;;;AAUO,IAAM,aAAa,GAAuB,UAAC,EAQjD,EAAA;;AAPG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,KAAA,EAAhB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,QAAmB,EAAnB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA,EACnB,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,mBAAmB,GAAG,YAAA;;AAAM,QAAA,QAC9BA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EACX,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,UAAU,EAAEA,uBAAM,CAAC,QAAQ,CAAC,GAAA,EAAA,GAAA,EAAA;AAC7C,gBAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,gBAAA,EAAA,EAAA,EAAA,CACJ;AAL4B,KAMjC;IAED,OAAO,QAAQ,IACXH,sBAAC,CAAA,aAAA,CAAAI,aAAQ,IACL,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAEF,mBAAE,WAAG,EAAC,CAAAC,uBAAM,CAAC,aAAa,CAAA,GAAG,QAAQ,KAAK,OAAO,EAAG,EAAA,EAAA,EACtE,SAAS,EAAED,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAEA,uBAAM,CAAC,KAAK,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACpD,YAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EACF,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,IAAI,GACnB,KAEFH,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEE,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAEA,uBAAM,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,EAAA;AACzD,QAAA,QAAQ,KAAK,QAAQ,IAAI,mBAAmB,EAAE;AAE/C,QAAAH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,uBAAM,CAAC,OAAO,EAAA,EAAG,OAAO,CAAO;AAE9C,QAAA,QAAQ,KAAK,OAAO,IAAI,mBAAmB,EAAE,CAC5C,CACT;AACL;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/base-checkmark/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox } from '@alfalab/core-components-checkbox';\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const BaseCheckmark: FC<CheckmarkProps> = ({\n    selected,\n    disabled = false,\n    className,\n    multiple,\n    align = 'center',\n    position = 'before',\n}) =>\n    multiple ? (\n        <Checkbox\n            checked={selected}\n            disabled={disabled}\n            className={cn(styles.checkmark, styles[position], styles[align], className, {\n                [styles.selected]: selected,\n            })}\n            size={24}\n            hiddenInput={true}\n        />\n    ) : (\n        <CheckmarkMIcon\n            className={cn(styles.singleIcon, styles[position], styles[align], className, {\n                [styles.selected]: selected,\n            })}\n        />\n    );\n"],"names":["React","Checkbox","cn","styles","CheckmarkMIcon"],"mappings":";;;;;;;;;;;;;;;;AAUO,IAAM,aAAa,GAAuB,UAAC,EAOjD,EAAA;;QANG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EAChB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,KAAA,EAAhB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,QAAmB,EAAnB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA;AAEnB,IAAA,OAAA,QAAQ,IACJA,sBAAC,CAAA,aAAA,CAAAC,aAAQ,EACL,EAAA,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAEA,uBAAM,CAAC,QAAQ,CAAC,EAAEA,uBAAM,CAAC,KAAK,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACtE,YAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EACF,IAAI,EAAE,EAAE,EACR,WAAW,EAAE,IAAI,EACnB,CAAA,KAEFH,sBAAA,CAAA,aAAA,CAACI,6BAAc,EACX,EAAA,SAAS,EAAEF,mBAAE,CAACC,uBAAM,CAAC,UAAU,EAAEA,uBAAM,CAAC,QAAQ,CAAC,EAAEA,uBAAM,CAAC,KAAK,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACvE,YAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA,CACJ,CACL;AAhBD;;;;"}

package/cssm/components/base-checkmark/index.module.css

@@ -6,28 +6,18 @@
     flex-shrink: 0;
     box-sizing: border-box;
 }
+.checkmark.before {
+        margin-right: var(--gap-12);
+    }
+.checkmark.after {
+        margin-left: var(--gap-12);
+    }
 .checkmark.start {
         align-self: start;
     }
 .checkmark.center {
         align-self: center;
     }
-.positionAfter {
-    margin-left: 0;
-    margin-left: initial;
-}
-.container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-}
-.container.start {
-        align-items: flex-start;
-    }
-.container.center {
-        align-items: center;
-    }
 .singleIcon {
     flex-shrink: 0;
     opacity: 0;
@@ -41,6 +31,3 @@
 .singleIcon.selected {
         opacity: 1;
     }
-.content {
-    flex: 1;
-}