@alfalab/core-components-select 19.1.0 → 19.1.1

package/components/base-select/index.css

@@ -30,25 +30,25 @@
     --select-options-list-bottom-padding: var(--gap-0);
     --select-option-background: var(--color-light-modal-bg-primary);
 }
-.select__component_9xjn6 {
+.select__component_8xcxi {
     width: -moz-max-content;
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
 }
-.select__popoverInner_9xjn6 {
+.select__popoverInner_8xcxi {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: var(--border-radius-0);
     position: relative;
 }
-.select__popoverInner_9xjn6.select__popoverInner_9xjn6 {
+.select__popoverInner_8xcxi.select__popoverInner_8xcxi {
     box-shadow: none;
     border: none;
 }
-.select__optionsListWrapper_9xjn6 {
+.select__optionsListWrapper_8xcxi {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -58,7 +58,7 @@
     overflow: hidden;
     will-change: transform;
 }
-.select__optionsListBorder_9xjn6 {
+.select__optionsListBorder_8xcxi {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -68,7 +68,7 @@
     border-radius: inherit;
     pointer-events: none;
 }
-.select__nativeSelect_9xjn6 {
+.select__nativeSelect_8xcxi {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -82,19 +82,19 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_9xjn6 {
+.select__block_8xcxi {
     width: 100%;
 }
-.select__emptySearchPlaceholder_9xjn6 {
+.select__emptySearchPlaceholder_8xcxi {
     text-align: center;
 }
-.select__search_9xjn6 {
+.select__search_8xcxi {
     margin: var(--gap-12) var(--gap-12) var(--gap-0);
 }
-.select__search_9xjn6.select__size-72_9xjn6 {
+.select__search_8xcxi.select__size-72_8xcxi {
         margin-left: var(--gap-16);
         margin-right: var(--gap-16);
     }
-.select__search_9xjn6:last-child {
+.select__search_8xcxi:last-child {
         margin-bottom: var(--gap-12);
     }

package/components/base-select/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_9xjn6","popoverInner":"select__popoverInner_9xjn6","optionsListWrapper":"select__optionsListWrapper_9xjn6","optionsListBorder":"select__optionsListBorder_9xjn6","nativeSelect":"select__nativeSelect_9xjn6","block":"select__block_9xjn6","emptySearchPlaceholder":"select__emptySearchPlaceholder_9xjn6","search":"select__search_9xjn6","size-72":"select__size-72_9xjn6"};
+var styles = {"component":"select__component_8xcxi","popoverInner":"select__popoverInner_8xcxi","optionsListWrapper":"select__optionsListWrapper_8xcxi","optionsListBorder":"select__optionsListBorder_8xcxi","nativeSelect":"select__nativeSelect_8xcxi","block":"select__block_8xcxi","emptySearchPlaceholder":"select__emptySearchPlaceholder_8xcxi","search":"select__search_8xcxi","size-72":"select__size-72_8xcxi"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-select/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-select/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.component {\n    width: max-content;\n    position: relative;\n    outline: 0;\n    max-width: 100%;\n}\n\n.popoverInner {\n    padding-top: var(--select-options-list-offset);\n    padding-bottom: var(--select-options-list-offset);\n    background: transparent;\n    border-radius: var(--border-radius-0);\n    position: relative;\n}\n\n.popoverInner.popoverInner {\n    box-shadow: none;\n    border: none;\n}\n\n.optionsListWrapper {\n    position: relative;\n    padding-top: var(--select-options-list-top-padding);\n    padding-bottom: var(--select-options-list-bottom-padding);\n    box-shadow: var(--select-options-list-box-shadow);\n    border-radius: var(--select-options-list-border-radius);\n    background: var(--select-option-background);\n    overflow: hidden;\n    will-change: transform;\n}\n\n.optionsListBorder {\n    position: absolute;\n    top: var(--gap-0);\n    right: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);\n    border-radius: inherit;\n    pointer-events: none;\n}\n\n.nativeSelect {\n    opacity: 0;\n    overflow: hidden;\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 100%;\n    cursor: pointer;\n    z-index: 1;\n}\n\n.block {\n    width: 100%;\n}\n\n.emptySearchPlaceholder {\n    text-align: center;\n}\n\n.search {\n    margin: var(--gap-12) var(--gap-12) var(--gap-0);\n\n    &.size-72 {\n        margin-left: var(--gap-16);\n        margin-right: var(--gap-16);\n    }\n\n    &:last-child {\n        margin-bottom: var(--gap-12);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,cAAc,CAAC,4BAA4B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iCAAiC,CAAC,cAAc,CAAC,4BAA4B,CAAC,OAAO,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-select/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.component {\n    width: max-content;\n    position: relative;\n    outline: 0;\n    max-width: 100%;\n}\n\n.popoverInner {\n    padding-top: var(--select-options-list-offset);\n    padding-bottom: var(--select-options-list-offset);\n    background: transparent;\n    border-radius: var(--border-radius-0);\n    position: relative;\n}\n\n.popoverInner.popoverInner {\n    box-shadow: none;\n    border: none;\n}\n\n.optionsListWrapper {\n    position: relative;\n    padding-top: var(--select-options-list-top-padding);\n    padding-bottom: var(--select-options-list-bottom-padding);\n    box-shadow: var(--select-options-list-box-shadow);\n    border-radius: var(--select-options-list-border-radius);\n    background: var(--select-option-background);\n    overflow: hidden;\n    will-change: transform;\n}\n\n.optionsListBorder {\n    position: absolute;\n    top: var(--gap-0);\n    right: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);\n    border-radius: inherit;\n    pointer-events: none;\n}\n\n.nativeSelect {\n    opacity: 0;\n    overflow: hidden;\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 100%;\n    cursor: pointer;\n    z-index: 1;\n}\n\n.block {\n    width: 100%;\n}\n\n.emptySearchPlaceholder {\n    text-align: center;\n}\n\n.search {\n    margin: var(--gap-12) var(--gap-12) var(--gap-0);\n\n    &.size-72 {\n        margin-left: var(--gap-16);\n        margin-right: var(--gap-16);\n    }\n\n    &:last-child {\n        margin-bottom: var(--gap-12);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,cAAc,CAAC,4BAA4B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iCAAiC,CAAC,cAAc,CAAC,4BAA4B,CAAC,OAAO,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/components/base-select/mobile.css

@@ -9,40 +9,40 @@
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 }
-.select__sheet_1bvfg {
+.select__sheet_1ehaw {
     overflow: hidden;
 }
-.select__sheetContent_1bvfg.select__sheetContent_1bvfg {
+.select__sheetContent_1ehaw.select__sheetContent_1ehaw {
     padding: var(--gap-0);
 }
-.select__sheetContent_1bvfg.select__sheetContent_1bvfg .select__modalContent_1bvfg {
+.select__sheetContent_1ehaw.select__sheetContent_1ehaw .select__modalContent_1ehaw {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
     }
-.select__sheetContainer_1bvfg {
+.select__sheetContainer_1ehaw {
     padding: var(--gap-0);
 }
-.select__optionsListWrapper_1bvfg {
+.select__optionsListWrapper_1ehaw {
     flex: 1;
 }
-.select__optionsList_1bvfg.select__optionsList_1bvfg {
+.select__optionsList_1ehaw.select__optionsList_1ehaw {
     height: 100%;
     display: flex;
     flex-direction: column;
 }
-.select__scrollbar_1bvfg {
+.select__scrollbar_1ehaw {
     flex: 1;
 }
-.select__search_1bvfg {
+.select__search_1ehaw {
     padding: var(--gap-8);
 }
-.select__option_1bvfg.select__option_1bvfg {
+.select__option_1ehaw.select__option_1ehaw {
     padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);
 }
-.select__option_1bvfg.select__option_1bvfg:before {
+.select__option_1ehaw.select__option_1ehaw:before {
         display: none;
     }
-.select__optionGroup_1bvfg.select__optionGroup_1bvfg {
+.select__optionGroup_1ehaw.select__optionGroup_1ehaw {
     padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

package/components/base-select/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var mobileStyles = {"sheet":"select__sheet_1bvfg","sheetContent":"select__sheetContent_1bvfg","modalContent":"select__modalContent_1bvfg","sheetContainer":"select__sheetContainer_1bvfg","optionsListWrapper":"select__optionsListWrapper_1bvfg","optionsList":"select__optionsList_1bvfg","scrollbar":"select__scrollbar_1bvfg","search":"select__search_1bvfg","option":"select__option_1bvfg","optionGroup":"select__optionGroup_1bvfg"};
+var mobileStyles = {"sheet":"select__sheet_1ehaw","sheetContent":"select__sheetContent_1ehaw","modalContent":"select__modalContent_1ehaw","sheetContainer":"select__sheetContainer_1ehaw","optionsListWrapper":"select__optionsListWrapper_1ehaw","optionsList":"select__optionsList_1ehaw","scrollbar":"select__scrollbar_1ehaw","search":"select__search_1ehaw","option":"select__option_1ehaw","optionGroup":"select__optionGroup_1ehaw"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/base-select/mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../../src/components/base-select/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.sheet {\n    overflow: hidden;\n}\n\n.sheetContent.sheetContent {\n    padding: var(--gap-0);\n\n    & .modalContent {\n        padding: var(--gap-0);\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n.sheetContainer {\n    padding: var(--gap-0);\n}\n\n.optionsListWrapper {\n    flex: 1;\n}\n\n.optionsList.optionsList {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.scrollbar {\n    flex: 1;\n}\n\n.search {\n    padding: var(--gap-8);\n}\n\n.option.option {\n    padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);\n\n    &:before {\n        display: none;\n    }\n}\n\n.optionGroup.optionGroup {\n    padding: var(--gap-16) var(--gap-16) var(--gap-8);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC,cAAc,CAAC,4BAA4B,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,aAAa,CAAC,2BAA2B,CAAC,WAAW,CAAC,yBAAyB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"mobile.module.css.js","sources":["../../src/components/base-select/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.sheet {\n    overflow: hidden;\n}\n\n.sheetContent.sheetContent {\n    padding: var(--gap-0);\n\n    & .modalContent {\n        padding: var(--gap-0);\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n.sheetContainer {\n    padding: var(--gap-0);\n}\n\n.optionsListWrapper {\n    flex: 1;\n}\n\n.optionsList.optionsList {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.scrollbar {\n    flex: 1;\n}\n\n.search {\n    padding: var(--gap-8);\n}\n\n.option.option {\n    padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);\n\n    &:before {\n        display: none;\n    }\n}\n\n.optionGroup.optionGroup {\n    padding: var(--gap-16) var(--gap-16) var(--gap-8);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC,cAAc,CAAC,4BAA4B,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,aAAa,CAAC,2BAA2B,CAAC,WAAW,CAAC,yBAAyB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}

package/components/base-select/types/component-types.d.ts

@@ -4,14 +4,14 @@ import { type ModalContentProps, type ModalFooterProps, type ModalHeaderProps }
 import { type ModalMobileProps } from '@alfalab/core-components-modal/typings';
 import { type PopoverProps } from '@alfalab/core-components-popover';
 import { type AdditionalMobileProps, type BaseSelectProps, type BottomSheetSelectMobileProps, type ModalSelectMobileProps } from '../../../typings';
-declare type PopoverType = ForwardRefExoticComponent<PopoverProps & RefAttributes<HTMLDivElement>>;
-declare type BottomSheetType = ForwardRefExoticComponent<BottomSheetProps & RefAttributes<HTMLDivElement>>;
-declare type ModalMobileType = ForwardRefExoticComponent<ModalMobileProps & RefAttributes<HTMLDivElement>> & {
+type PopoverType = ForwardRefExoticComponent<PopoverProps & RefAttributes<HTMLDivElement>>;
+type BottomSheetType = ForwardRefExoticComponent<BottomSheetProps & RefAttributes<HTMLDivElement>>;
+type ModalMobileType = ForwardRefExoticComponent<ModalMobileProps & RefAttributes<HTMLDivElement>> & {
     Header: FC<ModalHeaderProps>;
     Footer: FC<ModalFooterProps>;
     Content: FC<ModalContentProps>;
 };
-export declare type ComponentProps = BaseSelectProps & AdditionalMobileProps & BottomSheetSelectMobileProps & ModalSelectMobileProps & {
+export type ComponentProps = BaseSelectProps & AdditionalMobileProps & BottomSheetSelectMobileProps & ModalSelectMobileProps & {
     isBottomSheet?: boolean;
     view: 'desktop' | 'mobile';
     Popover?: PopoverType;

package/components/checkmark/index.css

@@ -13,16 +13,16 @@
     --select-checkmark-after-display-single: flex;
     --select-checkmark-unselected-opacity: 0;
 }
-.select__checkmark_1r6w4 {
+.select__checkmark_1ol0o {
     flex-shrink: 0;
 }
-.select__checkmark_1r6w4.select__before_1r6w4 {
+.select__checkmark_1ol0o.select__before_1ol0o {
         display: var(--select-checkmark-before-display);
     }
-.select__checkmark_1r6w4.select__after_1r6w4 {
+.select__checkmark_1ol0o.select__after_1ol0o {
         display: var(--select-checkmark-after-display);
     }
-.select__single_1r6w4 {
+.select__single_1ol0o {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -30,26 +30,26 @@
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size);
 }
-.select__single_1r6w4.select__selected_1r6w4 {
+.select__single_1ol0o.select__selected_1ol0o {
         opacity: 1;
     }
-.select__multiple_1r6w4.select__before_1r6w4 {
+.select__multiple_1ol0o.select__before_1ol0o {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
     }
-.select__multiple_1r6w4.select__after_1r6w4 {
+.select__multiple_1ol0o.select__after_1ol0o {
         margin-left: var(--gap-12);
     }
-.select__after_1r6w4.select__after_1r6w4 {
+.select__after_1ol0o.select__after_1ol0o {
     display: var(--select-checkmark-after-display);
 }
-.select__after_1r6w4.select__after_1r6w4.select__single_1r6w4 {
+.select__after_1ol0o.select__after_1ol0o.select__single_1ol0o {
         display: var(--select-checkmark-after-display-single);
     }
-.select__colorIcon_1r6w4 {
+.select__colorIcon_1ol0o {
     color: var(--color-light-status-positive);
 }
-.select__displayIcon_1r6w4 {
+.select__displayIcon_1ol0o {
     display: block;
     width: 100%;
     height: 100%;

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"checkmark":"select__checkmark_1r6w4","before":"select__before_1r6w4","after":"select__after_1r6w4","single":"select__single_1r6w4","selected":"select__selected_1r6w4","multiple":"select__multiple_1r6w4","colorIcon":"select__colorIcon_1r6w4","displayIcon":"select__displayIcon_1r6w4"};
+var styles = {"checkmark":"select__checkmark_1ol0o","before":"select__before_1ol0o","after":"select__after_1ol0o","single":"select__single_1ol0o","selected":"select__selected_1ol0o","multiple":"select__multiple_1ol0o","colorIcon":"select__colorIcon_1ol0o","displayIcon":"select__displayIcon_1ol0o"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/checkmark/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n\n    &.before {\n        display: var(--select-checkmark-before-display);\n    }\n\n    &.after {\n        display: var(--select-checkmark-after-display);\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: var(--select-checkmark-unselected-opacity);\n    width: var(--select-checkmark-size);\n    height: var(--select-checkmark-size);\n\n    &.selected {\n        opacity: 1;\n    }\n}\n\n.multiple {\n    &.before {\n        margin-right: var(--gap-12);\n        display: var(--select-checkmark-before-display-multiple);\n    }\n\n    &.after {\n        margin-left: var(--gap-12);\n    }\n}\n\n.after.after {\n    display: var(--select-checkmark-after-display);\n\n    &.single {\n        display: var(--select-checkmark-after-display-single);\n    }\n}\n\n.colorIcon {\n    color: var(--color-light-status-positive);\n}\n\n.displayIcon {\n    display: block;\n    width: 100%;\n    height: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,UAAU,CAAC,wBAAwB,CAAC,WAAW,CAAC,yBAAyB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n\n    &.before {\n        display: var(--select-checkmark-before-display);\n    }\n\n    &.after {\n        display: var(--select-checkmark-after-display);\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: var(--select-checkmark-unselected-opacity);\n    width: var(--select-checkmark-size);\n    height: var(--select-checkmark-size);\n\n    &.selected {\n        opacity: 1;\n    }\n}\n\n.multiple {\n    &.before {\n        margin-right: var(--gap-12);\n        display: var(--select-checkmark-before-display-multiple);\n    }\n\n    &.after {\n        margin-left: var(--gap-12);\n    }\n}\n\n.after.after {\n    display: var(--select-checkmark-after-display);\n\n    &.single {\n        display: var(--select-checkmark-after-display-single);\n    }\n}\n\n.colorIcon {\n    color: var(--color-light-status-positive);\n}\n\n.displayIcon {\n    display: block;\n    width: 100%;\n    height: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,UAAU,CAAC,wBAAwB,CAAC,WAAW,CAAC,yBAAyB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}

package/components/checkmark-mobile/index.css

@@ -6,7 +6,7 @@
     --select-mobile-checkmark-display-icon: block;
     --select-mobile-checkmark-display-badge: none;
 }
-.select__checkmark_1s4hl {
+.select__checkmark_akltl {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -15,18 +15,18 @@
     height: 24px;
     opacity: 0;
 }
-.select__checkmark_1s4hl.select__selected_1s4hl {
+.select__checkmark_akltl.select__selected_akltl {
         opacity: 1;
     }
-.select__checkmark_1s4hl.select__before_1s4hl {
+.select__checkmark_akltl.select__before_akltl {
         margin-right: var(--gap-8);
     }
-.select__checkmark_1s4hl.select__after_1s4hl {
+.select__checkmark_akltl.select__after_akltl {
         margin-left: var(--gap-8);
     }
-.select__displayIcon_1s4hl {
+.select__displayIcon_akltl {
     display: var(--select-mobile-checkmark-display-icon);
 }
-.select__displayBadge_1s4hl {
+.select__displayBadge_akltl {
     display: var(--select-mobile-checkmark-display-badge);
 }

package/components/checkmark-mobile/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"checkmark":"select__checkmark_1s4hl","selected":"select__selected_1s4hl","before":"select__before_1s4hl","after":"select__after_1s4hl","displayIcon":"select__displayIcon_1s4hl","displayBadge":"select__displayBadge_1s4hl"};
+var styles = {"checkmark":"select__checkmark_akltl","selected":"select__selected_akltl","before":"select__before_akltl","after":"select__after_akltl","displayIcon":"select__displayIcon_akltl","displayBadge":"select__displayBadge_akltl"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/checkmark-mobile/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/checkmark-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    opacity: 0;\n\n    &.selected {\n        opacity: 1;\n    }\n\n    &.before {\n        margin-right: var(--gap-8);\n    }\n\n    &.after {\n        margin-left: var(--gap-8);\n    }\n}\n\n.displayIcon {\n    display: var(--select-mobile-checkmark-display-icon);\n}\n\n.displayBadge {\n    display: var(--select-mobile-checkmark-display-badge);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,UAAU,CAAC,wBAAwB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,qBAAqB,CAAC,aAAa,CAAC,2BAA2B,CAAC,cAAc,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/checkmark-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    opacity: 0;\n\n    &.selected {\n        opacity: 1;\n    }\n\n    &.before {\n        margin-right: var(--gap-8);\n    }\n\n    &.after {\n        margin-left: var(--gap-8);\n    }\n}\n\n.displayIcon {\n    display: var(--select-mobile-checkmark-display-icon);\n}\n\n.displayBadge {\n    display: var(--select-mobile-checkmark-display-badge);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,UAAU,CAAC,wBAAwB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,qBAAqB,CAAC,aAAa,CAAC,2BAA2B,CAAC,cAAc,CAAC,4BAA4B,CAAC;;;;"}

package/components/clear-button/index.css

@@ -6,16 +6,16 @@
 :root {
     --input-error-icon-display: none;
 }
-.select__clearIcon_dmm0q {
+.select__clearIcon_11smg {
     display: block;
     color: var(--color-light-neutral-translucent-500);
 }
-.select__clearIcon_dmm0q:hover {
+.select__clearIcon_11smg:hover {
         color: var(--color-light-neutral-translucent-500-hover);
     }
-.select__clearIcon_dmm0q:active {
+.select__clearIcon_11smg:active {
         color: var(--color-light-neutral-translucent-500-press);
     }
-.select__clearButton_dmm0q + [data-addon='error-icon'] {
+.select__clearButton_11smg + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

package/components/clear-button/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"clearIcon":"select__clearIcon_dmm0q","clearButton":"select__clearButton_dmm0q"};
+var styles = {"clearIcon":"select__clearIcon_11smg","clearButton":"select__clearButton_11smg"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/field/Component.d.ts

@@ -1,7 +1,7 @@
 import React, { type ElementType } from 'react';
 import { type FormControlProps } from '@alfalab/core-components-form-control';
 import { type FieldProps as BaseFieldProps } from '../../typings';
-declare type FieldProps = {
+type FieldProps = {
     /**
      * Компонент FormControl
      */

package/components/field/index.css

@@ -18,28 +18,28 @@
 :root {
     --select-arrow-hover-opacity: 0.7;
 }
-.select__component_1ir9n {
+.select__component_7w60k {
     width: 100%;
     outline: none;
 }
-.select__field_1ir9n:not(.select__disabled_1ir9n) {
+.select__field_7w60k:not(.select__disabled_7w60k) {
     cursor: pointer;
 }
-.select__field_1ir9n:not(.select__disabled_1ir9n):hover .select__arrow_1ir9n {
+.select__field_7w60k:not(.select__disabled_7w60k):hover .select__arrow_7w60k {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_1ir9n {
+.select__disabled_7w60k {
     cursor: var(--disabled-cursor);
 }
-.select__placeholder_1ir9n {
+.select__placeholder_7w60k {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_1ir9n 0.2s ease;
+    animation: select__show-placeholder_7w60k 0.2s ease;
 }
-.select__placeholder_1ir9n.select__focused_1ir9n {
+.select__placeholder_7w60k.select__focused_7w60k {
         color: var(--input-focus-placeholder-color);
     }
-.select__contentWrapper_1ir9n {
+.select__contentWrapper_7w60k {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -50,28 +50,28 @@
     overflow: hidden;
     width: 100%;
 }
-.select__contentWrapper_1ir9n.select__size-40_1ir9n {
+.select__contentWrapper_7w60k.select__size-40_7w60k {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.select__value_1ir9n {
+.select__value_7w60k {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__value_1ir9n.select__size-40_1ir9n {
+.select__value_7w60k.select__size-40_7w60k {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.select__focusVisible_1ir9n {
+.select__focusVisible_7w60k {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-@keyframes select__show-placeholder_1ir9n {
+@keyframes select__show-placeholder_7w60k {
     from {
         opacity: 0;
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_1ir9n","field":"select__field_1ir9n","disabled":"select__disabled_1ir9n","arrow":"select__arrow_1ir9n","placeholder":"select__placeholder_1ir9n","show-placeholder":"select__show-placeholder_1ir9n","focused":"select__focused_1ir9n","contentWrapper":"select__contentWrapper_1ir9n","size-40":"select__size-40_1ir9n","value":"select__value_1ir9n","focusVisible":"select__focusVisible_1ir9n"};
+var styles = {"component":"select__component_7w60k","field":"select__field_7w60k","disabled":"select__disabled_7w60k","arrow":"select__arrow_7w60k","placeholder":"select__placeholder_7w60k","show-placeholder":"select__show-placeholder_7w60k","focused":"select__focused_7w60k","contentWrapper":"select__contentWrapper_7w60k","size-40":"select__size-40_7w60k","value":"select__value_7w60k","focusVisible":"select__focusVisible_7w60k"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../input/src/vars.css';\n@import '../../vars.css';\n\n.component {\n    width: 100%;\n    outline: none;\n}\n\n.field:not(.disabled) {\n    cursor: pointer;\n\n    &:hover {\n        & .arrow {\n            opacity: var(--select-arrow-hover-opacity);\n        }\n    }\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n}\n\n.placeholder {\n    color: var(--input-placeholder-color);\n    transition: color 0.2s ease;\n    animation: show-placeholder 0.2s ease;\n\n    &.focused {\n        color: var(--input-focus-placeholder-color);\n    }\n}\n\n.contentWrapper {\n    @mixin paragraph_component;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 100%;\n\n    &.size-40 {\n        @mixin paragraph_component_secondary;\n    }\n}\n\n.value {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: left;\n\n    &.size-40 {\n        @mixin paragraph_component_secondary;\n    }\n}\n\n.focusVisible {\n    @mixin focus-outline;\n}\n\n@keyframes show-placeholder {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,OAAO,CAAC,qBAAqB,CAAC,aAAa,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,gCAAgC,CAAC,SAAS,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../input/src/vars.css';\n@import '../../vars.css';\n\n.component {\n    width: 100%;\n    outline: none;\n}\n\n.field:not(.disabled) {\n    cursor: pointer;\n\n    &:hover {\n        & .arrow {\n            opacity: var(--select-arrow-hover-opacity);\n        }\n    }\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n}\n\n.placeholder {\n    color: var(--input-placeholder-color);\n    transition: color 0.2s ease;\n    animation: show-placeholder 0.2s ease;\n\n    &.focused {\n        color: var(--input-focus-placeholder-color);\n    }\n}\n\n.contentWrapper {\n    @mixin paragraph_component;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 100%;\n\n    &.size-40 {\n        @mixin paragraph_component_secondary;\n    }\n}\n\n.value {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: left;\n\n    &.size-40 {\n        @mixin paragraph_component_secondary;\n    }\n}\n\n.focusVisible {\n    @mixin focus-outline;\n}\n\n@keyframes show-placeholder {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,OAAO,CAAC,qBAAqB,CAAC,aAAa,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,gCAAgC,CAAC,SAAS,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC;;;;"}

package/components/footer/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type FooterProps = {
+export type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
     showClear?: boolean;

package/components/footer/index.css

@@ -6,20 +6,20 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.select__footer_72tfz {
+.select__footer_8305n {
     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_72tfz .select__button_72tfz:first-of-type {
+.select__footer_8305n .select__button_8305n:first-of-type {
         margin-right: var(--gap-16);
     }
-.select__button_72tfz {
+.select__button_8305n {
     width: 50%;
 }
-.select__highlighted_72tfz {
+.select__highlighted_8305n {
     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_72tfz","button":"select__button_72tfz","highlighted":"select__highlighted_72tfz"};
+var styles = {"footer":"select__footer_8305n","button":"select__button_8305n","highlighted":"select__highlighted_8305n"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.footer {\n    display: flex;\n    box-sizing: border-box;\n    width: 100%;\n    padding: var(--gap-16) var(--gap-16);\n    background-color: var(--color-light-modal-bg-primary);\n\n    & .button:first-of-type {\n        margin-right: var(--gap-16);\n    }\n}\n\n.button {\n    width: 50%;\n}\n\n.highlighted {\n    border-top: 1px solid var(--color-light-neutral-300);\n    background-color: var(--color-light-modal-bg-primary);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n    display: flex;\n    box-sizing: border-box;\n    width: 100%;\n    padding: var(--gap-16) var(--gap-16);\n    background-color: var(--color-light-modal-bg-primary);\n\n    & .button:first-of-type {\n        margin-right: var(--gap-16);\n    }\n}\n\n.button {\n    width: 50%;\n}\n\n.highlighted {\n    border-top: 1px solid var(--color-light-neutral-300);\n    background-color: var(--color-light-modal-bg-primary);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}

package/components/native-select/Component.d.ts

@@ -1,6 +1,6 @@
 import React, { type SelectHTMLAttributes } from 'react';
 import { type GroupShape, type OptionShape } from '../../typings';
-export declare type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
+export type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
     /**
      * Список вариантов выбора
      */

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_1rx6d {
+.select__optgroup_1qwzo {
     position: relative;
     display: flex;
     align-items: center;
@@ -33,10 +33,10 @@
     background: var(--select-optgroup-background);
     min-height: 40px;
 }
-.select__optgroup_1rx6d + *[role='option']:before {
+.select__optgroup_1qwzo + *[role='option']:before {
         display: none;
     }
-.select__label_1rx6d {
+.select__label_1qwzo {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
@@ -47,7 +47,7 @@
     display: block;
     color: var(--select-optgroup-color);
 }
-.select__size-72_1rx6d {
+.select__size-72_1qwzo {
     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_1rx6d","label":"select__label_1rx6d","size-72":"select__size-72_1rx6d"};
+var styles = {"optgroup":"select__optgroup_1qwzo","label":"select__label_1qwzo","size-72":"select__size-72_1qwzo"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/optgroup/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.optgroup {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: var(--gap-12) var(--select-optgroup-right-padding) var(--gap-4)\n        var(--select-optgroup-left-padding);\n    box-sizing: border-box;\n    background: var(--select-optgroup-background);\n    min-height: 40px;\n\n    & + *[role='option']:before {\n        display: none;\n    }\n}\n\n.label {\n    @mixin paragraph_caps;\n\n    display: block;\n    color: var(--select-optgroup-color);\n}\n\n.size-72 {\n    padding-left: var(--select-optgroup-l-left-padding);\n    padding-right: var(--select-optgroup-l-right-padding);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,wBAAwB,CAAC,OAAO,CAAC,qBAAqB,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/optgroup/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.optgroup {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: var(--gap-12) var(--select-optgroup-right-padding) var(--gap-4)\n        var(--select-optgroup-left-padding);\n    box-sizing: border-box;\n    background: var(--select-optgroup-background);\n    min-height: 40px;\n\n    & + *[role='option']:before {\n        display: none;\n    }\n}\n\n.label {\n    @mixin paragraph_caps;\n\n    display: block;\n    color: var(--select-optgroup-color);\n}\n\n.size-72 {\n    padding-left: var(--select-optgroup-l-left-padding);\n    padding-right: var(--select-optgroup-l-right-padding);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,wBAAwB,CAAC,OAAO,CAAC,qBAAqB,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/components/option/Component.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="@alfalab/core-components-env" />
 import { type FC } from 'react';
 import { type OptionCommonProps } from '../../typings';
 import type stylesDesktop from './desktop/index.module.css';
 import type stylesMobile from './mobile/index.module.css';
-declare type OptionPrivateProps = {
+type OptionPrivateProps = {
     /**
      * Мобильная версия option.
      */