@alfalab/core-components-select 10.2.0 → 10.2.1

package/dist/modern/components/checkmark/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"checkmark":"select__checkmark_1kz5v","selected":"select__selected_1kz5v"};
+var styles = {"checkmark":"select__checkmark_bsvv9","selected":"select__selected_bsvv9"};
 require('./index.css')
 
 const Checkmark = ({ selected }) => (React.createElement("span", { className: cn(styles.checkmark, {

package/dist/modern/components/checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ycjj */
+/* hash: irey4 */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -33,7 +33,7 @@
 
     /* optgroup */
 }
-.select__checkmark_1kz5v {
+.select__checkmark_bsvv9 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -47,6 +47,6 @@
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size);
 }
-.select__selected_1kz5v {
+.select__selected_bsvv9 {
     opacity: 1;
 }

package/dist/modern/components/field/Component.js

@@ -4,7 +4,7 @@ import { useFocus } from '@alfalab/hooks';
 import { FormControl } from '@alfalab/core-components-form-control/dist/modern';
 import { joinOptions } from '../../utils.js';
 
-var styles = {"component":"select__component_kqxkl","field":"select__field_kqxkl","disabled":"select__disabled_kqxkl","arrow":"select__arrow_kqxkl","placeholder":"select__placeholder_kqxkl","contentWrapper":"select__contentWrapper_kqxkl","value":"select__value_kqxkl","focusVisible":"select__focusVisible_kqxkl"};
+var styles = {"component":"select__component_it3zx","field":"select__field_it3zx","disabled":"select__disabled_it3zx","arrow":"select__arrow_it3zx","placeholder":"select__placeholder_it3zx","contentWrapper":"select__contentWrapper_it3zx","value":"select__value_it3zx","focusVisible":"select__focusVisible_it3zx"};
 require('./index.css')
 
 const Field = ({ size = 'm', open, multiple, error, hint, disabled, label, placeholder, selectedMultiple = [], selected, rightAddons, valueRenderer = joinOptions, Arrow, innerProps, dataTestId, fieldClassName, ...restProps }) => {

package/dist/modern/components/field/index.css

@@ -1,4 +1,4 @@
-/* hash: e803h */
+/* hash: 1992w */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: #546272;
@@ -26,24 +26,24 @@
 
     /* optgroup */
 }
-.select__component_kqxkl {
+.select__component_it3zx {
     width: 100%;
     outline: none;
 }
-.select__field_kqxkl:not(.select__disabled_kqxkl) {
+.select__field_it3zx:not(.select__disabled_it3zx) {
     cursor: pointer
 }
-.select__field_kqxkl:not(.select__disabled_kqxkl):hover .select__arrow_kqxkl {
+.select__field_it3zx:not(.select__disabled_it3zx):hover .select__arrow_it3zx {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_kqxkl {
+.select__disabled_it3zx {
     cursor: var(--disabled-cursor);
 }
 /* TODO: Заюзать переменные из инпута */
-.select__placeholder_kqxkl {
+.select__placeholder_it3zx {
     color: var(--color-light-text-secondary);
 }
-.select__contentWrapper_kqxkl {
+.select__contentWrapper_it3zx {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -53,12 +53,12 @@
     overflow: hidden;
     width: 100%;
 }
-.select__value_kqxkl {
+.select__value_it3zx {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__focusVisible_kqxkl {
+.select__focusVisible_it3zx {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/dist/modern/components/optgroup/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"optgroup":"select__optgroup_1xplk","label":"select__label_1xplk","l":"select__l_1xplk","xl":"select__xl_1xplk"};
+var styles = {"optgroup":"select__optgroup_8psvb","label":"select__label_8psvb","l":"select__l_8psvb","xl":"select__xl_8psvb"};
 require('./index.css')
 
 const Optgroup = ({ children, label, size = 's' }) => (React.createElement(React.Fragment, null,

package/dist/modern/components/optgroup/index.css

@@ -1,4 +1,4 @@
-/* hash: 1krul */
+/* hash: 15tl6 */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-text-secondary: #546272;
@@ -33,7 +33,7 @@
     --select-optgroup-l-left-padding: var(--gap-m);
     --select-optgroup-l-right-padding: var(--gap-m);
 }
-.select__optgroup_1xplk {
+.select__optgroup_8psvb {
     position: relative;
     display: flex;
     align-items: center;
@@ -43,10 +43,10 @@
     background: var(--select-optgroup-background);
     min-height: 40px
 }
-.select__optgroup_1xplk + *[role='option']:before {
+.select__optgroup_8psvb + *[role='option']:before {
         display: none;
     }
-.select__label_1xplk {
+.select__label_8psvb {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -56,8 +56,8 @@
     display: block;
     color: var(--select-optgroup-color);
 }
-.select__l_1xplk,
-.select__xl_1xplk {
+.select__l_8psvb,
+.select__xl_8psvb {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/dist/modern/components/option/Component.js

@@ -2,7 +2,7 @@ import React, { isValidElement } from 'react';
 import cn from 'classnames';
 import { Checkmark } from '../checkmark/Component.js';
 
-var styles = {"option":"select__option_1v52e","disabled":"select__disabled_1v52e","s":"select__s_1v52e","m":"select__m_1v52e","l":"select__l_1v52e","xl":"select__xl_1v52e","selected":"select__selected_1v52e","highlighted":"select__highlighted_1v52e","content":"select__content_1v52e","textContent":"select__textContent_1v52e"};
+var styles = {"option":"select__option_zyhdm","disabled":"select__disabled_zyhdm","s":"select__s_zyhdm","m":"select__m_zyhdm","l":"select__l_zyhdm","xl":"select__xl_zyhdm","selected":"select__selected_zyhdm","highlighted":"select__highlighted_zyhdm","content":"select__content_zyhdm","textContent":"select__textContent_zyhdm"};
 require('./index.css')
 
 const Option = ({ size = 's', className, option, children, selected, highlighted, disabled, Checkmark: Checkmark$1 = Checkmark, innerProps, dataTestId, }) => {

package/dist/modern/components/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mzcm */
+/* hash: ldx08 */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-secondary: #f3f4f5;
@@ -53,7 +53,7 @@
 
     /* optgroup */
 }
-.select__option_1v52e {
+.select__option_zyhdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -69,11 +69,11 @@
     position: relative;
     cursor: pointer
 }
-.select__option_1v52e:not(.select__disabled_1v52e):active {
+.select__option_zyhdm:not(.select__disabled_zyhdm):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_1v52e:before {
+.select__option_zyhdm:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -84,60 +84,60 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_1v52e:first-child:before {
+.select__option_zyhdm:first-child:before {
         display: none;
     }
-.select__s_1v52e {
+.select__s_zyhdm {
     min-height: var(--size-s-height);
 }
-.select__m_1v52e {
+.select__m_zyhdm {
     min-height: var(--size-m-height);
 }
-.select__l_1v52e {
+.select__l_zyhdm {
     min-height: var(--size-l-height);
 }
-.select__xl_1v52e {
+.select__xl_zyhdm {
     min-height: var(--size-xl-height);
 }
-.select__l_1v52e,
-.select__xl_1v52e {
+.select__l_zyhdm,
+.select__xl_zyhdm {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
 }
-.select__l_1v52e:before, .select__xl_1v52e:before {
+.select__l_zyhdm:before, .select__xl_zyhdm:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_1v52e {
+.select__selected_zyhdm {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_1v52e {
+.select__highlighted_zyhdm {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
 }
-.select__highlighted_1v52e:before,
-    .select__highlighted_1v52e + .select__option_1v52e:before {
+.select__highlighted_zyhdm:before,
+    .select__highlighted_zyhdm + .select__option_zyhdm:before {
         opacity: 0;
     }
-.select__disabled_1v52e {
+.select__disabled_zyhdm {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_1v52e {
+.select__content_zyhdm {
     overflow: hidden;
     text-overflow: ellipsis;
     flex: 1;
 }
-.select__textContent_1v52e {
+.select__textContent_zyhdm {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
 /* IE min-height fix */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__option_1v52e:after {
+    .select__option_zyhdm:after {
         min-height: inherit;
         font-size: 0;
         content: '';

package/dist/modern/components/options-list/Component.js

@@ -4,7 +4,7 @@ import { useVisibleOptions, isGroup } from '../../utils.js';
 import mergeRefs from 'react-merge-refs';
 import { Optgroup } from '../optgroup/Component.js';
 
-var styles = {"optionsList":"select__optionsList_1xbp4","emptyPlaceholder":"select__emptyPlaceholder_1xbp4","l":"select__l_1xbp4","xl":"select__xl_1xbp4"};
+var styles = {"optionsList":"select__optionsList_1nadr","emptyPlaceholder":"select__emptyPlaceholder_1nadr","l":"select__l_1nadr","xl":"select__xl_1nadr"};
 require('./index.css')
 
 const createCounter = () => {

package/dist/modern/components/options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 1p57x */
+/* hash: 52dbc */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -26,17 +26,17 @@
 
     /* optgroup */
 }
-.select__optionsList_1xbp4 {
+.select__optionsList_1nadr {
     overflow: auto;
     width: 100%;
     outline: none;
     box-sizing: border-box;
 }
-.select__emptyPlaceholder_1xbp4 {
+.select__emptyPlaceholder_1nadr {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_1xbp4 .select__emptyPlaceholder_1xbp4,
-.select__xl_1xbp4 .select__emptyPlaceholder_1xbp4 {
+.select__l_1nadr .select__emptyPlaceholder_1nadr,
+.select__xl_1nadr .select__emptyPlaceholder_1nadr {
     padding: var(--gap-xl) var(--gap-m);
 }

package/dist/modern/components/virtual-options-list/Component.js

@@ -4,7 +4,7 @@ import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../util
 import { Optgroup } from '../optgroup/Component.js';
 import { useVirtual } from 'react-virtual';
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_3iqj6","inner":"select__inner_3iqj6","virtualRow":"select__virtualRow_3iqj6","highlighted":"select__highlighted_3iqj6","emptyPlaceholder":"select__emptyPlaceholder_3iqj6","l":"select__l_3iqj6","xl":"select__xl_3iqj6"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_tdkkj","inner":"select__inner_tdkkj","virtualRow":"select__virtualRow_tdkkj","highlighted":"select__highlighted_tdkkj","emptyPlaceholder":"select__emptyPlaceholder_tdkkj","l":"select__l_tdkkj","xl":"select__xl_tdkkj"};
 require('./index.css')
 
 /* eslint-disable react-hooks/exhaustive-deps */

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

@@ -1,4 +1,4 @@
-/* hash: gw478 */
+/* hash: 10c3n */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-secondary: #546272;
@@ -32,24 +32,24 @@
 
     /* optgroup */
 }
-.select__virtualOptionsList_3iqj6 {
+.select__virtualOptionsList_tdkkj {
     overflow: auto;
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__inner_3iqj6 {
+.select__inner_tdkkj {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_3iqj6 {
+.select__virtualRow_tdkkj {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
 }
-.select__virtualRow_3iqj6:before {
+.select__virtualRow_tdkkj:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -60,18 +60,18 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
     }
-.select__virtualRow_3iqj6:first-child:before {
+.select__virtualRow_tdkkj:first-child:before {
         display: none;
     }
-.select__highlighted_3iqj6:before,
-    .select__highlighted_3iqj6 + .select__virtualRow_3iqj6:before {
+.select__highlighted_tdkkj:before,
+    .select__highlighted_tdkkj + .select__virtualRow_tdkkj:before {
         display: none;
     }
-.select__emptyPlaceholder_3iqj6 {
+.select__emptyPlaceholder_tdkkj {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_3iqj6 .select__emptyPlaceholder_3iqj6,
-.select__xl_3iqj6 .select__emptyPlaceholder_3iqj6 {
+.select__l_tdkkj .select__emptyPlaceholder_tdkkj,
+.select__xl_tdkkj .select__emptyPlaceholder_tdkkj {
     padding: var(--gap-xl) var(--gap-m);
 }

package/dist/modern/presets/useLazyLoading/hook.js

@@ -896,7 +896,7 @@ import { Skeleton } from '@alfalab/core-components-skeleton/dist/modern';
     window.IntersectionObserverEntry = IntersectionObserverEntry;
 }());
 
-var styles = {"skeleton":"select__skeleton_dpxw5"};
+var styles = {"skeleton":"select__skeleton_hk6ph"};
 require('./index.css')
 
 const DEBOUNCE_TIMEOUT = 300;

package/dist/modern/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: k8vda */
-.select__skeleton_dpxw5 {
+/* hash: 1pqgj */
+.select__skeleton_hk6ph {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/dist/modern/presets/useSelectWithLoading/hook.js

@@ -4,7 +4,7 @@ import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/dist/modern';
 
-var styles = {"skeleton":"select__skeleton_1vmit"};
+var styles = {"skeleton":"select__skeleton_cixbj"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, }) {

package/dist/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 353mm */
-.select__skeleton_1vmit {
+/* hash: q59so */
+.select__skeleton_cixbj {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/dist/presets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-d8513212.js');
+require('../tslib.es6-f331eccd.js');
 require('react');
 require('classnames');
 require('../components/checkmark/Component.js');

package/dist/presets/useLazyLoading/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-d8513212.js');
+var tslib_es6 = require('../../tslib.es6-f331eccd.js');
 var React = require('react');
 require('classnames');
 require('../../components/checkmark/Component.js');
@@ -905,7 +905,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
     window.IntersectionObserverEntry = IntersectionObserverEntry;
 }());
 
-var styles = {"skeleton":"select__skeleton_dpxw5"};
+var styles = {"skeleton":"select__skeleton_hk6ph"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;

package/dist/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: k8vda */
-.select__skeleton_dpxw5 {
+/* hash: 1pqgj */
+.select__skeleton_hk6ph {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/dist/presets/useSelectWithLoading/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-d8513212.js');
+var tslib_es6 = require('../../tslib.es6-f331eccd.js');
 var React = require('react');
 require('classnames');
 require('../../components/checkmark/Component.js');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_1vmit"};
+var styles = {"skeleton":"select__skeleton_cixbj"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/dist/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 353mm */
-.select__skeleton_1vmit {
+/* hash: q59so */
+.select__skeleton_cixbj {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "10.2.0",
+    "version": "10.2.1",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -21,15 +21,15 @@
     },
     "dependencies": {
         "@alfalab/core-components-form-control": "^7.4.0",
-        "@alfalab/core-components-input": "^7.3.4",
+        "@alfalab/core-components-input": "^7.3.5",
         "@alfalab/core-components-popover": "^5.6.0",
         "@alfalab/core-components-skeleton": "^3.0.2",
-        "@alfalab/hooks": "^1.0.0",
+        "@alfalab/hooks": "^1.4.1",
         "classnames": "^2.2.6",
         "downshift": "5.4.7",
         "react-merge-refs": "^1.1.0",
         "react-virtual": "^2.2.0",
         "resize-observer": "^1.0.0"
     },
-    "gitHead": "43754f9b8715fe0bd1c0829be9304d78dd923481"
+    "gitHead": "19a2d088b6c18a127940199cfd6e6fc4e8639ec5"
 }