@alfalab/core-components 37.3.0 → 37.4.0-beta.0

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

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-3196a83a.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-fead9c0a.js';
 import React, { useCallback } from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/esm';
 import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"tag":"select-with-tags__tag_bmp9d","tagNoClose":"select-with-tags__tagNoClose_bmp9d","tagContentWrap":"select-with-tags__tagContentWrap_bmp9d","tagCross":"select-with-tags__tagCross_bmp9d"};
+var styles = {"tag":"select-with-tags__tag_1xy64","tagNoClose":"select-with-tags__tagNoClose_1xy64","tagContentWrap":"select-with-tags__tagContentWrap_1xy64","tagCross":"select-with-tags__tagCross_1xy64"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: yj3f9 */
+/* hash: 1otnq */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_bmp9d {
+.select-with-tags__tag_1xy64 {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_bmp9d:active:not(:disabled) {
+.select-with-tags__tag_1xy64:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_bmp9d:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_1xy64:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_bmp9d > span {
+.select-with-tags__tag_1xy64 > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_bmp9d {
+.select-with-tags__tagNoClose_1xy64 {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_bmp9d {
+.select-with-tags__tagContentWrap_1xy64 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_bmp9d {
+.select-with-tags__tagCross_1xy64 {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_bmp9d:hover {
+.select-with-tags__tagCross_1xy64:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_bmp9d:active {
+.select-with-tags__tagCross_1xy64:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_bmp9d svg {
+.select-with-tags__tagCross_1xy64 svg {
         height: 100%;
     }

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
-import '../../tslib.es6-3196a83a.js';
+import '../../tslib.es6-fead9c0a.js';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-3196a83a.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-fead9c0a.js';
 import React, { useState, useRef, useLayoutEffect, useCallback, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { FormControl } from '../../../../form-control/esm';
@@ -8,7 +8,7 @@ import { Tag } from '../tag/component.js';
 import '../../../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"component":"select-with-tags__component_psvyz","xl":"select-with-tags__xl_psvyz","contentWrapper":"select-with-tags__contentWrapper_psvyz","l":"select-with-tags__l_psvyz","m":"select-with-tags__m_psvyz","s":"select-with-tags__s_psvyz","contentWrapperVertical":"select-with-tags__contentWrapperVertical_psvyz","hasLabel":"select-with-tags__hasLabel_psvyz","hasTags":"select-with-tags__hasTags_psvyz","addons":"select-with-tags__addons_psvyz","field":"select-with-tags__field_psvyz","input":"select-with-tags__input_psvyz","block":"select-with-tags__block_psvyz","focusVisible":"select-with-tags__focusVisible_psvyz","placeholder":"select-with-tags__placeholder_psvyz","addons-size-m":"select-with-tags__addons-size-m_psvyz","addons-size-l":"select-with-tags__addons-size-l_psvyz","addons-size-xl":"select-with-tags__addons-size-xl_psvyz","label":"select-with-tags__label_psvyz"};
+var styles = {"component":"select-with-tags__component_72hp6","xl":"select-with-tags__xl_72hp6","contentWrapper":"select-with-tags__contentWrapper_72hp6","l":"select-with-tags__l_72hp6","m":"select-with-tags__m_72hp6","s":"select-with-tags__s_72hp6","contentWrapperVertical":"select-with-tags__contentWrapperVertical_72hp6","hasLabel":"select-with-tags__hasLabel_72hp6","hasTags":"select-with-tags__hasTags_72hp6","addons":"select-with-tags__addons_72hp6","field":"select-with-tags__field_72hp6","input":"select-with-tags__input_72hp6","block":"select-with-tags__block_72hp6","focusVisible":"select-with-tags__focusVisible_72hp6","placeholder":"select-with-tags__placeholder_72hp6","addons-size-m":"select-with-tags__addons-size-m_72hp6","addons-size-l":"select-with-tags__addons-size-l_72hp6","addons-size-xl":"select-with-tags__addons-size-xl_72hp6","label":"select-with-tags__label_72hp6"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 18p6e */
+/* hash: 1yemv */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;
@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_psvyz.select-with-tags__xl_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapper_72hp6 {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_psvyz.select-with-tags__l_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapper_72hp6 {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_psvyz.select-with-tags__m_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapper_72hp6 {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_psvyz.select-with-tags__s_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapper_72hp6 {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_psvyz.select-with-tags__xl_psvyz .select-with-tags__contentWrapperVertical_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_psvyz.select-with-tags__l_psvyz .select-with-tags__contentWrapperVertical_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_psvyz.select-with-tags__m_psvyz .select-with-tags__contentWrapperVertical_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_psvyz.select-with-tags__s_psvyz .select-with-tags__contentWrapperVertical_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6 {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_psvyz .select-with-tags__contentWrapper_psvyz:not(.select-with-tags__contentWrapperVertical_psvyz):not(.select-with-tags__hasLabel_psvyz) {
+.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6:not(.select-with-tags__contentWrapperVertical_72hp6):not(.select-with-tags__hasLabel_72hp6) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_psvyz .select-with-tags__contentWrapper_psvyz.select-with-tags__hasLabel_psvyz {
+.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasLabel_72hp6 {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_psvyz .select-with-tags__contentWrapper_psvyz.select-with-tags__hasTags_psvyz.select-with-tags__hasLabel_psvyz {
+.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasTags_72hp6.select-with-tags__hasLabel_72hp6 {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_psvyz:hover .select-with-tags__addons_psvyz {
+.select-with-tags__component_72hp6:hover .select-with-tags__addons_72hp6 {
     opacity: 0.7;
 }
-.select-with-tags__field_psvyz {
+.select-with-tags__field_72hp6 {
     cursor: pointer;
 }
-.select-with-tags__input_psvyz {
+.select-with-tags__input_72hp6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -94,23 +94,23 @@
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
 }
-.select-with-tags__input_psvyz:disabled {
+.select-with-tags__input_72hp6:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_psvyz::placeholder {
+.select-with-tags__input_72hp6::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_psvyz:focus::placeholder {
+.select-with-tags__input_72hp6:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_psvyz {
+.select-with-tags__block_72hp6 {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_psvyz {
+.select-with-tags__focusVisible_72hp6 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_psvyz {
+.select-with-tags__placeholder_72hp6 {
     display: flex;
     align-items: center;
     min-height: 28px;
@@ -118,36 +118,36 @@
     color: var(--color-light-text-tertiary);
     pointer-events: none;
 }
-.select-with-tags__addons_psvyz {
+.select-with-tags__addons_72hp6 {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_psvyz {
+.select-with-tags__addons-size-m_72hp6 {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_psvyz {
+.select-with-tags__addons-size-l_72hp6 {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_psvyz {
+.select-with-tags__addons-size-xl_72hp6 {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_psvyz.select-with-tags__s_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__label_72hp6 {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_psvyz.select-with-tags__m_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__label_72hp6 {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_psvyz.select-with-tags__l_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__label_72hp6 {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_psvyz.select-with-tags__xl_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__label_72hp6 {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6 .select-with-tags__label_72hp6 {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -6,5 +6,5 @@ import '@alfalab/hooks';
 import '../tag/component.js';
 import '../../../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
-import '../../tslib.es6-3196a83a.js';
+import '../../tslib.es6-fead9c0a.js';
 import '../../utils/calculate-collapse-size.js';

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

@@ -8,6 +8,6 @@ import '@alfalab/hooks';
 import './components/tag/component.js';
 import '../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
-import './tslib.es6-3196a83a.js';
+import './tslib.es6-fead9c0a.js';
 import './utils/match.js';
 import './utils/calculate-collapse-size.js';

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

@@ -1,3 +1,3 @@
 export { filterOptions } from './match.js';
 import '../../../select/esm';
-import '../tslib.es6-3196a83a.js';
+import '../tslib.es6-fead9c0a.js';

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

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

package/select-with-tags/index.js

@@ -1,5 +1,5 @@
 var component = require('./component.js');
-require('./tslib.es6-c5ee7968.js');
+require('./tslib.es6-89ad2e66.js');
 require('react');
 require('../select');
 require('./components/tag-list/component.js');

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/modern';
 import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 
-const styles = {"tag":"select-with-tags__tag_bmp9d","tagNoClose":"select-with-tags__tagNoClose_bmp9d","tagContentWrap":"select-with-tags__tagContentWrap_bmp9d","tagCross":"select-with-tags__tagCross_bmp9d"};
+const styles = {"tag":"select-with-tags__tag_1xy64","tagNoClose":"select-with-tags__tagNoClose_1xy64","tagContentWrap":"select-with-tags__tagContentWrap_1xy64","tagCross":"select-with-tags__tagCross_1xy64"};
 require('./index.css');
 
 const Tag = ({ option: { content, key }, onClick, handleDeleteTag, ...props }) => {

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

@@ -1,4 +1,4 @@
-/* hash: yj3f9 */
+/* hash: 1otnq */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_bmp9d {
+.select-with-tags__tag_1xy64 {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_bmp9d:active:not(:disabled) {
+.select-with-tags__tag_1xy64:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_bmp9d:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_1xy64:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_bmp9d > span {
+.select-with-tags__tag_1xy64 > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_bmp9d {
+.select-with-tags__tagNoClose_1xy64 {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_bmp9d {
+.select-with-tags__tagContentWrap_1xy64 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_bmp9d {
+.select-with-tags__tagCross_1xy64 {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_bmp9d:hover {
+.select-with-tags__tagCross_1xy64:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_bmp9d:active {
+.select-with-tags__tagCross_1xy64:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_bmp9d svg {
+.select-with-tags__tagCross_1xy64 svg {
         height: 100%;
     }

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

@@ -7,7 +7,7 @@ import { Tag } from '../tag/component.js';
 import '../../../../tag/modern';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
 
-const styles = {"component":"select-with-tags__component_psvyz","xl":"select-with-tags__xl_psvyz","contentWrapper":"select-with-tags__contentWrapper_psvyz","l":"select-with-tags__l_psvyz","m":"select-with-tags__m_psvyz","s":"select-with-tags__s_psvyz","contentWrapperVertical":"select-with-tags__contentWrapperVertical_psvyz","hasLabel":"select-with-tags__hasLabel_psvyz","hasTags":"select-with-tags__hasTags_psvyz","addons":"select-with-tags__addons_psvyz","field":"select-with-tags__field_psvyz","input":"select-with-tags__input_psvyz","block":"select-with-tags__block_psvyz","focusVisible":"select-with-tags__focusVisible_psvyz","placeholder":"select-with-tags__placeholder_psvyz","addons-size-m":"select-with-tags__addons-size-m_psvyz","addons-size-l":"select-with-tags__addons-size-l_psvyz","addons-size-xl":"select-with-tags__addons-size-xl_psvyz","label":"select-with-tags__label_psvyz"};
+const styles = {"component":"select-with-tags__component_72hp6","xl":"select-with-tags__xl_72hp6","contentWrapper":"select-with-tags__contentWrapper_72hp6","l":"select-with-tags__l_72hp6","m":"select-with-tags__m_72hp6","s":"select-with-tags__s_72hp6","contentWrapperVertical":"select-with-tags__contentWrapperVertical_72hp6","hasLabel":"select-with-tags__hasLabel_72hp6","hasTags":"select-with-tags__hasTags_72hp6","addons":"select-with-tags__addons_72hp6","field":"select-with-tags__field_72hp6","input":"select-with-tags__input_72hp6","block":"select-with-tags__block_72hp6","focusVisible":"select-with-tags__focusVisible_72hp6","placeholder":"select-with-tags__placeholder_72hp6","addons-size-m":"select-with-tags__addons-size-m_72hp6","addons-size-l":"select-with-tags__addons-size-l_72hp6","addons-size-xl":"select-with-tags__addons-size-xl_72hp6","label":"select-with-tags__label_72hp6"};
 require('./index.css');
 
 const TagList = ({ size = 'xl', open, disabled, placeholder, selectedMultiple = [], Arrow, innerProps, className, fieldClassName, value = '', autocomplete, label, valueRenderer, onInput, handleDeleteTag, collapseTagList, moveInputToNewLine, transformCollapsedTagText, transformTagText, isPopoverOpen, handleUpdatePopover, Tag: Tag$1 = Tag, setSelectedItems, toggleMenu, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 18p6e */
+/* hash: 1yemv */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;
@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_psvyz.select-with-tags__xl_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapper_72hp6 {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_psvyz.select-with-tags__l_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapper_72hp6 {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_psvyz.select-with-tags__m_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapper_72hp6 {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_psvyz.select-with-tags__s_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapper_72hp6 {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_psvyz.select-with-tags__xl_psvyz .select-with-tags__contentWrapperVertical_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_psvyz.select-with-tags__l_psvyz .select-with-tags__contentWrapperVertical_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_psvyz.select-with-tags__m_psvyz .select-with-tags__contentWrapperVertical_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_psvyz.select-with-tags__s_psvyz .select-with-tags__contentWrapperVertical_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_psvyz .select-with-tags__contentWrapper_psvyz {
+.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6 {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_psvyz .select-with-tags__contentWrapper_psvyz:not(.select-with-tags__contentWrapperVertical_psvyz):not(.select-with-tags__hasLabel_psvyz) {
+.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6:not(.select-with-tags__contentWrapperVertical_72hp6):not(.select-with-tags__hasLabel_72hp6) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_psvyz .select-with-tags__contentWrapper_psvyz.select-with-tags__hasLabel_psvyz {
+.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasLabel_72hp6 {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_psvyz .select-with-tags__contentWrapper_psvyz.select-with-tags__hasTags_psvyz.select-with-tags__hasLabel_psvyz {
+.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasTags_72hp6.select-with-tags__hasLabel_72hp6 {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_psvyz:hover .select-with-tags__addons_psvyz {
+.select-with-tags__component_72hp6:hover .select-with-tags__addons_72hp6 {
     opacity: 0.7;
 }
-.select-with-tags__field_psvyz {
+.select-with-tags__field_72hp6 {
     cursor: pointer;
 }
-.select-with-tags__input_psvyz {
+.select-with-tags__input_72hp6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -94,23 +94,23 @@
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
 }
-.select-with-tags__input_psvyz:disabled {
+.select-with-tags__input_72hp6:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_psvyz::placeholder {
+.select-with-tags__input_72hp6::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_psvyz:focus::placeholder {
+.select-with-tags__input_72hp6:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_psvyz {
+.select-with-tags__block_72hp6 {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_psvyz {
+.select-with-tags__focusVisible_72hp6 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_psvyz {
+.select-with-tags__placeholder_72hp6 {
     display: flex;
     align-items: center;
     min-height: 28px;
@@ -118,36 +118,36 @@
     color: var(--color-light-text-tertiary);
     pointer-events: none;
 }
-.select-with-tags__addons_psvyz {
+.select-with-tags__addons_72hp6 {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_psvyz {
+.select-with-tags__addons-size-m_72hp6 {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_psvyz {
+.select-with-tags__addons-size-l_72hp6 {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_psvyz {
+.select-with-tags__addons-size-xl_72hp6 {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_psvyz.select-with-tags__s_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__label_72hp6 {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_psvyz.select-with-tags__m_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__label_72hp6 {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_psvyz.select-with-tags__l_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__label_72hp6 {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_psvyz.select-with-tags__xl_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__label_72hp6 {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_psvyz .select-with-tags__label_psvyz {
+.select-with-tags__component_72hp6 .select-with-tags__label_72hp6 {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -1,5 +1,5 @@
 var utils_match = require('./match.js');
-require('../tslib.es6-c5ee7968.js');
+require('../tslib.es6-89ad2e66.js');
 require('../../select');
 
 

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../tslib.es6-c5ee7968.js');
+var tslib_es6 = require('../tslib.es6-89ad2e66.js');
 var coreComponentsSelect = require('../../select');
 
 var defaultMatch = function (option, inputValue) {

package/side-panel/Component.desktop.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-e943b866.js');
+var tslib_es6 = require('./tslib.es6-66e612d5.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
@@ -21,10 +21,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"s":"side-panel__s_suh50","hidden":"side-panel__hidden_suh50"};
+var styles = {"s":"side-panel__s_1jd76","hidden":"side-panel__hidden_1jd76"};
 require('./desktop.css');
 
-var transitions = {"enterRight":"side-panel__enterRight_f57an","enterLeft":"side-panel__enterLeft_f57an","enterActive":"side-panel__enterActive_f57an","exit":"side-panel__exit_f57an","exitActiveRight":"side-panel__exitActiveRight_f57an","exitActiveLeft":"side-panel__exitActiveLeft_f57an"};
+var transitions = {"enterRight":"side-panel__enterRight_1ma8x","enterLeft":"side-panel__enterLeft_1ma8x","enterActive":"side-panel__enterActive_1ma8x","exit":"side-panel__exit_1ma8x","exitActiveRight":"side-panel__exitActiveRight_1ma8x","exitActiveLeft":"side-panel__exitActiveLeft_1ma8x"};
 require('./transitions.desktop.css');
 
 var SidePanelDesktopComponent = React.forwardRef(function (_a, ref) {

package/side-panel/Component.mobile.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-e943b866.js');
+var tslib_es6 = require('./tslib.es6-66e612d5.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -18,10 +18,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"side-panel__component_vh0sk"};
+var styles = {"component":"side-panel__component_1t6d7"};
 require('./mobile.css');
 
-var transitions = {"appear":"side-panel__appear_1v4rg","enter":"side-panel__enter_1v4rg","appearActive":"side-panel__appearActive_1v4rg","enterActive":"side-panel__enterActive_1v4rg","exit":"side-panel__exit_1v4rg","exitActive":"side-panel__exitActive_1v4rg","exitDone":"side-panel__exitDone_1v4rg"};
+var transitions = {"appear":"side-panel__appear_32msf","enter":"side-panel__enter_32msf","appearActive":"side-panel__appearActive_32msf","enterActive":"side-panel__enterActive_32msf","exit":"side-panel__exit_32msf","exitActive":"side-panel__exitActive_32msf","exitDone":"side-panel__exitDone_32msf"};
 require('./transitions.mobile.css');
 
 var SidePanelMobileComponent = React.forwardRef(function (_a, ref) {

package/side-panel/Component.responsive.d.ts

@@ -18,6 +18,10 @@ type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTrans
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement" | "scrollbarProps"> & {
     /**
@@ -35,8 +39,12 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
+    Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;