@alfalab/core-components 27.3.0 → 27.5.0

package/scrollbar/modern/default.css

@@ -0,0 +1,23 @@
+/* hash: yotnq */
+:root {
+    --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
+    --color-light-graphic-primary-alpha-60: rgba(11, 31, 53, 0.6);
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --scrollbar-background-color: var(--color-light-graphic-primary-alpha-30);
+    --scrollbar-background-color-active: var(--color-light-graphic-primary-alpha-60);
+}
+.scrollbar__component_4b47o .scrollbar:before {
+            background-color: var(--scrollbar-background-color);
+        }
+.scrollbar__component_4b47o.dragging .track .scrollbar.visible:before {
+            background-color: var(--scrollbar-background-color-active);
+        }

package/scrollbar/modern/index.css

@@ -0,0 +1,205 @@
+/* hash: 84ndn */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --scrollbar-rail-size: 12px;
+    --scrollbar-thumb-size: 6px;
+    --scrollbar-thumb-border-radius: 3px;
+    --scrollbar-thumb-side-outer-offset: 4px;
+    --scrollbar-thumb-side-inner-offset: 1px;
+    --scrollbar-scaling-factor: 1.5;
+}
+.scrollbar__component_axw9r {
+    position: relative;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+    align-items: flex-start
+}
+.scrollbar__component_axw9r .scrollbar__wrapper_axw9r {
+        overflow: hidden;
+        width: inherit;
+        height: inherit;
+        max-width: inherit;
+        max-height: inherit;
+    }
+.scrollbar__component_axw9r .scrollbar__heightAutoObserverWrapper_axw9r {
+        box-sizing: inherit;
+        height: 100%;
+        width: 100%;
+        max-width: 1px;
+        position: relative;
+        float: left;
+        max-height: 1px;
+        overflow: hidden;
+        z-index: -1;
+        padding: 0;
+        margin: 0;
+        pointer-events: none;
+        flex-grow: inherit;
+        flex-shrink: 0;
+        flex-basis: 0;
+    }
+.scrollbar__component_axw9r .scrollbar__heightAutoObserver_axw9r {
+        box-sizing: inherit;
+        display: block;
+        opacity: 0;
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 1000%;
+        width: 1000%;
+        min-height: 1px;
+        min-width: 1px;
+        overflow: hidden;
+        pointer-events: none;
+        z-index: -1;
+    }
+.scrollbar__component_axw9r .scrollbar__mask_axw9r {
+        direction: inherit;
+        position: absolute;
+        overflow: hidden;
+        padding: 0;
+        margin: 0;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        width: auto;
+        height: auto;
+        z-index: 0;
+    }
+.scrollbar__component_axw9r .scrollbar__offset_axw9r {
+        direction: inherit;
+        box-sizing: inherit;
+        resize: none;
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        padding: 0;
+        margin: 0;
+        -webkit-overflow-scrolling: touch;
+    }
+.scrollbar__component_axw9r .scrollbar__contentWrapper_axw9r {
+        direction: inherit;
+        box-sizing: border-box;
+        position: relative;
+        display: block;
+        height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
+        width: auto;
+        max-width: 100%; /* Not required for horizontal scroll to trigger */
+        max-height: 100%; /* Needed for vertical scroll to trigger */
+        scrollbar-width: none;
+        -ms-overflow-style: none
+    }
+.scrollbar__component_axw9r .scrollbar__contentWrapper_axw9r::-webkit-scrollbar {
+            width: 0;
+            height: 0;
+        }
+.scrollbar__component_axw9r .scrollbar__placeholder_axw9r {
+        max-height: 100%;
+        max-width: 100%;
+        width: 100%;
+        pointer-events: none;
+    }
+.scrollbar__component_axw9r .track {
+        z-index: 1;
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        pointer-events: auto;
+        overflow: hidden
+    }
+.scrollbar__component_axw9r .track.scrollbar__vertical_axw9r {
+            top: 0;
+            width: var(--scrollbar-rail-size)
+        }
+.scrollbar__component_axw9r .track.scrollbar__vertical_axw9r.scrollbar__hover_axw9r .scrollbar:before {
+                    transform: scaleX(var(--scrollbar-scaling-factor));
+                }
+.scrollbar__component_axw9r .track.scrollbar__vertical_axw9r .scrollbar {
+                width: var(--scrollbar-thumb-size);
+                margin: 0 auto
+            }
+.scrollbar__component_axw9r .track.scrollbar__vertical_axw9r .scrollbar:before {
+                    right: var(--scrollbar-thumb-side-inner-offset);
+                    left: var(--scrollbar-thumb-side-inner-offset);
+                    top: var(--scrollbar-thumb-side-outer-offset);
+                    bottom: var(--scrollbar-thumb-side-outer-offset);
+                    transition: opacity 0.2s linear, transform 0.2s ease-in-out;
+                }
+.scrollbar__component_axw9r .track.scrollbar__horizontal_axw9r {
+            left: 0;
+            height: var(--scrollbar-rail-size)
+        }
+.scrollbar__component_axw9r .track.scrollbar__horizontal_axw9r.scrollbar__hover_axw9r .scrollbar:before {
+                    transform: scaleY(var(--scrollbar-scaling-factor));
+                }
+.scrollbar__component_axw9r .track.scrollbar__horizontal_axw9r .scrollbar {
+                right: auto;
+                left: 0;
+                bottom: var(--scrollbar-thumb-side-outer-offset);
+                height: var(--scrollbar-thumb-size);
+                min-height: 0;
+                min-width: 40px;
+                width: auto
+            }
+.scrollbar__component_axw9r .track.scrollbar__horizontal_axw9r .scrollbar:before {
+                    left: var(--scrollbar-thumb-side-outer-offset);
+                    right: var(--scrollbar-thumb-side-outer-offset);
+                    top: var(--scrollbar-thumb-side-inner-offset);
+                    bottom: var(--scrollbar-thumb-side-inner-offset);
+                    transition: opacity 0.2s linear, transform 0.2s ease-in-out;
+                }
+.scrollbar__component_axw9r .scrollbar {
+        position: absolute;
+        left: 0;
+        right: 0;
+        min-height: 40px
+    }
+.scrollbar__component_axw9r .scrollbar:before {
+            position: absolute;
+            content: '';
+            border-radius: var(--scrollbar-thumb-border-radius);
+            left: 0;
+            right: 0;
+            opacity: 0;
+        }
+.scrollbar__component_axw9r .scrollbar.visible:before {
+            opacity: 1;
+        }
+.scrollbar__component_axw9r.dragging .scrollbar__content_axw9r {
+        pointer-events: none;
+        user-select: none;
+        -webkit-user-select: none;
+    }
+.scrollbar__component_axw9r.dragging .track {
+        pointer-events: all
+    }
+.scrollbar__component_axw9r.dragging .track.scrollbar__vertical_axw9r .scrollbar:before {
+            transform: scaleX(var(--scrollbar-scaling-factor));
+        }
+.scrollbar__component_axw9r.dragging .track.scrollbar__horizontal_axw9r .scrollbar:before {
+            transform: scaleY(var(--scrollbar-scaling-factor));
+        }
+.simplebar-hide-scrollbar {
+    position: fixed;
+    left: 0;
+    visibility: hidden;
+    overflow-y: scroll;
+    scrollbar-width: none;
+    -ms-overflow-style: none
+}
+.simplebar-hide-scrollbar::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+    }

package/scrollbar/modern/index.d.ts

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

package/scrollbar/modern/index.js

@@ -0,0 +1,23 @@
+import 'react';
+import 'classnames';
+import 'react-merge-refs';
+import 'core-js/modules/es.array.filter';
+import 'core-js/modules/es.array.for-each';
+import 'core-js/modules/es.array.iterator';
+import 'core-js/modules/es.object.assign';
+import 'core-js/modules/es.object.to-string';
+import 'core-js/modules/es.parse-int';
+import 'core-js/modules/es.string.iterator';
+import 'core-js/modules/es.weak-map';
+import 'core-js/modules/web.dom-collections.iterator';
+import 'lodash.throttle';
+import 'lodash.debounce';
+import 'lodash.memoize';
+import '@juggle/resize-observer';
+import 'can-use-dom';
+import 'core-js/modules/es.array.reduce';
+import 'core-js/modules/es.function.name';
+import 'core-js/modules/es.regexp.exec';
+import 'core-js/modules/es.string.match';
+import 'core-js/modules/es.string.replace';
+export { Scrollbar } from './Component.js';

package/scrollbar/modern/inverted.css

@@ -0,0 +1,24 @@
+/* hash: ifata */
+:root {
+    --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --scrollbar-inverted-background-color: var(--color-light-graphic-primary-inverted-alpha-30);
+    --scrollbar-inverted-background-color-active: var(
+        --color-light-graphic-primary-inverted-alpha-60
+    );
+}
+.scrollbar__component_1mdie .scrollbar:before {
+            background-color: var(--scrollbar-inverted-background-color);
+        }
+.scrollbar__component_1mdie.dragging .track .scrollbar.visible:before {
+            background-color: var(--scrollbar-inverted-background-color-active);
+        }

package/scrollbar/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "./esm/index.js"
+}

package/scrollbar/send-stats.js

@@ -0,0 +1,82 @@
+const http = require('http');
+const fs = require('fs');
+const { promisify } = require('util');
+const path = require('path');
+
+const readFile = promisify(fs.readFile);
+
+async function main() {
+    const remoteHost = process.env.NIS_HOST || 'digital';
+    const remotePort = process.env.NIS_PORT || 80;
+    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
+
+    try {
+        const [_, node, os, arch] =
+            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
+        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+
+        let ownPackageJson, packageJson;
+
+        try {
+            const result = await Promise.all([
+                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
+                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
+            ]);
+
+            ownPackageJson = JSON.parse(result[0]);
+            packageJson = JSON.parse(result[1]);
+        } catch (err) {
+            ownPackageJson = '';
+            packageJson = '';
+        }
+
+        const data = {
+            node,
+            npm,
+            yarn,
+            os,
+            arch,
+            ownPackageJson: JSON.stringify(ownPackageJson),
+            packageJson: JSON.stringify(packageJson),
+        };
+
+        const body = JSON.stringify(data);
+
+        const options = {
+            host: remoteHost,
+            port: remotePort,
+            path: remotePath,
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Content-Length': body.length,
+            },
+        };
+
+        return new Promise((resolve, reject) => {
+            const req = http.request(options, res => {
+                res.on('end', () => {
+                    resolve();
+                });
+            });
+
+            req.on('error', () => {
+                reject();
+            });
+
+            req.write(body);
+            req.end();
+        });
+    } catch (error) {
+        throw error;
+    }
+}
+
+main()
+    .then(() => {
+        process.exit(0);
+    })
+    .catch(() => {
+        process.exit(0);
+    });

package/select/{modern/Component-6f697b2a.d.ts → Component-01c496b3.d.ts}

@@ -19,7 +19,7 @@ type SelectMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'on
      */
     swipeable?: boolean;
 };
-declare const SelectMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
      * Футер
      */

package/select/{Component-ff810803.js → Component-01c496b3.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-f5819fca.js');
+var tslib_es6 = require('./tslib.es6-bf68e793.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/hooks');
@@ -8,12 +8,13 @@ var components_field_Component = require('./components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 var components_arrow_Component = require('./components/arrow/Component.js');
 var mergeRefs = require('react-merge-refs');
+require('../scrollbar');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 require('../checkbox');
 var components_option_Component = require('./components/option/Component.js');
 var downshift = require('downshift');
-var components_baseSelect_Component = require('./Component-7e8108a4.js');
+var components_baseSelect_Component = require('./Component-bf728b93.js');
 require('./Component.js');
 var coreComponentsBottomSheet = require('../bottom-sheet');
 var coreComponentsButton = require('../button');
@@ -21,7 +22,7 @@ var components_selectMobile_optionsList_Component = require('./components/select
 var components_selectMobile_checkmark_Component = require('./components/select-mobile/checkmark/Component.js');
 require('react-virtual');
 require('../skeleton');
-require('./intersection-observer-034ae348.js');
+require('./intersection-observer-8d7f0aeb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -97,7 +98,7 @@ function useSelectWithApply(_a) {
     };
 }
 
-var styles = {"footer":"select__footer_ff72o","withBorder":"select__withBorder_ff72o"};
+var styles = {"footer":"select__footer_1dbgw","withBorder":"select__withBorder_1dbgw"};
 require('./presets/useSelectWithApply/options-list-with-apply/index.css');
 
 var OptionsListWithApply = React.forwardRef(function (_a, ref) {
@@ -143,7 +144,7 @@ var OptionsListWithApply = React.forwardRef(function (_a, ref) {
             showClear && (React__default['default'].createElement(coreComponentsButton.Button, { size: 'xxs', view: 'secondary', onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))) })));
 });
 
-var styles$1 = {"component":"select__component_bghpe","popoverInner":"select__popoverInner_bghpe","sheet":"select__sheet_bghpe","sheetContent":"select__sheetContent_bghpe","sheetContainer":"select__sheetContainer_bghpe","block":"select__block_bghpe","option":"select__option_bghpe","optionGroup":"select__optionGroup_bghpe"};
+var styles$1 = {"component":"select__component_v8jnh","popoverInner":"select__popoverInner_v8jnh","sheet":"select__sheet_v8jnh","sheetContent":"select__sheetContent_v8jnh","sheetContainer":"select__sheetContainer_v8jnh","block":"select__block_v8jnh","option":"select__option_v8jnh","optionGroup":"select__optionGroup_v8jnh"};
 require('./components/select-mobile/index.css');
 
 var SelectMobile = React.forwardRef(function (_a, ref) {

package/select/{Component-7e8108a4.js → Component-bf728b93.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-f5819fca.js');
+var tslib_es6 = require('./tslib.es6-bf68e793.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('./utils.js');
@@ -19,7 +19,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "" + dataTestId + elementPart : undefined;
 };
 
-var styles = {"component":"select__component_hzxml","popoverInner":"select__popoverInner_hzxml","optionsList":"select__optionsList_hzxml","nativeSelect":"select__nativeSelect_hzxml","block":"select__block_hzxml"};
+var styles = {"component":"select__component_m4w56","popoverInner":"select__popoverInner_m4w56","optionsList":"select__optionsList_m4w56","nativeSelect":"select__nativeSelect_m4w56","block":"select__block_m4w56"};
 require('./components/base-select/index.css');
 
 var BaseSelect = React.forwardRef(function (_a, ref) {
@@ -238,7 +238,7 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
             }, dataTestId: getDataTestId(dataTestId, 'field') }, fieldProps)),
         name && !nativeSelect && renderValue(),
         !nativeSelect && (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn__default['default'](styles.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }, needRenderOptionsList && (React__default['default'].createElement("div", tslib_es6.__assign({}, menuProps, { className: cn__default['default'](optionsListClassName, styles.optionsList) }),
-            React__default['default'].createElement(OptionsList, tslib_es6.__assign({}, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: options, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: visibleOptions, onScroll: onScroll, dataTestId: getDataTestId(dataTestId, 'options-list') }))))))));
+            React__default['default'].createElement(OptionsList, tslib_es6.__assign({}, optionsListProps, { optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: options, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: visibleOptions, onScroll: onScroll, dataTestId: getDataTestId(dataTestId, 'options-list') }))))))));
 });
 
 exports.BaseSelect = BaseSelect;

package/select/Component.d.ts

@@ -82,7 +82,7 @@ type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
      */
     fieldProps?: FormControlProps & Record<string, unknown>;
 };
-declare const Select: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const Select: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */

package/select/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-f5819fca.js');
+var tslib_es6 = require('./tslib.es6-bf68e793.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -10,6 +10,7 @@ var components_field_Component = require('./components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 var components_arrow_Component = require('./components/arrow/Component.js');
 require('react-merge-refs');
+require('../scrollbar');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 require('../checkbox');
@@ -19,7 +20,7 @@ require('resize-observer');
 require('../popover');
 require('downshift');
 require('./components/native-select/Component.js');
-var components_baseSelect_Component = require('./Component-7e8108a4.js');
+var components_baseSelect_Component = require('./Component-bf728b93.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/select/components/arrow/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"arrow":"select__arrow_1v6h5","open":"select__open_1v6h5"};
+var styles = {"arrow":"select__arrow_emlyg","open":"select__open_emlyg"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mmnw */
+/* hash: rxtpt */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -24,7 +24,7 @@
 
     /* optgroup */
 }
-.select__arrow_1v6h5 {
+.select__arrow_emlyg {
     display: block;
     width: 24px;
     height: 24px;
@@ -32,6 +32,6 @@
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
 }
-.select__open_1v6h5 {
+.select__open_emlyg {
     transform: var(--arrow-transform);
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f5819fca.js');
+require('../../tslib.es6-bf68e793.js');
 require('react');
 require('classnames');
 require('../../utils.js');
@@ -9,7 +9,7 @@ require('resize-observer');
 require('../../../popover');
 require('downshift');
 require('../native-select/Component.js');
-var components_baseSelect_Component = require('../../Component-7e8108a4.js');
+var components_baseSelect_Component = require('../../Component-bf728b93.js');
 
 
 

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

@@ -1,4 +1,4 @@
-/* hash: 1edn0 */
+/* hash: wwpsp */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -28,12 +28,12 @@
 
     /* optgroup */
 }
-.select__component_hzxml {
+.select__component_m4w56 {
     width: max-content;
     position: relative;
     outline: 0;
 }
-.select__popoverInner_hzxml {
+.select__popoverInner_m4w56 {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -42,7 +42,7 @@
     border-radius: 0;
     position: relative;
 }
-.select__optionsList_hzxml {
+.select__optionsList_m4w56 {
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
     box-shadow: var(--select-options-list-box-shadow);
@@ -51,7 +51,7 @@
     overflow: hidden;
     will-change: transform;
 }
-.select__nativeSelect_hzxml {
+.select__nativeSelect_m4w56 {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -65,12 +65,12 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_hzxml {
+.select__block_m4w56 {
     width: 100%;
 }
 /* width: max-content; fix for IE */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_hzxml {
+    .select__component_m4w56 {
         float: left;
         clear: left;
     }

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

@@ -1 +1 @@
-export * from "../../Component-7e8108a4";
+export * from "../../Component-bf728b93";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f5819fca.js');
+require('../../tslib.es6-bf68e793.js');
 require('react');
 require('classnames');
 require('../../utils.js');
@@ -9,7 +9,7 @@ require('resize-observer');
 require('../../../popover');
 require('downshift');
 require('../native-select/Component.js');
-var components_baseSelect_Component = require('../../Component-7e8108a4.js');
+var components_baseSelect_Component = require('../../Component-bf728b93.js');
 
 
 

package/select/components/checkmark/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"checkmark":"select__checkmark_1pjah","single":"select__single_1pjah","selected":"select__selected_1pjah","before":"select__before_1pjah","multiple":"select__multiple_1pjah","after":"select__after_1pjah"};
+var styles = {"checkmark":"select__checkmark_1pcz2","single":"select__single_1pcz2","selected":"select__selected_1pcz2","before":"select__before_1pcz2","multiple":"select__multiple_1pcz2","after":"select__after_1pcz2"};
 require('./index.css');
 
 var Checkmark = function (_a) {