@alfalab/core-components 26.3.1-beta.1 → 26.4.0

package/select/presets/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-0128d609.js');
+require('../tslib.es6-b9d0d522.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,19 +19,23 @@ require('resize-observer');
 require('../../popover');
 require('downshift');
 require('../components/native-select/Component.js');
-require('../components/base-select/Component.js');
+require('../Component-b963ee30.js');
 require('../Component.js');
+require('../../bottom-sheet');
+require('../../button');
+require('../../base-modal');
+require('../components/select-mobile/options-list/Component.js');
+require('../components/select-mobile/checkmark/Component.js');
+var presets_useSelectWithApply_hook = require('../Component-9404bb50.js');
 require('react-virtual');
 require('../../skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
-require('../intersection-observer-136d50e6.js');
+require('../intersection-observer-0fef5c01.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-require('../../button');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4de7f501.js');
 
 
 
+exports.SELECT_ALL_KEY = presets_useSelectWithApply_hook.SELECT_ALL_KEY;
+exports.useSelectWithApply = presets_useSelectWithApply_hook.useSelectWithApply;
 exports.useSelectWithLoading = presets_useSelectWithLoading_hook.useSelectWithLoading;
 exports.useLazyLoading = presets_useLazyLoading_hook.useLazyLoading;
-exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
-exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;

package/select/presets/useLazyLoading/hook.js

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-0128d609.js');
+var tslib_es6 = require('../../tslib.es6-b9d0d522.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-136d50e6.js');
+require('../../intersection-observer-0fef5c01.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/select/presets/useLazyLoading/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xsda */
+/* hash: vyhxg */
 .select__skeleton_up86v {
     position: absolute;
     top: 50%;

package/select/presets/useSelectWithApply/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-0128d609.js');
+require('../../tslib.es6-b9d0d522.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,15 +19,19 @@ require('resize-observer');
 require('../../../popover');
 require('downshift');
 require('../../components/native-select/Component.js');
-require('../../components/base-select/Component.js');
+require('../../Component-b963ee30.js');
 require('../../Component.js');
+require('../../../bottom-sheet');
+require('../../../button');
+require('../../../base-modal');
+require('../../components/select-mobile/options-list/Component.js');
+require('../../components/select-mobile/checkmark/Component.js');
+var presets_useSelectWithApply_hook = require('../../Component-9404bb50.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-136d50e6.js');
-require('../../../button');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-4de7f501.js');
+require('../../intersection-observer-0fef5c01.js');
 
 
 
-exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
-exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;
+exports.SELECT_ALL_KEY = presets_useSelectWithApply_hook.SELECT_ALL_KEY;
+exports.useSelectWithApply = presets_useSelectWithApply_hook.useSelectWithApply;

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-0128d609.js');
+require('../../../tslib.es6-b9d0d522.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,14 +19,18 @@ require('resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../components/base-select/Component.js');
+require('../../../Component-b963ee30.js');
 require('../../../Component.js');
+require('../../../../bottom-sheet');
+require('../../../../button');
+require('../../../../base-modal');
+require('../../../components/select-mobile/options-list/Component.js');
+require('../../../components/select-mobile/checkmark/Component.js');
+var presets_useSelectWithApply_hook = require('../../../Component-9404bb50.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-136d50e6.js');
-require('../../../../button');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-4de7f501.js');
+require('../../../intersection-observer-0fef5c01.js');
 
 
 
-exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;
+exports.OptionsListWithApply = presets_useSelectWithApply_hook.OptionsListWithApply;

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

@@ -1,4 +1,4 @@
-/* hash: 1om3j */
+/* hash: c9hut */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;

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

@@ -1 +1 @@
-export * from "../../../hook-4de7f501";
+export * from "../../../Component-9404bb50";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-0128d609.js');
+require('../../../tslib.es6-b9d0d522.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,14 +19,18 @@ require('resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../components/base-select/Component.js');
+require('../../../Component-b963ee30.js');
 require('../../../Component.js');
+require('../../../../bottom-sheet');
+require('../../../../button');
+require('../../../../base-modal');
+require('../../../components/select-mobile/options-list/Component.js');
+require('../../../components/select-mobile/checkmark/Component.js');
+var presets_useSelectWithApply_hook = require('../../../Component-9404bb50.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-136d50e6.js');
-require('../../../../button');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-4de7f501.js');
+require('../../../intersection-observer-0fef5c01.js');
 
 
 
-exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;
+exports.OptionsListWithApply = presets_useSelectWithApply_hook.OptionsListWithApply;

package/select/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-0128d609.js');
+var tslib_es6 = require('../../tslib.es6-b9d0d522.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');

package/select/presets/useSelectWithLoading/index.css

@@ -1,4 +1,4 @@
-/* hash: i3d20 */
+/* hash: 1xs0r */
 .select__skeleton_19mid {
     position: absolute;
     top: 50%;

package/select/typings.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReactNode, FC, RefAttributes, AriaAttributes, FocusEvent, MouseEvent, ReactElement } from 'react';
 import { PopoverProps } from "../popover";
 import { InputProps } from "../input";
@@ -50,6 +51,10 @@ type BaseSelectProps = {
      * Дополнительный класс для пункта меню
      */
     optionClassName?: string;
+    /**
+     * Дополнительный класс для компонента группы пунктов
+     */
+    optionGroupClassName?: string;
     /**
      * Дополнительный класс для поповера
      */
@@ -327,6 +332,10 @@ type OptionsListProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс для компонента группы пунктов
+     */
+    optionGroupClassName?: string;
     /**
      * Размер компонента
      */
@@ -399,8 +408,24 @@ type OptionsListProps = {
      * Дополнительные пропсы для Input'a, находящегося внутри кастомного OptionsList
      */
     inputProps?: InputProps;
+    /**
+     * Нужно ли показывать футер
+     */
+    showFooter?: boolean;
+    /**
+     * Обработчик подтверждения изменений
+     */
+    onApply?: () => void;
+    /**
+     * Обработчик отмены изменений
+     */
+    onClear?: () => void;
 };
 type OptgroupProps = {
+    /**
+     * Дополнительный класс для компонента группы пунктов
+     */
+    className?: string;
     /**
      * Размер компонента
      */
@@ -487,5 +512,9 @@ type CheckmarkProps = {
      * Расположение отметки
      */
     position?: 'before' | 'after';
+    /**
+     * Иконка выбранного пункта
+     */
+    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
 };
 export { OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/select-with-tags/component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseSelectProps } from "../select";
-declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../select").OptionShape)[] | undefined;

package/select-with-tags/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-7c9dd6a4.js');
+var tslib_es6 = require('./tslib.es6-54c4bf35.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-7c9dd6a4.js');
+require('../tslib.es6-54c4bf35.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-7c9dd6a4.js');
+var tslib_es6 = require('../../tslib.es6-54c4bf35.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../tag');

package/select-with-tags/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 4cdp1 */
+/* hash: 116r9 */
 :root {
 
     /* Hard */

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7c9dd6a4.js');
+require('../../tslib.es6-54c4bf35.js');
 require('react');
 require('classnames');
 require('../../../tag');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7c9dd6a4.js');
+var tslib_es6 = require('../../tslib.es6-54c4bf35.js');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');

package/select-with-tags/components/tag-list/index.css

@@ -1,4 +1,4 @@
-/* hash: u7hp4 */
+/* hash: 1g2lh */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;

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

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

package/select-with-tags/cssm/component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseSelectProps } from "../../select";
-declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../../select").OptionShape)[] | undefined;

package/select-with-tags/esm/component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseSelectProps } from "../../select";
-declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../../select").OptionShape)[] | undefined;

package/select-with-tags/esm/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-85f71272.js';
+import { _ as __rest, a as __assign } from './tslib.es6-f4737645.js';
 import React, { forwardRef, useState, useRef, useCallback } from 'react';
 import { BaseSelect, OptionsList, Optgroup, Option, Arrow } from '../../select/esm';
 import 'classnames';

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

@@ -1,4 +1,4 @@
-import '../tslib.es6-85f71272.js';
+import '../tslib.es6-f4737645.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-85f71272.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-f4737645.js';
 import React, { useCallback } from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/esm';

package/select-with-tags/esm/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 4cdp1 */
+/* hash: 116r9 */
 :root {
 
     /* Hard */

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-85f71272.js';
+import '../../tslib.es6-f4737645.js';
 import 'react';
 import 'classnames';
 import '../../../../tag/esm';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-85f71272.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-f4737645.js';
 import React, { useState, useRef, useLayoutEffect, useCallback, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';

package/select-with-tags/esm/components/tag-list/index.css

@@ -1,4 +1,4 @@
-/* hash: u7hp4 */
+/* hash: 1g2lh */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;

package/select-with-tags/esm/components/tag-list/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-85f71272.js';
+import '../../tslib.es6-f4737645.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

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

@@ -1,4 +1,4 @@
-import './tslib.es6-85f71272.js';
+import './tslib.es6-f4737645.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';

package/select-with-tags/esm/utils/index.js

@@ -1,3 +1,3 @@
-import '../tslib.es6-85f71272.js';
+import '../tslib.es6-f4737645.js';
 import '../../../select/esm';
 export { filterOptions } from './match.js';

package/select-with-tags/esm/utils/match.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../tslib.es6-85f71272.js';
+import { a as __assign } from '../tslib.es6-f4737645.js';
 import { isGroup } from '../../../select/esm';
 
 var defaultMatch = function (option, inputValue) {

package/select-with-tags/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-7c9dd6a4.js');
+require('./tslib.es6-54c4bf35.js');
 require('react');
 require('../select');
 require('classnames');

package/select-with-tags/modern/component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseSelectProps } from "../../select";
-declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../../select").OptionShape)[] | undefined;

package/select-with-tags/modern/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 4cdp1 */
+/* hash: 116r9 */
 :root {
 
     /* Hard */

package/select-with-tags/modern/components/tag-list/index.css

@@ -1,4 +1,4 @@
-/* hash: u7hp4 */
+/* hash: 1g2lh */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-7c9dd6a4.js');
+require('../tslib.es6-54c4bf35.js');
 require('../../select');
 var utils_match = require('./match.js');
 

package/select-with-tags/utils/match.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-7c9dd6a4.js');
+var tslib_es6 = require('../tslib.es6-54c4bf35.js');
 var coreComponentsSelect = require('../../select');
 
 var defaultMatch = function (option, inputValue) {

package/skeleton/cssm/index.module.css

@@ -1,7 +1,17 @@
 :root {
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
 }
+:root {
+
+    /* Hard */
 
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --border-radius-m: 8px;
+}
 :root {
     --skeleton-display: block;
     --skeleton-default-color: var(--color-light-specialbg-component);
@@ -12,7 +22,6 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
 }
-
 .component {
     position: relative;
     display: var(--skeleton-display);
@@ -26,11 +35,9 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-
 .component > * {
     visibility: hidden;
 }
-
 .component:before {
     content: '';
     position: absolute;
@@ -40,7 +47,6 @@
     bottom: 0;
     background: var(--skeleton-default-color);
 }
-
 .animate:before {
     display: var(--skeleton-bg-animation-display);
     animation-name: background;
@@ -51,13 +57,11 @@
     animation-play-state: running;
     opacity: 0.5;
 }
-
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
     .animate:before {
         opacity: 0.4;
     }
 }
-
 .animate:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
@@ -81,7 +85,6 @@
         rgba(0, 0, 0, 0)
     );
 }
-
 @keyframes gradient {
     0% {
         transform: translateX(-80%);
@@ -93,7 +96,6 @@
         transform: translateX(0);
     }
 }
-
 @keyframes background {
     0% {
         background: rgb(182, 188, 195);