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

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_m6n5j {
+.select-with-tags__tag_1xy64 {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_m6n5j: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_m6n5j: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_m6n5j > span {
+.select-with-tags__tag_1xy64 > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_m6n5j {
+.select-with-tags__tagNoClose_1xy64 {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_m6n5j {
+.select-with-tags__tagContentWrap_1xy64 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_m6n5j {
+.select-with-tags__tagCross_1xy64 {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_m6n5j:hover {
+.select-with-tags__tagCross_1xy64:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_m6n5j:active {
+.select-with-tags__tagCross_1xy64:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_m6n5j 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-411b8c4a.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-411b8c4a.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_1ms7d","xl":"select-with-tags__xl_1ms7d","contentWrapper":"select-with-tags__contentWrapper_1ms7d","l":"select-with-tags__l_1ms7d","m":"select-with-tags__m_1ms7d","s":"select-with-tags__s_1ms7d","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1ms7d","hasLabel":"select-with-tags__hasLabel_1ms7d","hasTags":"select-with-tags__hasTags_1ms7d","addons":"select-with-tags__addons_1ms7d","field":"select-with-tags__field_1ms7d","input":"select-with-tags__input_1ms7d","block":"select-with-tags__block_1ms7d","focusVisible":"select-with-tags__focusVisible_1ms7d","placeholder":"select-with-tags__placeholder_1ms7d","addons-size-m":"select-with-tags__addons-size-m_1ms7d","addons-size-l":"select-with-tags__addons-size-l_1ms7d","addons-size-xl":"select-with-tags__addons-size-xl_1ms7d","label":"select-with-tags__label_1ms7d"};
+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_1ms7d.select-with-tags__xl_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d.select-with-tags__l_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d.select-with-tags__m_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d.select-with-tags__s_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d.select-with-tags__xl_1ms7d .select-with-tags__contentWrapperVertical_1ms7d {
+.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_1ms7d.select-with-tags__l_1ms7d .select-with-tags__contentWrapperVertical_1ms7d {
+.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_1ms7d.select-with-tags__m_1ms7d .select-with-tags__contentWrapperVertical_1ms7d {
+.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_1ms7d.select-with-tags__s_1ms7d .select-with-tags__contentWrapperVertical_1ms7d {
+.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_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d .select-with-tags__contentWrapper_1ms7d:not(.select-with-tags__contentWrapperVertical_1ms7d):not(.select-with-tags__hasLabel_1ms7d) {
+.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_1ms7d .select-with-tags__contentWrapper_1ms7d.select-with-tags__hasLabel_1ms7d {
+.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_1ms7d .select-with-tags__contentWrapper_1ms7d.select-with-tags__hasTags_1ms7d.select-with-tags__hasLabel_1ms7d {
+.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_1ms7d:hover .select-with-tags__addons_1ms7d {
+.select-with-tags__component_72hp6:hover .select-with-tags__addons_72hp6 {
     opacity: 0.7;
 }
-.select-with-tags__field_1ms7d {
+.select-with-tags__field_72hp6 {
     cursor: pointer;
 }
-.select-with-tags__input_1ms7d {
+.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_1ms7d:disabled {
+.select-with-tags__input_72hp6:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1ms7d::placeholder {
+.select-with-tags__input_72hp6::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1ms7d:focus::placeholder {
+.select-with-tags__input_72hp6:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_1ms7d {
+.select-with-tags__block_72hp6 {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_1ms7d {
+.select-with-tags__focusVisible_72hp6 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_1ms7d {
+.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_1ms7d {
+.select-with-tags__addons_72hp6 {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_1ms7d {
+.select-with-tags__addons-size-m_72hp6 {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_1ms7d {
+.select-with-tags__addons-size-l_72hp6 {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_1ms7d {
+.select-with-tags__addons-size-xl_72hp6 {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_1ms7d.select-with-tags__s_1ms7d .select-with-tags__label_1ms7d {
+.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__label_72hp6 {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_1ms7d.select-with-tags__m_1ms7d .select-with-tags__label_1ms7d {
+.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__label_72hp6 {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_1ms7d.select-with-tags__l_1ms7d .select-with-tags__label_1ms7d {
+.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__label_72hp6 {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_1ms7d.select-with-tags__xl_1ms7d .select-with-tags__label_1ms7d {
+.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__label_72hp6 {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_1ms7d .select-with-tags__label_1ms7d {
+.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-411b8c4a.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-411b8c4a.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-411b8c4a.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-411b8c4a.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-f2655c2c.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_m6n5j","tagNoClose":"select-with-tags__tagNoClose_m6n5j","tagContentWrap":"select-with-tags__tagContentWrap_m6n5j","tagCross":"select-with-tags__tagCross_m6n5j"};
+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_m6n5j {
+.select-with-tags__tag_1xy64 {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_m6n5j: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_m6n5j: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_m6n5j > span {
+.select-with-tags__tag_1xy64 > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_m6n5j {
+.select-with-tags__tagNoClose_1xy64 {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_m6n5j {
+.select-with-tags__tagContentWrap_1xy64 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_m6n5j {
+.select-with-tags__tagCross_1xy64 {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_m6n5j:hover {
+.select-with-tags__tagCross_1xy64:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_m6n5j:active {
+.select-with-tags__tagCross_1xy64:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_m6n5j 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_1ms7d","xl":"select-with-tags__xl_1ms7d","contentWrapper":"select-with-tags__contentWrapper_1ms7d","l":"select-with-tags__l_1ms7d","m":"select-with-tags__m_1ms7d","s":"select-with-tags__s_1ms7d","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1ms7d","hasLabel":"select-with-tags__hasLabel_1ms7d","hasTags":"select-with-tags__hasTags_1ms7d","addons":"select-with-tags__addons_1ms7d","field":"select-with-tags__field_1ms7d","input":"select-with-tags__input_1ms7d","block":"select-with-tags__block_1ms7d","focusVisible":"select-with-tags__focusVisible_1ms7d","placeholder":"select-with-tags__placeholder_1ms7d","addons-size-m":"select-with-tags__addons-size-m_1ms7d","addons-size-l":"select-with-tags__addons-size-l_1ms7d","addons-size-xl":"select-with-tags__addons-size-xl_1ms7d","label":"select-with-tags__label_1ms7d"};
+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_1ms7d.select-with-tags__xl_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d.select-with-tags__l_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d.select-with-tags__m_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d.select-with-tags__s_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d.select-with-tags__xl_1ms7d .select-with-tags__contentWrapperVertical_1ms7d {
+.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_1ms7d.select-with-tags__l_1ms7d .select-with-tags__contentWrapperVertical_1ms7d {
+.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_1ms7d.select-with-tags__m_1ms7d .select-with-tags__contentWrapperVertical_1ms7d {
+.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_1ms7d.select-with-tags__s_1ms7d .select-with-tags__contentWrapperVertical_1ms7d {
+.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_1ms7d .select-with-tags__contentWrapper_1ms7d {
+.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_1ms7d .select-with-tags__contentWrapper_1ms7d:not(.select-with-tags__contentWrapperVertical_1ms7d):not(.select-with-tags__hasLabel_1ms7d) {
+.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_1ms7d .select-with-tags__contentWrapper_1ms7d.select-with-tags__hasLabel_1ms7d {
+.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_1ms7d .select-with-tags__contentWrapper_1ms7d.select-with-tags__hasTags_1ms7d.select-with-tags__hasLabel_1ms7d {
+.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_1ms7d:hover .select-with-tags__addons_1ms7d {
+.select-with-tags__component_72hp6:hover .select-with-tags__addons_72hp6 {
     opacity: 0.7;
 }
-.select-with-tags__field_1ms7d {
+.select-with-tags__field_72hp6 {
     cursor: pointer;
 }
-.select-with-tags__input_1ms7d {
+.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_1ms7d:disabled {
+.select-with-tags__input_72hp6:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1ms7d::placeholder {
+.select-with-tags__input_72hp6::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1ms7d:focus::placeholder {
+.select-with-tags__input_72hp6:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_1ms7d {
+.select-with-tags__block_72hp6 {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_1ms7d {
+.select-with-tags__focusVisible_72hp6 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_1ms7d {
+.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_1ms7d {
+.select-with-tags__addons_72hp6 {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_1ms7d {
+.select-with-tags__addons-size-m_72hp6 {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_1ms7d {
+.select-with-tags__addons-size-l_72hp6 {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_1ms7d {
+.select-with-tags__addons-size-xl_72hp6 {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_1ms7d.select-with-tags__s_1ms7d .select-with-tags__label_1ms7d {
+.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__label_72hp6 {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_1ms7d.select-with-tags__m_1ms7d .select-with-tags__label_1ms7d {
+.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__label_72hp6 {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_1ms7d.select-with-tags__l_1ms7d .select-with-tags__label_1ms7d {
+.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__label_72hp6 {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_1ms7d.select-with-tags__xl_1ms7d .select-with-tags__label_1ms7d {
+.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__label_72hp6 {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_1ms7d .select-with-tags__label_1ms7d {
+.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-f2655c2c.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-f2655c2c.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-fb31b36c.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_5fjgk","hidden":"side-panel__hidden_5fjgk"};
+var styles = {"s":"side-panel__s_1jd76","hidden":"side-panel__hidden_1jd76"};
 require('./desktop.css');
 
-var transitions = {"enterRight":"side-panel__enterRight_1qrdo","enterLeft":"side-panel__enterLeft_1qrdo","enterActive":"side-panel__enterActive_1qrdo","exit":"side-panel__exit_1qrdo","exitActiveRight":"side-panel__exitActiveRight_1qrdo","exitActiveLeft":"side-panel__exitActiveLeft_1qrdo"};
+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-fb31b36c.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_1fdcz"};
+var styles = {"component":"side-panel__component_1t6d7"};
 require('./mobile.css');
 
-var transitions = {"appear":"side-panel__appear_fzzmd","enter":"side-panel__enter_fzzmd","appearActive":"side-panel__appearActive_fzzmd","enterActive":"side-panel__enterActive_fzzmd","exit":"side-panel__exit_fzzmd","exitActive":"side-panel__exitActive_fzzmd","exitDone":"side-panel__exitDone_fzzmd"};
+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

@@ -44,7 +44,7 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
      */
     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>;

package/side-panel/Component.responsive.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-fb31b36c.js');
+var tslib_es6 = require('./tslib.es6-66e612d5.js');
 var React = require('react');
 var coreComponentsMq = require('../mq');
 var components_closer_Component = require('./components/closer/Component.js');

package/side-panel/components/closer/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-fb31b36c.js');
+var tslib_es6 = require('../../tslib.es6-66e612d5.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"closer":"side-panel__closer_1f6zk","button":"side-panel__button_1f6zk","sticky":"side-panel__sticky_1f6zk"};
+var styles = {"closer":"side-panel__closer_1s5yt","button":"side-panel__button_1s5yt","sticky":"side-panel__sticky_1s5yt"};
 require('./index.css');
 
 /**