@alfalab/core-components-select 19.0.6 → 19.1.0-alfasans

package/esm/typings.d.ts

@@ -669,6 +669,10 @@ export declare type CheckmarkProps = {
      * Расположение отметки
      */
     position?: 'before' | 'after';
+    /**
+     * Дополнительный контент
+     */
+    content?: ReactNode;
     /**
      * Иконка выбранного пункта
      */
@@ -697,6 +701,11 @@ export declare type AdditionalMobileProps = {
      * Использовать ли хук useSelectWithApply в мобильном компоненте
      */
     useWithApplyHook?: boolean;
+    /**
+     * Позиция чекбокса "Выбрать все" в Header
+     * @default 'before'
+     */
+    checkmarkPosition?: 'before' | 'after';
 };
 export declare type BottomSheetSelectMobileProps = {
     /**

package/mobile/Component.mobile.js

@@ -13,9 +13,7 @@ var Component$6 = require('../components/field/Component.js');
 var Component$2 = require('../components/footer/Component.js');
 var Component$5 = require('../components/optgroup/Component.js');
 require('classnames');
-require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark/index.css');
 require('../components/option/desktop/index.css');
@@ -36,7 +34,7 @@ var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
 var SelectMobile = React.forwardRef(function (_a, ref) {
     var _b = _a.autocomplete, autocomplete = _b === void 0 ? false : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, _d = _a.allowUnselect, allowUnselect = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? !multiple : _f, _g = _a.circularNavigation, circularNavigation = _g === void 0 ? false : _g, _h = _a.defaultOpen, defaultOpen = _h === void 0 ? false : _h, openProp = _a.open, _j = _a.size, size = _j === void 0 ? 56 : _j, _k = _a.optionsSize, optionsSize = _k === void 0 ? 56 : _k, _l = _a.fieldProps, fieldProps = _l === void 0 ? {} : _l, _m = _a.optionProps, optionProps = _m === void 0 ? {} : _m, _o = _a.optionsListProps, optionsListProps = _o === void 0 ? {} : _o, _p = _a.Arrow, Arrow = _p === void 0 ? Component$7.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? Component$6.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? Component$5.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? Component_responsive.OptionResponsive : _s, _t = _a.Search, Search = _t === void 0 ? Component$4.Search : _t, selected = _a.selected, options = _a.options, _u = _a.OptionsList, OptionsList = _u === void 0 ? options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
         ? Component.VirtualOptionsList
-        : Component$1.OptionsList : _u, onChange = _a.onChange, _v = _a.showClear, showClear = _v === void 0 ? true : _v, showSelectAll = _a.showSelectAll, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _w = _a.useWithApplyHook, useWithApplyHook = _w === void 0 ? multiple : _w, showSearch = _a.showSearch, searchProps = _a.searchProps, restProps = tslib.__rest(_a, ["autocomplete", "multiple", "allowUnselect", "disabled", "closeOnSelect", "circularNavigation", "defaultOpen", "open", "size", "optionsSize", "fieldProps", "optionProps", "optionsListProps", "Arrow", "Field", "Optgroup", "Option", "Search", "selected", "options", "OptionsList", "onChange", "showClear", "showSelectAll", "showHeaderWithSelectAll", "useWithApplyHook", "showSearch", "searchProps"]);
+        : Component$1.OptionsList : _u, onChange = _a.onChange, _v = _a.showClear, showClear = _v === void 0 ? true : _v, showSelectAll = _a.showSelectAll, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _w = _a.checkmarkPosition, checkmarkPosition = _w === void 0 ? 'before' : _w, _x = _a.useWithApplyHook, useWithApplyHook = _x === void 0 ? multiple : _x, showSearch = _a.showSearch, searchProps = _a.searchProps, restProps = tslib.__rest(_a, ["autocomplete", "multiple", "allowUnselect", "disabled", "closeOnSelect", "circularNavigation", "defaultOpen", "open", "size", "optionsSize", "fieldProps", "optionProps", "optionsListProps", "Arrow", "Field", "Optgroup", "Option", "Search", "selected", "options", "OptionsList", "onChange", "showClear", "showSelectAll", "showHeaderWithSelectAll", "checkmarkPosition", "useWithApplyHook", "showSearch", "searchProps"]);
     var applyProps = hook.useSelectWithApply({
         optionsListProps: tslib.__assign(tslib.__assign({}, optionsListProps), { Footer: Component$2.Footer }),
         OptionsList: OptionsList,
@@ -47,6 +45,7 @@ var SelectMobile = React.forwardRef(function (_a, ref) {
         onChange: onChange,
         showClear: showClear,
         showSelectAll: showSelectAll,
+        checkmarkPosition: checkmarkPosition,
     });
     var bottomAddons = function (flatOptions) {
         return flatOptions.length > 0 &&

package/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BottomSheet } from '@alfalab/core-components-bottom-sheet';\nimport { FormControlMobile } from '@alfalab/core-components-form-control/mobile';\nimport { ModalMobile } from '@alfalab/core-components-modal/mobile';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Footer } from '../components/footer';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { VirtualOptionsList as DefaultVirtualOptionsList } from '../components/virtual-options-list';\nimport { useSelectWithApply } from '../presets/useSelectWithApply/hook';\nimport { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component';\nimport { type AnyObject, type OptionShape, type SelectMobileProps } from '../typings';\n\nconst VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;\n\nexport const SelectMobile = forwardRef(\n    (\n        {\n            autocomplete = false,\n            multiple = false,\n            allowUnselect = false,\n            disabled = false,\n            closeOnSelect = !multiple,\n            circularNavigation = false,\n            defaultOpen = false,\n            open: openProp,\n            size = 56,\n            optionsSize = 56,\n            fieldProps = {},\n            optionProps = {},\n            optionsListProps = {},\n            Arrow = DefaultArrow,\n            Field = DefaultField,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            Search = DefaultSearch,\n            selected,\n            options,\n            OptionsList = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD\n                ? DefaultVirtualOptionsList\n                : DefaultOptionsList,\n            onChange,\n            showClear = true,\n            showSelectAll,\n            showHeaderWithSelectAll,\n            useWithApplyHook = multiple,\n            showSearch,\n            searchProps,\n            ...restProps\n        }: SelectMobileProps,\n        ref,\n    ) => {\n        const applyProps = useSelectWithApply({\n            optionsListProps: {\n                ...(optionsListProps as AnyObject),\n                Footer,\n            },\n            OptionsList,\n            showSearch,\n            searchProps,\n            selected,\n            options,\n            onChange,\n            showClear,\n            showSelectAll,\n        });\n\n        const bottomAddons = (flatOptions: OptionShape[]) =>\n            flatOptions.length > 0 &&\n            useWithApplyHook &&\n            showHeaderWithSelectAll && (\n                <Header {...applyProps.optionsListProps.headerProps} mobile={true} />\n            );\n\n        return (\n            <BaseSelect\n                ref={ref}\n                view='mobile'\n                autocomplete={autocomplete}\n                multiple={multiple}\n                allowUnselect={allowUnselect}\n                disabled={disabled}\n                closeOnSelect={closeOnSelect}\n                circularNavigation={circularNavigation}\n                defaultOpen={defaultOpen}\n                open={openProp}\n                size={size}\n                optionsSize={optionsSize}\n                fieldProps={{\n                    FormControlComponent: FormControlMobile,\n                    ...(fieldProps as object),\n                }}\n                optionProps={optionProps}\n                Arrow={Arrow}\n                Field={Field}\n                Optgroup={Optgroup}\n                Option={Option}\n                Search={Search}\n                options={options}\n                selected={selected}\n                onChange={onChange}\n                OptionsList={OptionsList}\n                showSearch={showSearch}\n                searchProps={searchProps}\n                BottomSheet={BottomSheet}\n                ModalMobile={ModalMobile}\n                optionsListProps={optionsListProps}\n                {...restProps}\n                {...(restProps.isBottomSheet === false\n                    ? {\n                          modalHeaderProps: {\n                              bottomAddons,\n                              ...restProps.modalHeaderProps,\n                          },\n                      }\n                    : {\n                          bottomSheetProps: {\n                              bottomAddons,\n                              showSwipeMarker: false,\n                              ...restProps.bottomSheetProps,\n                          },\n                      })}\n                {...(useWithApplyHook && applyProps)}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptgroup","DefaultOption","DefaultSearch","DefaultVirtualOptionsList","DefaultOptionsList","__rest","useSelectWithApply","__assign","React","Header","BaseSelect","FormControlMobile","BottomSheet","ModalMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAM,8BAA8B,GAAG,EAAE;IAE5B,YAAY,GAAGA,gBAAU,CAClC,UACI,EAgCoB,EACpB,GAAG,EAAA;AAhCC,IAAA,IAAA,EAAoB,GAAA,EAAA,CAAA,YAAA,EAApB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EAChB,EAAA,GAAA,EAAA,CAAA,aAAqB,EAArB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EACrB,gBAAgB,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EAChB,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,QAAQ,GAAA,EAAA,EACzB,EAAA,GAAA,EAAA,CAAA,kBAA0B,EAA1B,kBAAkB,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EAC1B,EAAmB,GAAA,EAAA,CAAA,WAAA,EAAnB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACb,QAAQ,GAAA,EAAA,CAAA,IAAA,EACd,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EAChB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EACf,EAAgB,GAAA,EAAA,CAAA,WAAA,EAAhB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,gBAAqB,EAArB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACrB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,iBAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,oBAAe,GAAA,EAAA,EAC1B,cAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,qCAAa,GAAA,EAAA,EACtB,EAAsB,GAAA,EAAA,CAAA,MAAA,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,GAAA,EAAA,EACtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,aAAA,EACP,EAAA,GAAA,EAAA,CAAA,WAEwB,EAFxB,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,CAAC,MAAM,GAAG;AAC3B,UAAEC;AACF,UAAEC,uBAAkB,GAAA,EAAA,EACxB,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,mBAAG,IAAI,GAAA,EAAA,EAChB,aAAa,mBAAA,EACb,uBAAuB,GAAA,EAAA,CAAA,uBAAA,EACvB,wBAA2B,EAA3B,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EAC3B,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACR,SAAS,GAAAC,YAAA,CAAA,EAAA,EA/BhB,6YAgCC,CADe;IAIhB,IAAM,UAAU,GAAGC,uBAAkB,CAAC;AAClC,QAAA,gBAAgB,EACRC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,gBAA8B,CAClC,EAAA,EAAA,MAAM,oBAAA,EACT,CAAA;AACD,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,aAAa,EAAA,aAAA;AAChB,KAAA,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,WAA0B,EAAA;AAC5C,QAAA,OAAA,WAAW,CAAC,MAAM,GAAG,CAAC;YACtB,gBAAgB;AAChB,YAAA,uBAAuB,KACnBC,sBAAC,CAAA,aAAA,CAAAC,kBAAM,qBAAK,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,EAAA,MAAM,EAAE,IAAI,IAAI,CACxE;AAJD,KAIC;AAEL,IAAA,QACID,sBAAA,CAAA,aAAA,CAACE,sBAAU,EAAAH,cAAA,CAAA,EACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,UAAU,EAAAA,cAAA,CAAA,EACN,oBAAoB,EAAEI,0BAAiB,EAAA,EACnC,UAAqB,CAAA,EAE7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAEC,qCAAW,EACxB,WAAW,EAAEC,kBAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAAA,EAC9B,SAAS,GACR,SAAS,CAAC,aAAa,KAAK;AAC7B,UAAE;AACI,YAAA,gBAAgB,mBACZ,YAAY,EAAA,YAAA,IACT,SAAS,CAAC,gBAAgB,CAChC;AACJ;AACH,UAAE;YACI,gBAAgB,EAAAN,cAAA,CAAA,EACZ,YAAY,EAAA,YAAA,EACZ,eAAe,EAAE,KAAK,EACnB,EAAA,SAAS,CAAC,gBAAgB,CAChC;SACJ,IACF,gBAAgB,IAAI,UAAU,EAAC,CACtC;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BottomSheet } from '@alfalab/core-components-bottom-sheet';\nimport { FormControlMobile } from '@alfalab/core-components-form-control/mobile';\nimport { ModalMobile } from '@alfalab/core-components-modal/mobile';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Footer } from '../components/footer';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { VirtualOptionsList as DefaultVirtualOptionsList } from '../components/virtual-options-list';\nimport { useSelectWithApply } from '../presets/useSelectWithApply/hook';\nimport { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component';\nimport { type AnyObject, type OptionShape, type SelectMobileProps } from '../typings';\n\nconst VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;\n\nexport const SelectMobile = forwardRef(\n    (\n        {\n            autocomplete = false,\n            multiple = false,\n            allowUnselect = false,\n            disabled = false,\n            closeOnSelect = !multiple,\n            circularNavigation = false,\n            defaultOpen = false,\n            open: openProp,\n            size = 56,\n            optionsSize = 56,\n            fieldProps = {},\n            optionProps = {},\n            optionsListProps = {},\n            Arrow = DefaultArrow,\n            Field = DefaultField,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            Search = DefaultSearch,\n            selected,\n            options,\n            OptionsList = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD\n                ? DefaultVirtualOptionsList\n                : DefaultOptionsList,\n            onChange,\n            showClear = true,\n            showSelectAll,\n            showHeaderWithSelectAll,\n            checkmarkPosition = 'before',\n            useWithApplyHook = multiple,\n            showSearch,\n            searchProps,\n            ...restProps\n        }: SelectMobileProps,\n        ref,\n    ) => {\n        const applyProps = useSelectWithApply({\n            optionsListProps: {\n                ...(optionsListProps as AnyObject),\n                Footer,\n            },\n            OptionsList,\n            showSearch,\n            searchProps,\n            selected,\n            options,\n            onChange,\n            showClear,\n            showSelectAll,\n            checkmarkPosition,\n        });\n\n        const bottomAddons = (flatOptions: OptionShape[]) =>\n            flatOptions.length > 0 &&\n            useWithApplyHook &&\n            showHeaderWithSelectAll && (\n                <Header {...applyProps.optionsListProps.headerProps} mobile={true} />\n            );\n\n        return (\n            <BaseSelect\n                ref={ref}\n                view='mobile'\n                autocomplete={autocomplete}\n                multiple={multiple}\n                allowUnselect={allowUnselect}\n                disabled={disabled}\n                closeOnSelect={closeOnSelect}\n                circularNavigation={circularNavigation}\n                defaultOpen={defaultOpen}\n                open={openProp}\n                size={size}\n                optionsSize={optionsSize}\n                fieldProps={{\n                    FormControlComponent: FormControlMobile,\n                    ...(fieldProps as object),\n                }}\n                optionProps={optionProps}\n                Arrow={Arrow}\n                Field={Field}\n                Optgroup={Optgroup}\n                Option={Option}\n                Search={Search}\n                options={options}\n                selected={selected}\n                onChange={onChange}\n                OptionsList={OptionsList}\n                showSearch={showSearch}\n                searchProps={searchProps}\n                BottomSheet={BottomSheet}\n                ModalMobile={ModalMobile}\n                optionsListProps={optionsListProps}\n                {...restProps}\n                {...(restProps.isBottomSheet === false\n                    ? {\n                          modalHeaderProps: {\n                              bottomAddons,\n                              ...restProps.modalHeaderProps,\n                          },\n                      }\n                    : {\n                          bottomSheetProps: {\n                              bottomAddons,\n                              showSwipeMarker: false,\n                              ...restProps.bottomSheetProps,\n                          },\n                      })}\n                {...(useWithApplyHook && applyProps)}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptgroup","DefaultOption","DefaultSearch","DefaultVirtualOptionsList","DefaultOptionsList","__rest","useSelectWithApply","__assign","React","Header","BaseSelect","FormControlMobile","BottomSheet","ModalMobile"],"mappings":"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"}

package/modern/components/arrow/index.css

@@ -9,7 +9,7 @@
     --select-arrow-color: var(--color-light-neutral-translucent-700);
     --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
 }
-.select__arrow_15cfs {
+.select__arrow_1szvx {
     display: block;
     width: 24px;
     height: 24px;
@@ -19,15 +19,15 @@
         transform 0.15s ease-in-out,
         opacity 0.2s ease;
 }
-.select__arrow_15cfs.select__disabled_15cfs {
+.select__arrow_1szvx.select__disabled_1szvx {
         color: var(--select-arrow-disabled-color);
     }
-.select__arrow_15cfs.select__size-40_15cfs {
+.select__arrow_1szvx.select__size-40_1szvx {
         width: auto;
         width: initial;
         height: auto;
         height: initial;
     }
-.select__open_15cfs {
+.select__open_1szvx {
     transform: var(--arrow-transform);
 }

package/modern/components/arrow/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"arrow":"select__arrow_15cfs","disabled":"select__disabled_15cfs","size-40":"select__size-40_15cfs","open":"select__open_15cfs"};
+const styles = {"arrow":"select__arrow_1szvx","disabled":"select__disabled_1szvx","size-40":"select__size-40_1szvx","open":"select__open_1szvx"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/base-checkmark/Component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { type FC } from 'react';
 import { type CheckmarkProps } from '../../typings';
-export declare const BaseCheckmark: ({ selected, disabled, className, multiple, align, }: CheckmarkProps) => React.JSX.Element;
+export declare const BaseCheckmark: FC<CheckmarkProps>;

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

@@ -4,12 +4,16 @@ import { Checkbox } from '@alfalab/core-components-checkbox/modern';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 import styles from './index.module.css.js';
 
-const BaseCheckmark = ({ selected, disabled = false, className, multiple, align = 'center', }) => {
-    const checkmarkClassNames = cn(styles.checkmark, styles[align], className, {
-        [styles.single]: !multiple,
-        [styles.selected]: selected,
-    });
-    return multiple ? (React.createElement(Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 24, hiddenInput: true })) : (React.createElement(CheckmarkMIcon, { className: checkmarkClassNames }));
+const BaseCheckmark = ({ selected, disabled = false, className, multiple, align = 'center', position = 'before', content, }) => {
+    const renderCheckmarkIcon = () => (React.createElement(CheckmarkMIcon, { className: cn(styles.singleIcon, styles[position], {
+            [styles.selected]: selected,
+        }) }));
+    return multiple ? (React.createElement(Checkbox, { block: true, checked: selected, disabled: disabled, contentClassName: cn({ [styles.positionAfter]: position === 'after' }), className: cn(styles.checkmark, styles[align], className, {
+            [styles.selected]: selected,
+        }), size: 24, position: position, label: content, hiddenInput: true })) : (React.createElement("div", { className: cn(styles.container, styles[align], className) },
+        position === 'before' && renderCheckmarkIcon(),
+        React.createElement("div", { className: styles.content }, content),
+        position === 'after' && renderCheckmarkIcon()));
 };
 
 export { BaseCheckmark };

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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/base-checkmark/Component.tsx"],"sourcesContent":["import React 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 = ({\n    selected,\n    disabled = false,\n    className,\n    multiple,\n    align = 'center',\n}: CheckmarkProps) => {\n    const checkmarkClassNames = cn(styles.checkmark, styles[align], className, {\n        [styles.single]: !multiple,\n        [styles.selected]: selected,\n    });\n\n    return multiple ? (\n        <Checkbox\n            checked={selected}\n            disabled={disabled}\n            className={checkmarkClassNames}\n            size={24}\n            hiddenInput={true}\n        />\n    ) : (\n        <CheckmarkMIcon className={checkmarkClassNames} />\n    );\n};\n"],"names":[],"mappings":";;;;;;MAUa,aAAa,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,GAAG,QAAQ,GACH,KAAI;AACjB,IAAA,MAAM,mBAAmB,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE;AACvE,QAAA,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,QAAQ;AAC1B,QAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC9B,KAAA,CAAC;AAEF,IAAA,OAAO,QAAQ,IACX,KAAA,CAAA,aAAA,CAAC,QAAQ,EACL,EAAA,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAE,EAAE,EACR,WAAW,EAAE,IAAI,EAAA,CACnB,KAEF,KAAA,CAAA,aAAA,CAAC,cAAc,EAAC,EAAA,SAAS,EAAE,mBAAmB,EAAA,CAAI,CACrD;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    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":[],"mappings":";;;;;;AAUa,MAAA,aAAa,GAAuB,CAAC,EAC9C,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,GAAG,QAAQ,EAChB,QAAQ,GAAG,QAAQ,EACnB,OAAO,GACV,KAAI;IACD,MAAM,mBAAmB,GAAG,OACxB,KAAA,CAAA,aAAA,CAAC,cAAc,EACX,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;AAC/C,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;SAC9B,CAAC,EAAA,CACJ,CACL;IAED,OAAO,QAAQ,IACX,KAAC,CAAA,aAAA,CAAA,QAAQ,EACL,EAAA,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa,GAAG,QAAQ,KAAK,OAAO,EAAE,CAAC,EACtE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE;AACtD,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC9B,SAAA,CAAC,EACF,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,IAAI,EACnB,CAAA,KAEF,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,EAAA;AACzD,QAAA,QAAQ,KAAK,QAAQ,IAAI,mBAAmB,EAAE;AAE/C,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,EAAG,OAAO,CAAO;AAE9C,QAAA,QAAQ,KAAK,OAAO,IAAI,mBAAmB,EAAE,CAC5C,CACT;AACL;;;;"}

package/modern/components/base-checkmark/index.css

@@ -1,19 +1,46 @@
-.select__checkmark_1aik0 {
+:root {
+    --gap-s: 12px;
+    --gap-12: var(--gap-s);
+}
+.select__checkmark_1qi68 {
     flex-shrink: 0;
     box-sizing: border-box;
 }
-.select__checkmark_1aik0.select__start_1aik0 {
+.select__checkmark_1qi68.select__start_1qi68 {
         align-self: start;
     }
-.select__checkmark_1aik0.select__center_1aik0 {
+.select__checkmark_1qi68.select__center_1qi68 {
         align-self: center;
     }
-.select__single_1aik0 {
+.select__positionAfter_1qi68 {
+    margin-left: 0;
+    margin-left: initial;
+}
+.select__container_1qi68 {
     display: flex;
     align-items: center;
     justify-content: center;
+    width: 100%;
+}
+.select__container_1qi68.select__start_1qi68 {
+        align-items: flex-start;
+    }
+.select__container_1qi68.select__center_1qi68 {
+        align-items: center;
+    }
+.select__singleIcon_1qi68 {
+    flex-shrink: 0;
     opacity: 0;
 }
-.select__single_1aik0.select__selected_1aik0 {
+.select__singleIcon_1qi68.select__before_1qi68 {
+        margin-right: var(--gap-12);
+    }
+.select__singleIcon_1qi68.select__after_1qi68 {
+        margin-left: var(--gap-12);
+    }
+.select__singleIcon_1qi68.select__selected_1qi68 {
         opacity: 1;
     }
+.select__content_1qi68 {
+    flex: 1;
+}

package/modern/components/base-checkmark/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"checkmark":"select__checkmark_1aik0","start":"select__start_1aik0","center":"select__center_1aik0","single":"select__single_1aik0","selected":"select__selected_1aik0"};
+const styles = {"checkmark":"select__checkmark_1qi68","start":"select__start_1qi68","center":"select__center_1qi68","positionAfter":"select__positionAfter_1qi68","container":"select__container_1qi68","singleIcon":"select__singleIcon_1qi68","before":"select__before_1qi68","after":"select__after_1qi68","selected":"select__selected_1qi68","content":"select__content_1qi68"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/base-checkmark/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-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    box-sizing: border-box;\n\n    &.start {\n        align-self: start;\n    }\n\n    &.center {\n        align-self: center;\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n\n    &.selected {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-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    box-sizing: border-box;\n\n    &.start {\n        align-self: start;\n    }\n\n    &.center {\n        align-self: center;\n    }\n}\n\n.positionAfter {\n    margin-left: unset;\n}\n\n.container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n\n    &.start {\n        align-items: flex-start;\n    }\n\n    &.center {\n        align-items: center;\n    }\n}\n\n.singleIcon {\n    flex-shrink: 0;\n    opacity: 0;\n\n    &.before {\n        margin-right: var(--gap-12);\n    }\n\n    &.after {\n        margin-left: var(--gap-12);\n    }\n\n    &.selected {\n        opacity: 1;\n    }\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,eAAe,CAAC,6BAA6B,CAAC,WAAW,CAAC,yBAAyB,CAAC,YAAY,CAAC,0BAA0B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/modern/components/base-option/Component.js

@@ -7,27 +7,16 @@ const BaseOption = ({ className, option, children, selected, highlighted, disabl
     const content = children || option.content || option.key;
     const { showCheckMark = true } = option;
     const isTextContent = !isValidElement(content);
-    const renderCheckmark = () => {
-        if (Checkmark && showCheckMark) {
-            return (React.createElement(Checkmark, { className: cn({
-                    [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',
-                    [styles.checkmarkAfterContent]: checkmarkPosition === 'after',
-                }), disabled: disabled, selected: selected, multiple: multiple, align: align }));
-        }
-        return null;
-    };
+    const showCheckmark = Checkmark && showCheckMark;
     return (React.createElement("div", { ...innerProps, className: cn(styles.option, size && styles[`size-${size}`], className, {
             [styles.highlighted]: !mobile && highlighted,
             [styles.selected]: selected,
             [styles.disabled]: disabled,
             [styles.textContent]: isTextContent,
             [styles.mobile]: mobile,
-            [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',
-            [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',
-        }), "data-test-id": dataTestId, "aria-label": option?.value?.name },
-        checkmarkPosition === 'before' && renderCheckmark(),
-        React.createElement("div", { className: cn(styles.content) }, content),
-        checkmarkPosition === 'after' && renderCheckmark()));
+            [styles.checkmarkAfter]: showCheckmark && !isTextContent && checkmarkPosition === 'after',
+            [styles.checkmarkBefore]: showCheckmark && !isTextContent && checkmarkPosition === 'before',
+        }), "data-test-id": dataTestId, "aria-label": option?.value?.name }, showCheckmark ? (React.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, align: align, position: checkmarkPosition, content: content })) : (React.createElement("div", { className: cn(styles.content) }, content))));
 };
 
 export { BaseOption };

package/modern/components/base-option/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/base-option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { type OptionProps } from '../../typings';\nimport { BaseCheckmark } from '../base-checkmark';\n\nimport styles from './index.module.css';\n\nexport const BaseOption: FC<OptionProps> = ({\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    Checkmark = BaseCheckmark,\n    checkmarkPosition = multiple ? 'before' : 'after',\n    align = 'center',\n    innerProps,\n    dataTestId,\n    mobile = false,\n    size,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n\n    const isTextContent = !isValidElement(content);\n\n    const renderCheckmark = () => {\n        if (Checkmark && showCheckMark) {\n            return (\n                <Checkmark\n                    className={cn({\n                        [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',\n                        [styles.checkmarkAfterContent]: checkmarkPosition === 'after',\n                    })}\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    align={align}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, size && styles[`size-${size}`], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n                [styles.textContent]: isTextContent,\n                [styles.mobile]: mobile,\n                [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',\n                [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',\n            })}\n            data-test-id={dataTestId}\n            aria-label={option?.value?.name}\n        >\n            {checkmarkPosition === 'before' && renderCheckmark()}\n\n            <div className={cn(styles.content)}>{content}</div>\n\n            {checkmarkPosition === 'after' && renderCheckmark()}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;MAQa,UAAU,GAAoB,CAAC,EACxC,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,aAAa,EACzB,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,EACjD,KAAK,GAAG,QAAQ,EAChB,UAAU,EACV,UAAU,EACV,MAAM,GAAG,KAAK,EACd,IAAI,GACP,KAAI;IACD,MAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AACxD,IAAA,MAAM,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,MAAM;AAEvC,IAAA,MAAM,aAAa,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;IAE9C,MAAM,eAAe,GAAG,MAAK;QACzB,IAAI,SAAS,IAAI,aAAa,EAAE;AAC5B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,SAAS,EAAE,EAAE,CAAC;AACV,oBAAA,CAAC,MAAM,CAAC,sBAAsB,GAAG,iBAAiB,KAAK,QAAQ;AAC/D,oBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,iBAAiB,KAAK,OAAO;AAChE,iBAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,CACd;AAET;AAED,QAAA,OAAO,IAAI;AACf,KAAC;IAED,QACI,gCACQ,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,CAAA,KAAA,EAAQ,IAAI,CAAE,CAAA,CAAC,EAAE,SAAS,EAAE;YACpE,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;YACvB,CAAC,MAAM,CAAC,cAAc,GAAG,CAAC,aAAa,IAAI,iBAAiB,KAAK,OAAO;YACxE,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,aAAa,IAAI,iBAAiB,KAAK,QAAQ;AAC7E,SAAA,CAAC,kBACY,UAAU,EAAA,YAAA,EACZ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAA;AAE9B,QAAA,iBAAiB,KAAK,QAAQ,IAAI,eAAe,EAAE;QAEpD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,EAAA,OAAO,CAAO;AAElD,QAAA,iBAAiB,KAAK,OAAO,IAAI,eAAe,EAAE,CACjD;AAEd;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/base-option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { type OptionProps } from '../../typings';\nimport { BaseCheckmark } from '../base-checkmark';\n\nimport styles from './index.module.css';\n\nexport const BaseOption: FC<OptionProps> = ({\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    Checkmark = BaseCheckmark,\n    checkmarkPosition = multiple ? 'before' : 'after',\n    align = 'center',\n    innerProps,\n    dataTestId,\n    mobile = false,\n    size,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n    const isTextContent = !isValidElement(content);\n    const showCheckmark = Checkmark && showCheckMark;\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, size && styles[`size-${size}`], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n                [styles.textContent]: isTextContent,\n                [styles.mobile]: mobile,\n                [styles.checkmarkAfter]:\n                    showCheckmark && !isTextContent && checkmarkPosition === 'after',\n                [styles.checkmarkBefore]:\n                    showCheckmark && !isTextContent && checkmarkPosition === 'before',\n            })}\n            data-test-id={dataTestId}\n            aria-label={option?.value?.name}\n        >\n            {showCheckmark ? (\n                <Checkmark\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    align={align}\n                    position={checkmarkPosition}\n                    content={content}\n                />\n            ) : (\n                <div className={cn(styles.content)}>{content}</div>\n            )}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;MAQa,UAAU,GAAoB,CAAC,EACxC,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,aAAa,EACzB,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,EACjD,KAAK,GAAG,QAAQ,EAChB,UAAU,EACV,UAAU,EACV,MAAM,GAAG,KAAK,EACd,IAAI,GACP,KAAI;IACD,MAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AACxD,IAAA,MAAM,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,MAAM;AACvC,IAAA,MAAM,aAAa,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;AAC9C,IAAA,MAAM,aAAa,GAAG,SAAS,IAAI,aAAa;IAEhD,QACI,gCACQ,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,CAAA,KAAA,EAAQ,IAAI,CAAE,CAAA,CAAC,EAAE,SAAS,EAAE;YACpE,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,MAAM,CAAC,cAAc,GAClB,aAAa,IAAI,CAAC,aAAa,IAAI,iBAAiB,KAAK,OAAO;AACpE,YAAA,CAAC,MAAM,CAAC,eAAe,GACnB,aAAa,IAAI,CAAC,aAAa,IAAI,iBAAiB,KAAK,QAAQ;AACxE,SAAA,CAAC,EACY,cAAA,EAAA,UAAU,EACZ,YAAA,EAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAE9B,EAAA,aAAa,IACV,KAAC,CAAA,aAAA,CAAA,SAAS,EACN,EAAA,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,OAAO,EAClB,CAAA,KAEF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAA,EAAG,OAAO,CAAO,CACtD,CACC;AAEd;;;;"}

package/modern/components/base-option/index.css

@@ -15,8 +15,9 @@
     --gap-20: var(--gap-l);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --disabled-cursor: not-allowed;
@@ -34,11 +35,12 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_4yj2g {
+.select__option_fdniw {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
 
     display: flex;
     align-items: center;
@@ -50,55 +52,49 @@
     cursor: pointer;
     min-height: var(--size-s-height);
 }
-.select__option_4yj2g:not(.select__disabled_4yj2g):active {
+.select__option_fdniw:not(.select__disabled_fdniw):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_4yj2g.select__checkmarkBefore_4yj2g {
+.select__option_fdniw.select__checkmarkBefore_fdniw {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
     }
-.select__option_4yj2g.select__checkmarkBefore_4yj2g.select__mobile_4yj2g {
+.select__option_fdniw.select__checkmarkBefore_fdniw.select__mobile_fdniw {
             padding-left: var(--gap-16);
         }
-.select__option_4yj2g.select__checkmarkAfter_4yj2g.select__checkmarkAfter_4yj2g {
+.select__option_fdniw.select__checkmarkAfter_fdniw.select__checkmarkAfter_fdniw {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
     }
-.select__option_4yj2g.select__checkmarkAfter_4yj2g.select__checkmarkAfter_4yj2g.select__size-72_4yj2g {
+.select__option_fdniw.select__checkmarkAfter_fdniw.select__checkmarkAfter_fdniw.select__size-72_fdniw {
             padding-right: var(--gap-16);
         }
-.select__option_4yj2g.select__checkmarkAfter_4yj2g.select__checkmarkAfter_4yj2g.select__mobile_4yj2g {
+.select__option_fdniw.select__checkmarkAfter_fdniw.select__checkmarkAfter_fdniw.select__mobile_fdniw {
             padding-right: var(--gap-20);
         }
-.select__option_4yj2g.select__textContent_4yj2g {
+.select__option_fdniw.select__textContent_fdniw {
         padding: var(--gap-12);
     }
-.select__option_4yj2g.select__textContent_4yj2g.select__size-72_4yj2g {
+.select__option_fdniw.select__textContent_fdniw.select__size-72_fdniw {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
         }
-.select__option_4yj2g.select__textContent_4yj2g.select__mobile_4yj2g {
+.select__option_fdniw.select__textContent_fdniw.select__mobile_fdniw {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
         }
-.select__selected_4yj2g {
+.select__selected_fdniw {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_4yj2g {
+.select__highlighted_fdniw {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__disabled_4yj2g {
+.select__disabled_fdniw {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__checkmarkBeforeContent_4yj2g {
-    margin-right: var(--gap-12);
-}
-.select__checkmarkAfterContent_4yj2g {
-    margin-left: var(--gap-12);
-}
-.select__content_4yj2g {
+.select__content_fdniw {
     flex: 1;
 }

package/modern/components/base-option/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_4yj2g","disabled":"select__disabled_4yj2g","checkmarkBefore":"select__checkmarkBefore_4yj2g","mobile":"select__mobile_4yj2g","checkmarkAfter":"select__checkmarkAfter_4yj2g","size-72":"select__size-72_4yj2g","textContent":"select__textContent_4yj2g","selected":"select__selected_4yj2g","highlighted":"select__highlighted_4yj2g","checkmarkBeforeContent":"select__checkmarkBeforeContent_4yj2g","checkmarkAfterContent":"select__checkmarkAfterContent_4yj2g","content":"select__content_4yj2g"};
+const styles = {"option":"select__option_fdniw","disabled":"select__disabled_fdniw","checkmarkBefore":"select__checkmarkBefore_fdniw","mobile":"select__mobile_fdniw","checkmarkAfter":"select__checkmarkAfter_fdniw","size-72":"select__size-72_fdniw","textContent":"select__textContent_fdniw","selected":"select__selected_fdniw","highlighted":"select__highlighted_fdniw","content":"select__content_fdniw"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/base-option/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.checkmarkBeforeContent {\n    margin-right: var(--gap-12);\n}\n\n.checkmarkAfterContent {\n    margin-left: var(--gap-12);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,2BAA2B,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAA2B,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,uBAAuB,CAAC,qCAAqC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,2BAA2B,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAA2B,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/modern/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_1k6ms {
+.select__component_p59ri {
     width: -moz-max-content;
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
 }
-.select__popoverInner_1k6ms {
+.select__popoverInner_p59ri {
     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_1k6ms.select__popoverInner_1k6ms {
+.select__popoverInner_p59ri.select__popoverInner_p59ri {
     box-shadow: none;
     border: none;
 }
-.select__optionsListWrapper_1k6ms {
+.select__optionsListWrapper_p59ri {
     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_1k6ms {
+.select__optionsListBorder_p59ri {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -68,7 +68,7 @@
     border-radius: inherit;
     pointer-events: none;
 }
-.select__nativeSelect_1k6ms {
+.select__nativeSelect_p59ri {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -82,19 +82,19 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_1k6ms {
+.select__block_p59ri {
     width: 100%;
 }
-.select__emptySearchPlaceholder_1k6ms {
+.select__emptySearchPlaceholder_p59ri {
     text-align: center;
 }
-.select__search_1k6ms {
+.select__search_p59ri {
     margin: var(--gap-12) var(--gap-12) var(--gap-0);
 }
-.select__search_1k6ms.select__size-72_1k6ms {
+.select__search_p59ri.select__size-72_p59ri {
         margin-left: var(--gap-16);
         margin-right: var(--gap-16);
     }
-.select__search_1k6ms:last-child {
+.select__search_p59ri:last-child {
         margin-bottom: var(--gap-12);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"select__component_1k6ms","popoverInner":"select__popoverInner_1k6ms","optionsListWrapper":"select__optionsListWrapper_1k6ms","optionsListBorder":"select__optionsListBorder_1k6ms","nativeSelect":"select__nativeSelect_1k6ms","block":"select__block_1k6ms","emptySearchPlaceholder":"select__emptySearchPlaceholder_1k6ms","search":"select__search_1k6ms","size-72":"select__size-72_1k6ms"};
+const styles = {"component":"select__component_p59ri","popoverInner":"select__popoverInner_p59ri","optionsListWrapper":"select__optionsListWrapper_p59ri","optionsListBorder":"select__optionsListBorder_p59ri","nativeSelect":"select__nativeSelect_p59ri","block":"select__block_p59ri","emptySearchPlaceholder":"select__emptySearchPlaceholder_p59ri","search":"select__search_p59ri","size-72":"select__size-72_p59ri"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/base-select/mobile.css

@@ -9,40 +9,40 @@
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 }
-.select__sheet_1mnwo {
+.select__sheet_1buiw {
     overflow: hidden;
 }
-.select__sheetContent_1mnwo.select__sheetContent_1mnwo {
+.select__sheetContent_1buiw.select__sheetContent_1buiw {
     padding: var(--gap-0);
 }
-.select__sheetContent_1mnwo.select__sheetContent_1mnwo .select__modalContent_1mnwo {
+.select__sheetContent_1buiw.select__sheetContent_1buiw .select__modalContent_1buiw {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
     }
-.select__sheetContainer_1mnwo {
+.select__sheetContainer_1buiw {
     padding: var(--gap-0);
 }
-.select__optionsListWrapper_1mnwo {
+.select__optionsListWrapper_1buiw {
     flex: 1;
 }
-.select__optionsList_1mnwo.select__optionsList_1mnwo {
+.select__optionsList_1buiw.select__optionsList_1buiw {
     height: 100%;
     display: flex;
     flex-direction: column;
 }
-.select__scrollbar_1mnwo {
+.select__scrollbar_1buiw {
     flex: 1;
 }
-.select__search_1mnwo {
+.select__search_1buiw {
     padding: var(--gap-8);
 }
-.select__option_1mnwo.select__option_1mnwo {
+.select__option_1buiw.select__option_1buiw {
     padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);
 }
-.select__option_1mnwo.select__option_1mnwo:before {
+.select__option_1buiw.select__option_1buiw:before {
         display: none;
     }
-.select__optionGroup_1mnwo.select__optionGroup_1mnwo {
+.select__optionGroup_1buiw.select__optionGroup_1buiw {
     padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const mobileStyles = {"sheet":"select__sheet_1mnwo","sheetContent":"select__sheetContent_1mnwo","modalContent":"select__modalContent_1mnwo","sheetContainer":"select__sheetContainer_1mnwo","optionsListWrapper":"select__optionsListWrapper_1mnwo","optionsList":"select__optionsList_1mnwo","scrollbar":"select__scrollbar_1mnwo","search":"select__search_1mnwo","option":"select__option_1mnwo","optionGroup":"select__optionGroup_1mnwo"};
+const mobileStyles = {"sheet":"select__sheet_1buiw","sheetContent":"select__sheetContent_1buiw","modalContent":"select__modalContent_1buiw","sheetContainer":"select__sheetContainer_1buiw","optionsListWrapper":"select__optionsListWrapper_1buiw","optionsList":"select__optionsList_1buiw","scrollbar":"select__scrollbar_1buiw","search":"select__search_1buiw","option":"select__option_1buiw","optionGroup":"select__optionGroup_1buiw"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/components/checkmark/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type CheckmarkProps } from '../../typings';
-export declare const Checkmark: ({ selected, disabled, className, multiple, position, }: CheckmarkProps) => React.JSX.Element;
+export declare const Checkmark: ({ selected, disabled, className, multiple, position, content, }: CheckmarkProps) => React.JSX.Element;

package/modern/components/checkmark/Component.js

@@ -1,12 +1,10 @@
 import React, { useCallback } from 'react';
 import cn from 'classnames';
-import { Badge } from '@alfalab/core-components-badge/modern';
 import { Checkbox } from '@alfalab/core-components-checkbox/modern';
-import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';
 import styles from './index.module.css.js';
 
-const Checkmark = ({ selected, disabled = false, className, multiple, position = 'before', }) => {
+const Checkmark = ({ selected, disabled = false, className, multiple, position = 'before', content, }) => {
     const single = !multiple;
     const checkmarkClassNames = cn(styles.checkmark, className, styles[position], {
         [styles.multiple]: !single,
@@ -14,7 +12,8 @@ const Checkmark = ({ selected, disabled = false, className, multiple, position =
         [styles.selected]: selected,
     });
     const handleCheckboxClick = useCallback((event) => event.stopPropagation(), []);
-    return single ? (React.createElement("div", { className: checkmarkClassNames }, position === 'before' ? (React.createElement(Badge, { className: styles.after, view: 'icon', size: 'm', iconColor: 'positive', content: React.createElement(CheckmarkCircleMIcon, { className: styles.colorIcon }) })) : (React.createElement(CheckmarkMIcon, { className: cn(styles.displayIcon) })))) : (React.createElement(Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 24, onClick: handleCheckboxClick }));
+    return single ? (React.createElement("div", { className: checkmarkClassNames },
+        React.createElement(CheckmarkMIcon, { className: cn(styles.displayIcon) }))) : (React.createElement(Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 24, label: content, onClick: handleCheckboxClick }));
 };
 
 export { Checkmark };