@alfalab/core-components 24.1.0 → 25.0.0

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

@@ -1,4 +1,4 @@
-/* hash: 1y6iu */
+/* hash: wcnhx */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-secondary: #f3f4f5;
@@ -53,7 +53,7 @@
 
     /* optgroup */
 }
-.select__option_100mc {
+.select__option_e68f4 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -69,11 +69,11 @@
     position: relative;
     cursor: pointer
 }
-.select__option_100mc:not(.select__disabled_100mc):active {
+.select__option_e68f4:not(.select__disabled_e68f4):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_100mc:before {
+.select__option_e68f4: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_100mc:first-child:before {
+.select__option_e68f4:first-child:before {
         display: none;
     }
-.select__s_100mc {
+.select__s_e68f4 {
     min-height: var(--size-s-height);
 }
-.select__m_100mc {
+.select__m_e68f4 {
     min-height: var(--size-m-height);
 }
-.select__l_100mc {
+.select__l_e68f4 {
     min-height: var(--size-l-height);
 }
-.select__xl_100mc {
+.select__xl_e68f4 {
     min-height: var(--size-xl-height);
 }
-.select__l_100mc,
-.select__xl_100mc {
+.select__l_e68f4,
+.select__xl_e68f4 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
 }
-.select__l_100mc:before, .select__xl_100mc:before {
+.select__l_e68f4:before, .select__xl_e68f4:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_100mc {
+.select__selected_e68f4 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_100mc {
+.select__highlighted_e68f4 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
 }
-.select__highlighted_100mc:before,
-    .select__highlighted_100mc + .select__option_100mc:before {
+.select__highlighted_e68f4:before,
+    .select__highlighted_e68f4 + .select__option_e68f4:before {
         opacity: 0;
     }
-.select__disabled_100mc {
+.select__disabled_e68f4 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_100mc {
+.select__content_e68f4 {
     overflow: hidden;
     text-overflow: ellipsis;
     flex: 1;
 }
-.select__textContent_100mc {
+.select__textContent_e68f4 {
     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_100mc:after {
+    .select__option_e68f4:after {
         min-height: inherit;
         font-size: 0;
         content: '';

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

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-var styles = {"optionsList":"select__optionsList_1oery","scrollable":"select__scrollable_1oery","emptyPlaceholder":"select__emptyPlaceholder_1oery","l":"select__l_1oery","xl":"select__xl_1oery"};
+var styles = {"optionsList":"select__optionsList_1lgod","scrollable":"select__scrollable_1lgod","emptyPlaceholder":"select__emptyPlaceholder_1lgod","l":"select__l_1lgod","xl":"select__xl_1lgod"};
 require('./index.css');
 
 const createCounter = () => {

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

@@ -1,4 +1,4 @@
-/* hash: 6t4e3 */
+/* hash: 1mhs3 */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -26,21 +26,21 @@
 
     /* optgroup */
 }
-.select__optionsList_1oery {
+.select__optionsList_1lgod {
     overflow: auto;
     width: 100%;
     outline: none;
     box-sizing: border-box;
 }
-.select__scrollable_1oery {
+.select__scrollable_1lgod {
     overflow: auto;
     width: 100%;
 }
-.select__emptyPlaceholder_1oery {
+.select__emptyPlaceholder_1lgod {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_1oery .select__emptyPlaceholder_1oery,
-.select__xl_1oery .select__emptyPlaceholder_1oery {
+.select__l_1lgod .select__emptyPlaceholder_1lgod,
+.select__xl_1lgod .select__emptyPlaceholder_1lgod {
     padding: var(--gap-xl) var(--gap-m);
 }

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

@@ -4,7 +4,7 @@ import { useVirtual } from 'react-virtual';
 import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_tfpj0","scrollable":"select__scrollable_tfpj0","inner":"select__inner_tfpj0","virtualRow":"select__virtualRow_tfpj0","highlighted":"select__highlighted_tfpj0","emptyPlaceholder":"select__emptyPlaceholder_tfpj0","l":"select__l_tfpj0","xl":"select__xl_tfpj0"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_1pnbz","scrollable":"select__scrollable_1pnbz","inner":"select__inner_1pnbz","virtualRow":"select__virtualRow_1pnbz","highlighted":"select__highlighted_1pnbz","emptyPlaceholder":"select__emptyPlaceholder_1pnbz","l":"select__l_1pnbz","xl":"select__xl_1pnbz"};
 require('./index.css');
 
 /* eslint-disable react-hooks/exhaustive-deps */

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

@@ -1,4 +1,4 @@
-/* hash: e4ctm */
+/* hash: 1afrt */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-secondary: #546272;
@@ -32,27 +32,27 @@
 
     /* optgroup */
 }
-.select__virtualOptionsList_tfpj0 {
+.select__virtualOptionsList_1pnbz {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__scrollable_tfpj0 {
+.select__scrollable_1pnbz {
     overflow: auto;
     width: 100%;
 }
-.select__inner_tfpj0 {
+.select__inner_1pnbz {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_tfpj0 {
+.select__virtualRow_1pnbz {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
 }
-.select__virtualRow_tfpj0:before {
+.select__virtualRow_1pnbz:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -63,18 +63,18 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
     }
-.select__virtualRow_tfpj0:first-child:before {
+.select__virtualRow_1pnbz:first-child:before {
         display: none;
     }
-.select__highlighted_tfpj0:before,
-    .select__highlighted_tfpj0 + .select__virtualRow_tfpj0:before {
+.select__highlighted_1pnbz:before,
+    .select__highlighted_1pnbz + .select__virtualRow_1pnbz:before {
         display: none;
     }
-.select__emptyPlaceholder_tfpj0 {
+.select__emptyPlaceholder_1pnbz {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_tfpj0 .select__emptyPlaceholder_tfpj0,
-.select__xl_tfpj0 .select__emptyPlaceholder_tfpj0 {
+.select__l_1pnbz .select__emptyPlaceholder_1pnbz,
+.select__xl_1pnbz .select__emptyPlaceholder_1pnbz {
     padding: var(--gap-xl) var(--gap-m);
 }

package/select/modern/{hook-c6562783.js → hook-00d0063c.js}

@@ -20,10 +20,10 @@ import './components/native-select/Component.js';
 import './components/base-select/Component.js';
 import './Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-43970528.js';
+import './intersection-observer-f3cc06f1.js';
 import { Button } from '../../button/modern';
 
-var styles = {"footer":"select__footer_gp7z0","withBorder":"select__withBorder_gp7z0"};
+var styles = {"footer":"select__footer_1vt4q","withBorder":"select__withBorder_1vt4q"};
 require('./presets/useSelectWithApply/options-list-with-apply/index.css');
 
 const OptionsListWithApply = forwardRef(({ toggleMenu, OptionsList: OptionsList$1 = OptionsList, getOptionProps: defaultGetOptionProps, showClear = true, selectedDraft = [], flatOptions = [], onApply = () => null, onClear = () => null, onClose = () => null, visibleOptions = 5, ...restProps }, ref) => {

package/select/modern/index.js

@@ -20,9 +20,9 @@ import './components/native-select/Component.js';
 export { BaseSelect } from './components/base-select/Component.js';
 export { Select } from './Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-43970528.js';
+import './intersection-observer-f3cc06f1.js';
 import '../../button/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-c6562783.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-00d0063c.js';
 export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';

package/select/modern/presets/index.js

@@ -20,8 +20,8 @@ import '../components/native-select/Component.js';
 import '../components/base-select/Component.js';
 import '../Component.js';
 import '../../../skeleton/modern';
-import '../intersection-observer-43970528.js';
+import '../intersection-observer-f3cc06f1.js';
 import '../../../button/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-c6562783.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-00d0063c.js';
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';

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

@@ -4,9 +4,9 @@ import '../../../../checkbox/modern';
 import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '../../../../skeleton/modern';
-import '../../intersection-observer-43970528.js';
+import '../../intersection-observer-f3cc06f1.js';
 
-var styles = {"skeleton":"select__skeleton_gfshr"};
+var styles = {"skeleton":"select__skeleton_1tmim"};
 require('./index.css');
 
 const DEBOUNCE_TIMEOUT = 300;

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

@@ -1,5 +1,5 @@
-/* hash: t1o6e */
-.select__skeleton_gfshr {
+/* hash: 1q8wv */
+.select__skeleton_1tmim {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/modern/presets/useSelectWithApply/hook.js

@@ -20,6 +20,6 @@ import '../../components/native-select/Component.js';
 import '../../components/base-select/Component.js';
 import '../../Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-43970528.js';
+import '../../intersection-observer-f3cc06f1.js';
 import '../../../../button/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-c6562783.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-00d0063c.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -20,6 +20,6 @@ import '../../../components/native-select/Component.js';
 import '../../../components/base-select/Component.js';
 import '../../../Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-43970528.js';
+import '../../../intersection-observer-f3cc06f1.js';
 import '../../../../../button/modern';
-export { O as OptionsListWithApply } from '../../../hook-c6562783.js';
+export { O as OptionsListWithApply } from '../../../hook-00d0063c.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: 1eu73 */
+/* hash: ulx2a */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_gp7z0 {
+.select__footer_1vt4q {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_gp7z0 > * + * {
+.select__footer_1vt4q > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_gp7z0 {
+.select__withBorder_1vt4q {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-c6562783";
+export * from "../../../hook-00d0063c";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -20,6 +20,6 @@ import '../../../components/native-select/Component.js';
 import '../../../components/base-select/Component.js';
 import '../../../Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-43970528.js';
+import '../../../intersection-observer-f3cc06f1.js';
 import '../../../../../button/modern';
-export { O as OptionsListWithApply } from '../../../hook-c6562783.js';
+export { O as OptionsListWithApply } from '../../../hook-00d0063c.js';

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

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

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

@@ -1,5 +1,5 @@
-/* hash: 8ap8k */
-.select__skeleton_cgsd2 {
+/* hash: 1nzcx */
+.select__skeleton_9iorh {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/presets/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-bb25ffb4.js');
+require('../tslib.es6-6667a3c8.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -24,10 +24,10 @@ require('../Component.js');
 require('react-virtual');
 require('../../skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
-require('../intersection-observer-8e46defe.js');
+require('../intersection-observer-a62af756.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
 require('../../button');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-82325cb8.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-2e413d5d.js');
 
 
 

package/select/presets/useLazyLoading/hook.js

@@ -1,19 +1,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-bb25ffb4.js');
+var tslib_es6 = require('../../tslib.es6-6667a3c8.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');
 require('../../components/checkmark/Component.js');
 var components_option_Component = require('../../components/option/Component.js');
 var coreComponentsSkeleton = require('../../../skeleton');
-require('../../intersection-observer-8e46defe.js');
+require('../../intersection-observer-a62af756.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_gfshr"};
+var styles = {"skeleton":"select__skeleton_1tmim"};
 require('./index.css');
 
 var DEBOUNCE_TIMEOUT = 300;

package/select/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: t1o6e */
-.select__skeleton_gfshr {
+/* hash: 1q8wv */
+.select__skeleton_1tmim {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/presets/useSelectWithApply/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-bb25ffb4.js');
+require('../../tslib.es6-6667a3c8.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -23,9 +23,9 @@ require('../../components/base-select/Component.js');
 require('../../Component.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-8e46defe.js');
+require('../../intersection-observer-a62af756.js');
 require('../../../button');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-82325cb8.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-2e413d5d.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-bb25ffb4.js');
+require('../../../tslib.es6-6667a3c8.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -23,9 +23,9 @@ require('../../../components/base-select/Component.js');
 require('../../../Component.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-8e46defe.js');
+require('../../../intersection-observer-a62af756.js');
 require('../../../../button');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-82325cb8.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-2e413d5d.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: 1eu73 */
+/* hash: ulx2a */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_gp7z0 {
+.select__footer_1vt4q {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_gp7z0 > * + * {
+.select__footer_1vt4q > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_gp7z0 {
+.select__withBorder_1vt4q {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-82325cb8";
+export * from "../../../hook-2e413d5d";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-bb25ffb4.js');
+require('../../../tslib.es6-6667a3c8.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -23,9 +23,9 @@ require('../../../components/base-select/Component.js');
 require('../../../Component.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-8e46defe.js');
+require('../../../intersection-observer-a62af756.js');
 require('../../../../button');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-82325cb8.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-2e413d5d.js');
 
 
 

package/select/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-bb25ffb4.js');
+var tslib_es6 = require('../../tslib.es6-6667a3c8.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_cgsd2"};
+var styles = {"skeleton":"select__skeleton_9iorh"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 8ap8k */
-.select__skeleton_cgsd2 {
+/* hash: 1nzcx */
+.select__skeleton_9iorh {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select-with-tags/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-03998827.js');
+var tslib_es6 = require('./tslib.es6-b22ea28e.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 require('classnames');

package/select-with-tags/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-03998827.js');
+require('../tslib.es6-b22ea28e.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/select-with-tags/components/tag/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-03998827.js');
+var tslib_es6 = require('../../tslib.es6-b22ea28e.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../tag');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"tag":"select-with-tags__tag_rn2go","tagNoClose":"select-with-tags__tagNoClose_rn2go","tagContentWrap":"select-with-tags__tagContentWrap_rn2go","tagCross":"select-with-tags__tagCross_rn2go"};
+var styles = {"tag":"select-with-tags__tag_1xnvb","tagNoClose":"select-with-tags__tagNoClose_1xnvb","tagContentWrap":"select-with-tags__tagContentWrap_1xnvb","tagCross":"select-with-tags__tagCross_1xnvb"};
 require('./index.css');
 
 var Tag = function (_a) {