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

package/esm/components/field/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/field/Component.tsx"],"sourcesContent":["import React, { type ElementType, useCallback, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { type FormControlProps } from '@alfalab/core-components-form-control';\nimport { getAddonsByPriority, LockIcon } from '@alfalab/core-components-input/shared';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { type FieldProps as BaseFieldProps } from '../../typings';\nimport { joinOptions } from '../../utils';\nimport { ClearButton } from '../clear-button';\n\nimport styles from './index.module.css';\n\ntype FieldProps = {\n    /**\n     * Компонент FormControl\n     */\n    FormControlComponent?: ElementType;\n};\n\n// eslint-disable-next-line complexity\nexport const Field = ({\n    size = 56,\n    open,\n    multiple,\n    error,\n    hint,\n    disabled,\n    label,\n    labelView = 'inner',\n    placeholder,\n    selectedMultiple = [],\n    selected,\n    rightAddons,\n    valueRenderer = joinOptions,\n    setSelectedItems,\n    toggleMenu,\n    Arrow,\n    innerProps,\n    dataTestId,\n    fieldClassName,\n    FormControlComponent,\n    clear,\n    onClear,\n    valueSeparator,\n    ...restProps\n}: BaseFieldProps & FormControlProps & FieldProps) => {\n    const { colors = 'default' } = restProps;\n    const [focused, setFocused] = useState(false);\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    const [focusVisible] = useFocus(wrapperRef, 'keyboard');\n\n    const handleFocus = useCallback(() => setFocused(true), []);\n    const handleBlur = useCallback(() => setFocused(false), []);\n\n    const value = valueRenderer({ selected, selectedMultiple, valueSeparator });\n\n    const filled = Boolean(value);\n    const showLabel = !!label || labelView === 'outer';\n    const showPlaceholder = !!placeholder && !filled && (open || !label || labelView === 'outer');\n\n    /**\n     * Right addons priority [4] <= [3] <= [2] <= [1] or [0]\n     * [4] - Clear\n     * [3] - Status (error, success)\n     * [2] - Common (info, e.g.)\n     * [1] - Indicators (eye, calendar, chevron, stepper e.g.)\n     * [0] - Lock\n     */\n    const rightAddonsMap = getAddonsByPriority([\n        {\n            priority: 4,\n            predicate: clear && filled && !disabled,\n            render: () => (\n                <ClearButton\n                    onClick={onClear}\n                    disabled={disabled}\n                    dataTestId={getDataTestId(dataTestId, 'clear-icon')}\n                    size={size}\n                />\n            ),\n        },\n        {\n            priority: 2,\n            predicate: Boolean(rightAddons),\n            render: () => rightAddons,\n        },\n        {\n            priority: 1,\n            predicate: Boolean(Arrow) && !disabled,\n            render: () => Arrow && React.cloneElement(Arrow, { className: styles.arrow }),\n        },\n        {\n            priority: 0,\n            predicate: disabled,\n            render: () => <LockIcon colors={colors} size={size} />,\n        },\n    ]);\n\n    return (\n        <div\n            className={styles.component}\n            ref={wrapperRef}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n        >\n            {FormControlComponent ? (\n                <FormControlComponent\n                    dataTestId={getDataTestId(dataTestId, 'form-control')}\n                    fieldClassName={cn(styles.field, fieldClassName, {\n                        [styles.disabled]: disabled,\n                        [styles.focusVisible]: focusVisible,\n                    })}\n                    block={true}\n                    size={size}\n                    focused={focused || open}\n                    disabled={disabled}\n                    filled={filled || (!!placeholder && open)}\n                    label={showLabel && label}\n                    labelView={labelView}\n                    error={error}\n                    hint={hint}\n                    rightAddons={rightAddonsMap}\n                    data-test-id={dataTestId}\n                    {...restProps}\n                    {...innerProps}\n                >\n                    <div className={cn(styles.contentWrapper, styles[`size-${size}`])}>\n                        {showPlaceholder && (\n                            <span\n                                className={cn(styles.placeholder, {\n                                    [styles.focused]: focused || open,\n                                })}\n                            >\n                                {placeholder}\n                            </span>\n                        )}\n                        {filled && (\n                            <div className={cn(styles.value, styles[`size-${size}`])}>{value}</div>\n                        )}\n                    </div>\n                </FormControlComponent>\n            ) : null}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/field/Component.tsx"],"sourcesContent":["import React, { type ElementType, Fragment, useCallback, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { type FormControlProps } from '@alfalab/core-components-form-control';\nimport { LockIcon } from '@alfalab/core-components-input/shared';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { type FieldProps as BaseFieldProps } from '../../typings';\nimport { joinOptions } from '../../utils';\nimport { ClearButton } from '../clear-button';\n\nimport styles from './index.module.css';\n\ntype FieldProps = {\n    /**\n     * Компонент FormControl\n     */\n    FormControlComponent?: ElementType;\n};\n\n// eslint-disable-next-line complexity\nexport const Field = ({\n    size = 56,\n    open,\n    multiple,\n    error,\n    hint,\n    disabled,\n    label,\n    labelView = 'inner',\n    placeholder,\n    selectedMultiple = [],\n    selected,\n    rightAddons,\n    valueRenderer = joinOptions,\n    setSelectedItems,\n    toggleMenu,\n    Arrow,\n    innerProps,\n    dataTestId,\n    fieldClassName,\n    FormControlComponent,\n    clear,\n    onClear,\n    valueSeparator,\n    ...restProps\n}: BaseFieldProps & FormControlProps & FieldProps) => {\n    const { colors = 'default' } = restProps;\n    const [focused, setFocused] = useState(false);\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    const [focusVisible] = useFocus(wrapperRef, 'keyboard');\n\n    const handleFocus = useCallback(() => setFocused(true), []);\n    const handleBlur = useCallback(() => setFocused(false), []);\n\n    const value = valueRenderer({ selected, selectedMultiple, valueSeparator });\n\n    const filled = Boolean(value);\n    const showLabel = !!label || labelView === 'outer';\n    const showPlaceholder = !!placeholder && !filled && (open || !label || labelView === 'outer');\n\n    /**\n     * Right addons priority [4] <= [3] <= [2] <= [1] or [0]\n     * [4] - Clear\n     * [3] - Status (error, success)\n     * [2] - Common (info, e.g.)\n     * [1] - Indicators (eye, calendar, chevron, stepper e.g.)\n     * [0] - Lock\n     */\n    const renderRightAddons = () => (\n        <Fragment>\n            {clear && filled && !disabled && (\n                <ClearButton\n                    onClick={onClear}\n                    disabled={disabled}\n                    dataTestId={getDataTestId(dataTestId, 'clear-icon')}\n                    size={size}\n                />\n            )}\n            {rightAddons}\n            {!disabled && Arrow && React.cloneElement(Arrow, { className: styles.arrow })}\n            {disabled && <LockIcon colors={colors} size={size} />}\n        </Fragment>\n    );\n\n    return (\n        <div\n            className={styles.component}\n            ref={wrapperRef}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n        >\n            {FormControlComponent ? (\n                <FormControlComponent\n                    dataTestId={getDataTestId(dataTestId, 'form-control')}\n                    fieldClassName={cn(styles.field, fieldClassName, {\n                        [styles.disabled]: disabled,\n                        [styles.focusVisible]: focusVisible,\n                    })}\n                    block={true}\n                    size={size}\n                    focused={focused || open}\n                    disabled={disabled}\n                    filled={filled || (!!placeholder && open)}\n                    label={showLabel && label}\n                    labelView={labelView}\n                    error={error}\n                    hint={hint}\n                    rightAddons={renderRightAddons()}\n                    data-test-id={dataTestId}\n                    {...restProps}\n                    {...innerProps}\n                >\n                    <div className={cn(styles.contentWrapper, styles[`size-${size}`])}>\n                        {showPlaceholder && (\n                            <span\n                                className={cn(styles.placeholder, {\n                                    [styles.focused]: focused || open,\n                                })}\n                            >\n                                {placeholder}\n                            </span>\n                        )}\n                        {filled && (\n                            <div className={cn(styles.value, styles[`size-${size}`])}>{value}</div>\n                        )}\n                    </div>\n                </FormControlComponent>\n            ) : null}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/esm/components/field/index.css

@@ -4,8 +4,9 @@
     --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
 }
 :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 {
     --focus-color: var(--color-light-status-info);
@@ -18,60 +19,63 @@
 :root {
     --select-arrow-hover-opacity: 0.7;
 }
-.select__component_1nqtr {
+.select__component_199ao {
     width: 100%;
     outline: none;
 }
-.select__field_1nqtr:not(.select__disabled_1nqtr) {
+.select__field_199ao:not(.select__disabled_199ao) {
     cursor: pointer;
 }
-.select__field_1nqtr:not(.select__disabled_1nqtr):hover .select__arrow_1nqtr {
+.select__field_199ao:not(.select__disabled_199ao):hover .select__arrow_199ao {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_1nqtr {
+.select__disabled_199ao {
     cursor: var(--disabled-cursor);
 }
-.select__placeholder_1nqtr {
+.select__placeholder_199ao {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_1nqtr 0.2s ease;
+    animation: select__show-placeholder_199ao 0.2s ease;
 }
-.select__placeholder_1nqtr.select__focused_1nqtr {
+.select__placeholder_199ao.select__focused_199ao {
         color: var(--input-focus-placeholder-color);
     }
-.select__contentWrapper_1nqtr {
+.select__contentWrapper_199ao {
     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);
 
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
 }
-.select__contentWrapper_1nqtr.select__size-40_1nqtr {
+.select__contentWrapper_199ao.select__size-40_199ao {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.08px;
+        font-family: var(--font-family-alfasans);
     }
-.select__value_1nqtr {
+.select__value_199ao {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__value_1nqtr.select__size-40_1nqtr {
+.select__value_199ao.select__size-40_199ao {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.08px;
+        font-family: var(--font-family-alfasans);
     }
-.select__focusVisible_1nqtr {
+.select__focusVisible_199ao {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-@keyframes select__show-placeholder_1nqtr {
+@keyframes select__show-placeholder_199ao {
     from {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"select__component_1nqtr","field":"select__field_1nqtr","disabled":"select__disabled_1nqtr","arrow":"select__arrow_1nqtr","placeholder":"select__placeholder_1nqtr","show-placeholder":"select__show-placeholder_1nqtr","focused":"select__focused_1nqtr","contentWrapper":"select__contentWrapper_1nqtr","size-40":"select__size-40_1nqtr","value":"select__value_1nqtr","focusVisible":"select__focusVisible_1nqtr"};
+var styles = {"component":"select__component_199ao","field":"select__field_199ao","disabled":"select__disabled_199ao","arrow":"select__arrow_199ao","placeholder":"select__placeholder_199ao","show-placeholder":"select__show-placeholder_199ao","focused":"select__focused_199ao","contentWrapper":"select__contentWrapper_199ao","size-40":"select__size-40_199ao","value":"select__value_199ao","focusVisible":"select__focusVisible_199ao"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/footer/index.css

@@ -6,20 +6,20 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.select__footer_17e98 {
+.select__footer_bmrs0 {
     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_17e98 .select__button_17e98:first-of-type {
+.select__footer_bmrs0 .select__button_bmrs0:first-of-type {
         margin-right: var(--gap-16);
     }
-.select__button_17e98 {
+.select__button_bmrs0 {
     width: 50%;
 }
-.select__highlighted_17e98 {
+.select__highlighted_bmrs0 {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"footer":"select__footer_17e98","button":"select__button_17e98","highlighted":"select__highlighted_17e98"};
+var styles = {"footer":"select__footer_bmrs0","button":"select__button_bmrs0","highlighted":"select__highlighted_bmrs0"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/optgroup/index.css

@@ -11,8 +11,9 @@
     --gap-16: var(--gap-m);
 }
 :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 {
 
@@ -23,7 +24,7 @@
     --select-optgroup-l-left-padding: var(--gap-16);
     --select-optgroup-l-right-padding: var(--gap-16);
 }
-.select__optgroup_qgnlg {
+.select__optgroup_11j5l {
     position: relative;
     display: flex;
     align-items: center;
@@ -33,21 +34,21 @@
     background: var(--select-optgroup-background);
     min-height: 40px;
 }
-.select__optgroup_qgnlg + *[role='option']:before {
+.select__optgroup_11j5l + *[role='option']:before {
         display: none;
     }
-.select__label_qgnlg {
+.select__label_11j5l {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
 
     display: block;
     color: var(--select-optgroup-color);
 }
-.select__size-72_qgnlg {
+.select__size-72_11j5l {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"optgroup":"select__optgroup_qgnlg","label":"select__label_qgnlg","size-72":"select__size-72_qgnlg"};
+var styles = {"optgroup":"select__optgroup_11j5l","label":"select__label_11j5l","size-72":"select__size-72_11j5l"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/option/Component.js

@@ -4,19 +4,23 @@ import cn from 'classnames';
 
 var OptionBase = function (_a) {
     var _b, _c;
-    var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, mobile = _a.mobile, Checkmark = _a.Checkmark, innerProps = _a.innerProps, dataTestId = _a.dataTestId, styles = _a.styles;
+    var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, mobile = _a.mobile, Checkmark = _a.Checkmark, _e = _a.checkmarkPosition, checkmarkPosition = _e === void 0 ? multiple ? 'before' : 'after' : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId, styles = _a.styles;
     var content = children || option.content || option.key;
-    var _e = option.showCheckMark, showCheckMark = _e === void 0 ? true : _e;
+    var _f = option.showCheckMark, showCheckMark = _f === void 0 ? true : _f;
+    var renderCheckmark = function (position) {
+        return Checkmark &&
+            showCheckMark && (React.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: position }));
+    };
     return (React.createElement("div", __assign({}, innerProps, { className: cn(styles.option, styles["size-".concat(size)], className, (_b = {},
             _b[styles.highlighted] = !mobile && highlighted,
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,
             _b)), "data-test-id": dataTestId }),
-        Checkmark && showCheckMark && (React.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'before' })),
+        checkmarkPosition === 'before' && renderCheckmark('before'),
         React.createElement("div", { className: cn(styles.content, (_c = {},
                 _c[styles.textContent] = !isValidElement(content),
                 _c)) }, content),
-        Checkmark && showCheckMark && (React.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'after' }))));
+        checkmarkPosition === 'after' && renderCheckmark('after')));
 };
 
 export { OptionBase };

package/esm/components/option/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { type OptionCommonProps } from '../../typings';\n\nimport type stylesDesktop from './desktop/index.module.css';\nimport type stylesMobile from './mobile/index.module.css';\n\ntype OptionPrivateProps = {\n    /**\n     * Мобильная версия option.\n     */\n    mobile: boolean;\n    /**\n     * Стили\n     */\n    styles: typeof stylesDesktop | typeof stylesMobile;\n};\n\nexport const OptionBase: FC<OptionCommonProps & OptionPrivateProps> = ({\n    size = 48,\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    mobile,\n    Checkmark,\n    innerProps,\n    dataTestId,\n    styles,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, styles[`size-${size}`], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n            })}\n            data-test-id={dataTestId}\n        >\n            {Checkmark && showCheckMark && (\n                <Checkmark\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    position='before'\n                />\n            )}\n\n            <div\n                className={cn(styles.content, {\n                    [styles.textContent]: !isValidElement(content),\n                })}\n            >\n                {content}\n            </div>\n\n            {/** Workaround чтобы для клика показывать отметку справа и всегда в виде иконки */}\n            {Checkmark && showCheckMark && (\n                <Checkmark\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    position='after'\n                />\n            )}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;AAmBO,IAAM,UAAU,GAA+C,UAAC,EActE,EAAA;;AAbG,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA;IAEN,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;IAChD,IAAA,EAAA,GAAyB,MAAM,CAAX,aAAA,EAApB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA;AAE5B,IAAA,QACI,KACQ,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,EAAA,UAAU,IACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1D,YAAA,EAAA,CAAC,MAAM,CAAC,WAAW,IAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EAAA,CAAA;QAEvB,SAAS,IAAI,aAAa,KACvB,oBAAC,SAAS,EAAA,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,QAAQ,EAAA,CACnB,CACL;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA;gBACxB,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;AAChD,gBAAA,EAAA,EAAA,EAAA,EAED,OAAO,CACN;QAGL,SAAS,IAAI,aAAa,KACvB,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,OAAO,EAClB,CAAA,CACL,CACC;AAEd;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { type OptionCommonProps } from '../../typings';\n\nimport type stylesDesktop from './desktop/index.module.css';\nimport type stylesMobile from './mobile/index.module.css';\n\ntype OptionPrivateProps = {\n    /**\n     * Мобильная версия option.\n     */\n    mobile: boolean;\n    /**\n     * Стили\n     */\n    styles: typeof stylesDesktop | typeof stylesMobile;\n};\n\nexport const OptionBase: FC<OptionCommonProps & OptionPrivateProps> = ({\n    size = 48,\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    mobile,\n    Checkmark,\n    checkmarkPosition = multiple ? 'before' : 'after',\n    innerProps,\n    dataTestId,\n    styles,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n\n    const renderCheckmark = (position: 'before' | 'after') =>\n        Checkmark &&\n        showCheckMark && (\n            <Checkmark\n                disabled={disabled}\n                selected={selected}\n                multiple={multiple}\n                position={position}\n            />\n        );\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, styles[`size-${size}`], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n            })}\n            data-test-id={dataTestId}\n        >\n            {checkmarkPosition === 'before' && renderCheckmark('before')}\n\n            <div\n                className={cn(styles.content, {\n                    [styles.textContent]: !isValidElement(content),\n                })}\n            >\n                {content}\n            </div>\n\n            {checkmarkPosition === 'after' && renderCheckmark('after')}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;AAmBO,IAAM,UAAU,GAA+C,UAAC,EAetE,EAAA;;QAdG,EAAS,GAAA,EAAA,CAAA,IAAA,EAAT,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,iBAAiD,EAAjD,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAA,EAAA,EACjD,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA;IAEN,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;IAChD,IAAA,EAAA,GAAyB,MAAM,CAAX,aAAA,EAApB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA;IAE5B,IAAM,eAAe,GAAG,UAAC,QAA4B,EAAA;AACjD,QAAA,OAAA,SAAS;YACT,aAAa,KACT,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,CACpB,CACL;AARD,KAQC;AAEL,IAAA,QACI,KACQ,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,EAAA,UAAU,IACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1D,YAAA,EAAA,CAAC,MAAM,CAAC,WAAW,IAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EAAA,CAAA;AAEvB,QAAA,iBAAiB,KAAK,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC;AAE5D,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA;gBACxB,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;AAChD,gBAAA,EAAA,EAAA,EAAA,EAED,OAAO,CACN;QAEL,iBAAiB,KAAK,OAAO,IAAI,eAAe,CAAC,OAAO,CAAC,CACxD;AAEd;;;;"}

package/esm/components/option/desktop/index.css

@@ -14,8 +14,9 @@
     --gap-16: var(--gap-m);
 }
 :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;
@@ -43,11 +44,12 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_14hbm {
+.select__option_15fuw {
     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;
@@ -60,11 +62,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_14hbm:not(.select__disabled_14hbm):active {
+.select__option_15fuw:not(.select__disabled_15fuw):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_14hbm:before {
+.select__option_15fuw:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -75,59 +77,59 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_14hbm:first-child:before {
+.select__option_15fuw:first-child:before {
         display: none;
     }
-.select__size-48_14hbm {
+.select__size-48_15fuw {
     min-height: var(--size-s-height);
 }
-.select__size-56_14hbm {
+.select__size-56_15fuw {
     min-height: var(--size-m-height);
 }
-.select__size-64_14hbm {
+.select__size-64_15fuw {
     min-height: var(--size-l-height);
 }
-.select__size-72_14hbm {
+.select__size-72_15fuw {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
 }
-.select__size-72_14hbm:before {
+.select__size-72_15fuw:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_14hbm {
+.select__selected_15fuw {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_14hbm {
+.select__highlighted_15fuw {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_14hbm:before,
-    .select__highlighted_14hbm + .select__option_14hbm:before {
+.select__highlighted_15fuw:before,
+    .select__highlighted_15fuw + .select__option_15fuw:before {
         opacity: 0;
     }
-.select__disabled_14hbm {
+.select__disabled_15fuw {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_14hbm {
+.select__content_15fuw {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_14hbm {
+.select__textContent_15fuw {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }
-.select__highlighted_14hbm {
+.select__highlighted_15fuw {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_14hbm:before,
-    .select__highlighted_14hbm + .select__option_14hbm:before {
+.select__highlighted_15fuw:before,
+    .select__highlighted_15fuw + .select__option_15fuw:before {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"option":"select__option_14hbm","disabled":"select__disabled_14hbm","size-48":"select__size-48_14hbm","size-56":"select__size-56_14hbm","size-64":"select__size-64_14hbm","size-72":"select__size-72_14hbm","selected":"select__selected_14hbm","highlighted":"select__highlighted_14hbm","content":"select__content_14hbm","textContent":"select__textContent_14hbm"};
+var styles = {"option":"select__option_15fuw","disabled":"select__disabled_15fuw","size-48":"select__size-48_15fuw","size-56":"select__size-56_15fuw","size-64":"select__size-64_15fuw","size-72":"select__size-72_15fuw","selected":"select__selected_15fuw","highlighted":"select__highlighted_15fuw","content":"select__content_15fuw","textContent":"select__textContent_15fuw"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/option/mobile/index.css

@@ -14,8 +14,9 @@
     --gap-16: var(--gap-m);
 }
 :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;
@@ -43,11 +44,12 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_1fpto {
+.select__option_c6bk6 {
     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;
@@ -60,11 +62,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_1fpto:not(.select__disabled_1fpto):active {
+.select__option_c6bk6:not(.select__disabled_c6bk6):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_1fpto:before {
+.select__option_c6bk6:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -75,51 +77,51 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_1fpto:first-child:before {
+.select__option_c6bk6:first-child:before {
         display: none;
     }
-.select__size-48_1fpto {
+.select__size-48_c6bk6 {
     min-height: var(--size-s-height);
 }
-.select__size-56_1fpto {
+.select__size-56_c6bk6 {
     min-height: var(--size-m-height);
 }
-.select__size-64_1fpto {
+.select__size-64_c6bk6 {
     min-height: var(--size-l-height);
 }
-.select__size-72_1fpto {
+.select__size-72_c6bk6 {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
 }
-.select__size-72_1fpto:before {
+.select__size-72_c6bk6:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_1fpto {
+.select__selected_c6bk6 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_1fpto {
+.select__highlighted_c6bk6 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_1fpto:before,
-    .select__highlighted_1fpto + .select__option_1fpto:before {
+.select__highlighted_c6bk6:before,
+    .select__highlighted_c6bk6 + .select__option_c6bk6:before {
         opacity: 0;
     }
-.select__disabled_1fpto {
+.select__disabled_c6bk6 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_1fpto {
+.select__content_c6bk6 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_1fpto {
+.select__textContent_c6bk6 {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"option":"select__option_1fpto","disabled":"select__disabled_1fpto","size-48":"select__size-48_1fpto","size-56":"select__size-56_1fpto","size-64":"select__size-64_1fpto","size-72":"select__size-72_1fpto","selected":"select__selected_1fpto","highlighted":"select__highlighted_1fpto","content":"select__content_1fpto","textContent":"select__textContent_1fpto"};
+var styles = {"option":"select__option_c6bk6","disabled":"select__disabled_c6bk6","size-48":"select__size-48_c6bk6","size-56":"select__size-56_c6bk6","size-64":"select__size-64_c6bk6","size-72":"select__size-72_c6bk6","selected":"select__selected_c6bk6","highlighted":"select__highlighted_c6bk6","content":"select__content_c6bk6","textContent":"select__textContent_c6bk6"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -15,57 +15,57 @@
     --select-options-list-scrollbar-gap: var(--gap-12);
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
 }
-.select__optionsList_7qt0g {
+.select__optionsList_1lgxr {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__optionsList_7qt0g .select__scrollable_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr {
         overflow: auto;
         width: 100%;
     }
-.select__optionsList_7qt0g .select__scrollable_7qt0g .select__verticalBar_7qt0g.select__verticalBar_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr .select__verticalBar_1lgxr.select__verticalBar_1lgxr {
             top: var(--select-options-list-scrollbar-gap);
             height: calc(100% - 2 * var(--select-options-list-scrollbar-gap));
         }
-.select__optionsList_7qt0g .select__scrollable_7qt0g .select__verticalBar_7qt0g.select__verticalBar_7qt0g.select__verticalBarWithHeader_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr .select__verticalBar_1lgxr.select__verticalBar_1lgxr.select__verticalBarWithHeader_1lgxr {
                 top: 0;
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_7qt0g .select__scrollable_7qt0g .select__verticalBar_7qt0g.select__verticalBar_7qt0g.select__verticalBarWithFooter_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr .select__verticalBar_1lgxr.select__verticalBar_1lgxr.select__verticalBarWithFooter_1lgxr {
                 top: var(--select-options-list-scrollbar-gap);
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_7qt0g .select__scrollable_7qt0g .select__verticalBar_7qt0g.select__verticalBar_7qt0g.select__verticalBarWithHeader_7qt0g.select__verticalBarWithFooter_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr .select__verticalBar_1lgxr.select__verticalBar_1lgxr.select__verticalBarWithHeader_1lgxr.select__verticalBarWithFooter_1lgxr {
                 top: 0;
                 height: 100%;
             }
-.select__optionsListHeader_7qt0g {
+.select__optionsListHeader_1lgxr {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListHeader_7qt0g.select__headerHighlighted_7qt0g {
+.select__optionsListHeader_1lgxr.select__headerHighlighted_1lgxr {
         border-bottom-color: var(--color-light-neutral-300);
     }
-.select__optionsListFooter_7qt0g {
+.select__optionsListFooter_1lgxr {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListFooter_7qt0g.select__withBorder_7qt0g {
+.select__optionsListFooter_1lgxr.select__withBorder_1lgxr {
         border-top-color: var(--color-light-neutral-300);
     }
-.select__mask_7qt0g {
+.select__mask_1lgxr {
     min-width: 4000px;
 }
-.select__emptyPlaceholder_7qt0g {
+.select__emptyPlaceholder_1lgxr {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__size-72_7qt0g .select__emptyPlaceholder_7qt0g {
+.select__size-72_1lgxr .select__emptyPlaceholder_1lgxr {
     padding: var(--gap-24) var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"optionsList":"select__optionsList_7qt0g","scrollable":"select__scrollable_7qt0g","verticalBar":"select__verticalBar_7qt0g","verticalBarWithHeader":"select__verticalBarWithHeader_7qt0g","verticalBarWithFooter":"select__verticalBarWithFooter_7qt0g","optionsListHeader":"select__optionsListHeader_7qt0g","headerHighlighted":"select__headerHighlighted_7qt0g","optionsListFooter":"select__optionsListFooter_7qt0g","withBorder":"select__withBorder_7qt0g","mask":"select__mask_7qt0g","emptyPlaceholder":"select__emptyPlaceholder_7qt0g","size-72":"select__size-72_7qt0g"};
+var styles = {"optionsList":"select__optionsList_1lgxr","scrollable":"select__scrollable_1lgxr","verticalBar":"select__verticalBar_1lgxr","verticalBarWithHeader":"select__verticalBarWithHeader_1lgxr","verticalBarWithFooter":"select__verticalBarWithFooter_1lgxr","optionsListHeader":"select__optionsListHeader_1lgxr","headerHighlighted":"select__headerHighlighted_1lgxr","optionsListFooter":"select__optionsListFooter_1lgxr","withBorder":"select__withBorder_1lgxr","mask":"select__mask_1lgxr","emptyPlaceholder":"select__emptyPlaceholder_1lgxr","size-72":"select__size-72_1lgxr"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_u7js4.select__component_u7js4 {
+.select__component_133p9.select__component_133p9 {
     width: auto;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"select__component_u7js4"};
+var styles = {"component":"select__component_133p9"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map