@alfalab/core-components-select 13.0.3 → 13.1.1

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

@@ -0,0 +1,95 @@
+/* hash: 13s72 */
+:root {
+    --color-light-bg-primary: #fff;
+    --color-light-bg-secondary: #f3f4f5;
+    --color-light-bg-tertiary: #e7e9eb;
+    --color-light-text-primary: #0b1f35;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --disabled-cursor: not-allowed;
+    --size-s-height: 48px;
+}
+:root {
+
+    /* options list */
+
+    /* option */
+    --select-option-background: var(--color-light-bg-primary);
+    --select-option-selected-background: var(--color-light-bg-primary);
+    --select-option-hover-background: var(--color-light-bg-secondary);
+    --select-option-active-background: var(--color-light-bg-tertiary);
+    --select-option-disabled-background: var(--color-light-bg-primary);
+    --select-option-color: var(--color-light-text-primary);
+    --select-option-selected-color: var(--color-light-text-primary);
+    --select-option-hover-color: var(--color-light-text-primary);
+    --select-option-active-color: var(--color-light-text-primary);
+    --select-option-disabled-color: var(--color-light-text-secondary);
+
+    /* checkmark */
+
+    /* optgroup */
+}
+.select__option_8wful {
+    font-size: 16px;
+    line-height: 20px;
+    font-weight: 400;
+
+    display: flex;
+    align-items: center;
+    grid-gap: var(--gap-s);
+    grid-gap: var(--gap-s);
+    gap: var(--gap-s);
+    transition: background-color 0.2s ease;
+    background: var(--select-option-background);
+    color: var(--select-option-color);
+    box-sizing: border-box;
+    position: relative;
+    cursor: pointer;
+    min-height: var(--size-s-height)
+}
+.select__option_8wful:not(.select__disabled_8wful):active {
+        background: var(--select-option-active-background);
+        color: var(--select-option-active-color);
+    }
+.select__option_8wful.select__checkmarkBefore_8wful {
+        padding: 0 0 0 var(--gap-s);
+    }
+.select__option_8wful.select__checkmarkAfter_8wful {
+        padding: 0 var(--gap-s) 0 0;
+    }
+.select__option_8wful.select__textContent_8wful {
+        padding: var(--gap-s);
+    }
+.select__option_8wful.select__mobileTextContent_8wful {
+        padding: var(--gap-m);
+    }
+.select__selected_8wful {
+    background: var(--select-option-selected-background);
+    color: var(--select-option-selected-color);
+    cursor: default;
+}
+.select__highlighted_8wful {
+    background: var(--select-option-hover-background);
+    color: var(--select-option-hover-color);
+}
+.select__disabled_8wful {
+    cursor: var(--disabled-cursor);
+    background: var(--select-option-disabled-background);
+    color: var(--select-option-disabled-color);
+}
+.select__content_8wful {
+    flex: 1;
+}

package/esm/components/base-option/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/esm/components/base-option/index.js

@@ -0,0 +1,7 @@
+import '../../tslib.es6-795118d5.js';
+import 'react';
+import 'classnames';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '@alfalab/core-components-checkbox/esm';
+import '../base-checkmark/Component.js';
+export { BaseOption } from './Component.js';

package/esm/components/base-select/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-7b5f4eba.js';
+import '../../tslib.es6-795118d5.js';
 import 'react';
 import 'classnames';
 import 'react-merge-refs';
@@ -6,6 +6,6 @@ import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-export { B as BaseSelect } from '../../Component-ff051dbb.js';
+export { B as BaseSelect } from '../../Component-42145c7f.js';
 import '../../utils.js';
 import '../native-select/Component.js';

package/esm/components/base-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ifm5 */
+/* hash: 1wg4f */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -34,12 +34,12 @@
 
     /* optgroup */
 }
-.select__component_kmgc8 {
+.select__component_u7ia8 {
     width: max-content;
     position: relative;
     outline: 0;
 }
-.select__popoverInner_kmgc8 {
+.select__popoverInner_u7ia8 {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -48,7 +48,7 @@
     border-radius: 0;
     position: relative;
 }
-.select__optionsList_kmgc8 {
+.select__optionsList_u7ia8 {
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
     box-shadow: var(--select-options-list-box-shadow);
@@ -57,7 +57,7 @@
     overflow: hidden;
     will-change: transform;
 }
-.select__nativeSelect_kmgc8 {
+.select__nativeSelect_u7ia8 {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -71,12 +71,12 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_kmgc8 {
+.select__block_u7ia8 {
     width: 100%;
 }
 /* width: max-content; fix for IE */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_kmgc8 {
+    .select__component_u7ia8 {
         float: left;
         clear: left;
     }

package/esm/components/base-select/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-ff051dbb";
+export * from "../../Component-42145c7f";

package/esm/components/base-select/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-7b5f4eba.js';
+import '../../tslib.es6-795118d5.js';
 import 'react';
 import 'classnames';
 import 'react-merge-refs';
@@ -6,6 +6,6 @@ import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-export { B as BaseSelect } from '../../Component-ff051dbb.js';
+export { B as BaseSelect } from '../../Component-42145c7f.js';
 import '../../utils.js';
 import '../native-select/Component.js';

package/esm/components/base-select-mobile/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-7b5f4eba.js';
+import '../../tslib.es6-795118d5.js';
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -8,12 +8,16 @@ import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-import '../../Component-ff051dbb.js';
+import '../../Component-42145c7f.js';
 import '../../utils.js';
 import '../native-select/Component.js';
 import '@alfalab/core-components-form-control/esm';
 import '../field/Component.js';
 import '../optgroup/Component.js';
+import '@alfalab/core-components/badge';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import './checkmark/Component.js';
 import '@alfalab/core-components-checkbox/esm';
 import '../checkmark/Component.js';
 import '../option/Component.js';
@@ -23,10 +27,11 @@ import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
 import '@alfalab/core-components-button/esm';
-export { B as BaseSelectMobile } from '../../Component-ce96c3e2.js';
-import './checkmark/Component.js';
+export { B as BaseSelectMobile } from '../../Component-904366d4.js';
+import '../base-checkmark/Component.js';
 import '@alfalab/core-components-base-modal/esm';
 import './options-list/Component.js';
 import 'react-virtual';
+import '../base-option/Component.js';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-aafd2281.js';
+import '../../intersection-observer-54d01139.js';

package/esm/components/base-select-mobile/checkmark/Component.js

@@ -1,15 +1,20 @@
 import React from 'react';
 import cn from 'classnames';
+import { Badge } from '@alfalab/core-components/badge';
+import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"checkmark":"select__checkmark_1c472","selected":"select__selected_1c472"};
+var styles = {"checkmark":"select__checkmark_11cly","selected":"select__selected_11cly","displayIcon":"select__displayIcon_11cly","displayBadge":"select__displayBadge_11cly"};
 require('./index.css')
 
 var Checkmark = function (_a) {
     var _b;
     var selected = _a.selected, className = _a.className;
-    return (React.createElement("span", { className: cn(styles.checkmark, className, (_b = {},
+    return (React.createElement("div", { className: cn(styles.checkmark, className, (_b = {},
             _b[styles.selected] = selected,
-            _b)) }));
+            _b)) },
+        React.createElement(CheckmarkMIcon, { className: styles.displayIcon }),
+        React.createElement(Badge, { className: styles.displayBadge, view: 'icon', size: 'm', iconColor: 'positive', content: React.createElement(CheckmarkCircleMIcon, null) })));
 };
 
 export { Checkmark };

package/esm/components/base-select-mobile/checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: tdnuh */
+/* hash: 14nbl */
 :root {
 
     /* Hard */
@@ -14,24 +14,29 @@
     /* option */
 
     /* checkmark */
-    --select-mobile-checkmark-background: url('https://alfabank.servicecdn.ru/icons/glyph_checkmark_m.svg');
+    --select-mobile-checkmark-display-icon: block;
+    --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
 }
-.select__checkmark_1c472 {
+.select__checkmark_11cly {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--select-mobile-checkmark-background);
-    background-size: cover;
     width: 24px;
     height: 24px;
     opacity: 0
 }
-.select__checkmark_1c472:first-child {
+.select__checkmark_11cly:first-child {
         display: none;
     }
-.select__checkmark_1c472.select__selected_1c472 {
+.select__checkmark_11cly.select__selected_11cly {
         opacity: 1;
     }
+.select__displayIcon_11cly {
+    display: var(--select-mobile-checkmark-display-icon);
+}
+.select__displayBadge_11cly {
+    display: var(--select-mobile-checkmark-display-badge);
+}

package/esm/components/base-select-mobile/checkmark/index.js

@@ -1,3 +1,6 @@
 import 'react';
 import 'classnames';
+import '@alfalab/core-components/badge';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
 export { Checkmark } from './Component.js';

package/esm/components/base-select-mobile/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qx96 */
+/* hash: 4dq0q */
 :root {
 
     /* Hard */
@@ -24,12 +24,12 @@
 
     /* optgroup */
 }
-.select__component_1pk0l {
+.select__component_16wu7 {
     width: max-content;
     position: relative;
     outline: 0;
 }
-.select__popoverInner_1pk0l {
+.select__popoverInner_16wu7 {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -38,31 +38,31 @@
     border-radius: 0;
     position: relative;
 }
-.select__sheet_1pk0l {
+.select__sheet_16wu7 {
     overflow: hidden;
 }
-.select__sheetContent_1pk0l {
+.select__sheetContent_16wu7 {
     padding: 0;
 }
-.select__sheetContainer_1pk0l {
+.select__sheetContainer_16wu7 {
     padding: 0;
 }
-.select__block_1pk0l {
+.select__block_16wu7 {
     width: 100%;
 }
 /* width: max-content; fix for IE */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_1pk0l {
+    .select__component_16wu7 {
         float: left;
         clear: left;
     }
 }
-.select__option_1pk0l {
+.select__option_16wu7 {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
 }
-.select__option_1pk0l:before {
+.select__option_16wu7:before {
         display: none;
     }
-.select__optionGroup_1pk0l {
+.select__optionGroup_16wu7 {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);
 }

package/esm/components/base-select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-ce96c3e2";
+export * from "../../Component-904366d4";

package/esm/components/base-select-mobile/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-7b5f4eba.js';
+import '../../tslib.es6-795118d5.js';
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -8,12 +8,16 @@ import '@juggle/resize-observer';
 import 'downshift';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
-import '../../Component-ff051dbb.js';
+import '../../Component-42145c7f.js';
 import '../../utils.js';
 import '../native-select/Component.js';
 import '@alfalab/core-components-form-control/esm';
 import '../field/Component.js';
 import '../optgroup/Component.js';
+import '@alfalab/core-components/badge';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import './checkmark/Component.js';
 import '@alfalab/core-components-checkbox/esm';
 import '../checkmark/Component.js';
 import '../option/Component.js';
@@ -23,10 +27,11 @@ import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
 import '@alfalab/core-components-button/esm';
-export { B as BaseSelectMobile } from '../../Component-ce96c3e2.js';
-import './checkmark/Component.js';
+export { B as BaseSelectMobile } from '../../Component-904366d4.js';
+import '../base-checkmark/Component.js';
 import '@alfalab/core-components-base-modal/esm';
 import './options-list/Component.js';
 import 'react-virtual';
+import '../base-option/Component.js';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-aafd2281.js';
+import '../../intersection-observer-54d01139.js';

package/esm/components/base-select-mobile/options-list/Component.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../../tslib.es6-7b5f4eba.js';
+import { a as __assign } from '../../../tslib.es6-795118d5.js';
 import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { isGroup } from '../../../utils.js';
@@ -6,7 +6,7 @@ import { Optgroup } from '../../optgroup/Component.js';
 import { Button } from '@alfalab/core-components-button/esm';
 import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
 
-var styles = {"optionsList":"select__optionsList_s0sqn","emptyPlaceholder":"select__emptyPlaceholder_s0sqn","l":"select__l_s0sqn","xl":"select__xl_s0sqn","footer":"select__footer_s0sqn","footerButton":"select__footerButton_s0sqn","highlighted":"select__highlighted_s0sqn"};
+var styles = {"optionsList":"select__optionsList_1h5yg","emptyPlaceholder":"select__emptyPlaceholder_1h5yg","l":"select__l_1h5yg","xl":"select__xl_1h5yg","footer":"select__footer_1h5yg","footerButton":"select__footerButton_1h5yg","highlighted":"select__highlighted_1h5yg"};
 require('./index.css')
 
 var createCounter = function () {

package/esm/components/base-select-mobile/options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: xjoqt */
+/* hash: 1siom */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -32,20 +32,20 @@
     --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
     --select-mobile-footer-background-color: var(--color-light-bg-primary);
 }
-.select__optionsList_s0sqn {
+.select__optionsList_1h5yg {
     width: 100%;
     outline: none;
     box-sizing: border-box;
 }
-.select__emptyPlaceholder_s0sqn {
+.select__emptyPlaceholder_1h5yg {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_s0sqn .select__emptyPlaceholder_s0sqn,
-.select__xl_s0sqn .select__emptyPlaceholder_s0sqn {
+.select__l_1h5yg .select__emptyPlaceholder_1h5yg,
+.select__xl_1h5yg .select__emptyPlaceholder_1h5yg {
     padding: var(--gap-xl) var(--gap-m);
 }
-.select__footer_s0sqn {
+.select__footer_1h5yg {
     display: flex;
     justify-content: space-between;
     position: sticky;
@@ -53,13 +53,13 @@
     background-color: var(--color-light-bg-primary);
     bottom: 0
 }
-.select__footer_s0sqn .select__footerButton_s0sqn:first-of-type {
+.select__footer_1h5yg .select__footerButton_1h5yg:first-of-type {
         margin-right: var(--gap-m);
     }
-.select__footerButton_s0sqn {
+.select__footerButton_1h5yg {
     width: 50%;
 }
-.select__highlighted_s0sqn {
+.select__highlighted_1h5yg {
     border-top: var(--select-mobile-footer-border-top);
     background-color: var(--select-mobile-footer-background-color);
 }

package/esm/components/base-select-mobile/options-list/index.js

@@ -1,4 +1,4 @@
-import '../../../tslib.es6-7b5f4eba.js';
+import '../../../tslib.es6-795118d5.js';
 import 'react';
 import 'classnames';
 import '../../../utils.js';

package/esm/components/checkmark/Component.js

@@ -1,8 +1,10 @@
 import React, { useCallback } from 'react';
 import cn from 'classnames';
+import { Badge } from '@alfalab/core-components/badge';
+import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import { Checkbox } from '@alfalab/core-components-checkbox/esm';
 
-var styles = {"checkmark":"select__checkmark_1mwrs","single":"select__single_1mwrs","selected":"select__selected_1mwrs","before":"select__before_1mwrs","multiple":"select__multiple_1mwrs","after":"select__after_1mwrs"};
+var styles = {"checkmark":"select__checkmark_15g4k","single":"select__single_15g4k","selected":"select__selected_15g4k","before":"select__before_15g4k","multiple":"select__multiple_15g4k","after":"select__after_15g4k","colorIcon":"select__colorIcon_15g4k"};
 require('./index.css')
 
 var Checkmark = function (_a) {
@@ -15,7 +17,8 @@ var Checkmark = function (_a) {
         _b[styles.selected] = selected,
         _b));
     var handleCheckboxClick = useCallback(function (event) { return event.stopPropagation(); }, []);
-    return single ? (React.createElement("span", { className: checkmarkClassNames })) : (React.createElement(Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
+    return single ? (React.createElement("div", { className: checkmarkClassNames },
+        React.createElement(Badge, { className: styles.after, view: 'icon', size: 'm', iconColor: 'positive', content: React.createElement(CheckmarkCircleMIcon, { className: styles.colorIcon }) }))) : (React.createElement(Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
 };
 
 export { Checkmark };

package/esm/components/checkmark/index.css

@@ -1,5 +1,6 @@
-/* hash: qjz5g */
+/* hash: 1arq6 */
 :root {
+    --color-light-graphic-positive: #2fc26e;
     --color-light-graphic-primary: #0b1f35;
 }
 :root {
@@ -35,11 +36,11 @@
 
     /* optgroup */
 }
-.select__checkmark_1mwrs {
+.select__checkmark_15g4k {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin);
 }
-.select__single_1mwrs {
+.select__single_15g4k {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -50,15 +51,18 @@
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
 }
-.select__single_1mwrs.select__selected_1mwrs {
+.select__single_15g4k.select__selected_15g4k {
         opacity: 1;
     }
-.select__before_1mwrs {
+.select__before_15g4k {
     display: var(--select-checkmark-before-display)
 }
-.select__before_1mwrs.select__multiple_1mwrs {
+.select__before_15g4k.select__multiple_15g4k {
         margin-right: var(--gap-s);
     }
-.select__after_1mwrs {
+.select__after_15g4k {
     display: var(--select-checkmark-after-display);
 }
+.select__colorIcon_15g4k {
+    color: var(--color-light-graphic-positive);
+}

package/esm/components/checkmark/index.js

@@ -1,4 +1,6 @@
 import 'react';
 import 'classnames';
+import '@alfalab/core-components/badge';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/core-components-checkbox/esm';
 export { Checkmark } from './Component.js';

package/esm/components/field/Component.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-7b5f4eba.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-795118d5.js';
 import React, { useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 import { joinOptions } from '../../utils.js';
 import { FormControl } from '@alfalab/core-components-form-control/esm';
 
-var styles = {"component":"select__component_1klt3","field":"select__field_1klt3","disabled":"select__disabled_1klt3","arrow":"select__arrow_1klt3","placeholder":"select__placeholder_1klt3","contentWrapper":"select__contentWrapper_1klt3","value":"select__value_1klt3","focusVisible":"select__focusVisible_1klt3"};
+var styles = {"component":"select__component_47vf6","field":"select__field_47vf6","disabled":"select__disabled_47vf6","arrow":"select__arrow_47vf6","placeholder":"select__placeholder_47vf6","contentWrapper":"select__contentWrapper_47vf6","value":"select__value_47vf6","focusVisible":"select__focusVisible_47vf6"};
 require('./index.css')
 
 var Field = function (_a) {

package/esm/components/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 5cq4w */
+/* hash: 1rw9a */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -26,24 +26,24 @@
 
     /* optgroup */
 }
-.select__component_1klt3 {
+.select__component_47vf6 {
     width: 100%;
     outline: none;
 }
-.select__field_1klt3:not(.select__disabled_1klt3) {
+.select__field_47vf6:not(.select__disabled_47vf6) {
     cursor: pointer
 }
-.select__field_1klt3:not(.select__disabled_1klt3):hover .select__arrow_1klt3 {
+.select__field_47vf6:not(.select__disabled_47vf6):hover .select__arrow_47vf6 {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_1klt3 {
+.select__disabled_47vf6 {
     cursor: var(--disabled-cursor);
 }
 /* TODO: Заюзать переменные из инпута */
-.select__placeholder_1klt3 {
+.select__placeholder_47vf6 {
     color: var(--color-light-text-secondary);
 }
-.select__contentWrapper_1klt3 {
+.select__contentWrapper_47vf6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -53,12 +53,12 @@
     overflow: hidden;
     width: 100%;
 }
-.select__value_1klt3 {
+.select__value_47vf6 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__focusVisible_1klt3 {
+.select__focusVisible_47vf6 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/components/field/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-7b5f4eba.js';
+import '../../tslib.es6-795118d5.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

package/esm/components/index.d.ts

@@ -7,3 +7,4 @@ export * from "./optgroup/index";
 export * from "./option/index";
 export * from "./options-list/index";
 export * from "./virtual-options-list/index";
+export * from "./base-option/index";