@alfalab/core-components 37.4.0-beta.0 → 37.5.0-beta.1

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

@@ -1,19 +1,21 @@
-/* hash: 1yemv */
+/* hash: j605z */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
@@ -21,65 +23,50 @@
     --gap-l: 20px;
     --gap-xl: 24px;
     --gap-2xs-neg: -4px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__xl_d0t6r .select-with-tags__contentWrapper_d0t6r {
     padding: var(--gap-l) var(--gap-m);
-}
-.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__l_d0t6r .select-with-tags__contentWrapper_d0t6r {
     padding: var(--gap-m) var(--gap-m);
-}
-.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__m_d0t6r .select-with-tags__contentWrapper_d0t6r {
     padding: var(--gap-m) var(--gap-s);
-}
-.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__s_d0t6r .select-with-tags__contentWrapper_d0t6r {
     padding: var(--gap-s) var(--gap-s);
-}
-.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__xl_d0t6r .select-with-tags__contentWrapperVertical_d0t6r {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
-}
-.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__l_d0t6r .select-with-tags__contentWrapperVertical_d0t6r {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
-}
-.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__m_d0t6r .select-with-tags__contentWrapperVertical_d0t6r {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-}
-.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__s_d0t6r .select-with-tags__contentWrapperVertical_d0t6r {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
-}
-.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r .select-with-tags__contentWrapper_d0t6r {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
-}
-.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6:not(.select-with-tags__contentWrapperVertical_72hp6):not(.select-with-tags__hasLabel_72hp6) {
+} .select-with-tags__component_d0t6r .select-with-tags__contentWrapper_d0t6r:not(.select-with-tags__contentWrapperVertical_d0t6r):not(.select-with-tags__hasLabel_d0t6r) {
         padding-top: 0;
         padding-bottom: 0;
-    }
-.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasLabel_72hp6 {
+    } .select-with-tags__component_d0t6r .select-with-tags__contentWrapper_d0t6r.select-with-tags__hasLabel_d0t6r {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    }
-.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasTags_72hp6.select-with-tags__hasLabel_72hp6 {
+    } .select-with-tags__component_d0t6r .select-with-tags__contentWrapper_d0t6r.select-with-tags__hasTags_d0t6r.select-with-tags__hasLabel_d0t6r {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    }
-.select-with-tags__component_72hp6:hover .select-with-tags__addons_72hp6 {
+    } .select-with-tags__component_d0t6r:hover .select-with-tags__addons_d0t6r {
     opacity: 0.7;
-}
-.select-with-tags__field_72hp6 {
+} .select-with-tags__field_d0t6r {
     cursor: pointer;
-}
-.select-with-tags__input_72hp6 {
+} .select-with-tags__input_d0t6r {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -93,61 +80,46 @@
     border: none;
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
-}
-.select-with-tags__input_72hp6:disabled {
+} .select-with-tags__input_d0t6r:disabled {
         color: var(--color-light-text-secondary);
-    }
-.select-with-tags__input_72hp6::placeholder {
+    } .select-with-tags__input_d0t6r::placeholder {
         color: var(--color-light-text-secondary);
-    }
-.select-with-tags__input_72hp6:focus::placeholder {
+    } .select-with-tags__input_d0t6r:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    }
-.select-with-tags__block_72hp6 {
+    } .select-with-tags__block_d0t6r {
     min-width: 100%;
-}
-.select-with-tags__focusVisible_72hp6 {
+} .select-with-tags__focusVisible_d0t6r {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}
-.select-with-tags__placeholder_72hp6 {
+} .select-with-tags__placeholder_d0t6r {
     display: flex;
     align-items: center;
     min-height: 28px;
     padding-left: var(--gap-2xs);
     color: var(--color-light-text-tertiary);
     pointer-events: none;
-}
-.select-with-tags__addons_72hp6 {
+} .select-with-tags__addons_d0t6r {
     align-self: flex-start;
     padding-top: var(--gap-s);
-}
-.select-with-tags__addons-size-m_72hp6 {
+} .select-with-tags__addons-size-m_d0t6r {
     padding-top: var(--gap-m);
-}
-.select-with-tags__addons-size-l_72hp6 {
+} .select-with-tags__addons-size-l_d0t6r {
     padding-top: var(--gap-l);
-}
-.select-with-tags__addons-size-xl_72hp6 {
+} .select-with-tags__addons-size-xl_d0t6r {
     padding-top: var(--gap-xl);
-}
-.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__s_d0t6r .select-with-tags__label_d0t6r {
     top: 5px;
     left: 12px;
-}
-.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__m_d0t6r .select-with-tags__label_d0t6r {
     top: 8px;
     left: 12px;
-}
-.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__l_d0t6r .select-with-tags__label_d0t6r {
     top: 10px;
     left: 16px;
-}
-.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__xl_d0t6r .select-with-tags__label_d0t6r {
     top: 14px;
     left: 16px;
-}
-.select-with-tags__component_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r .select-with-tags__label_d0t6r {
     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-fead9c0a.js';
+import '../../tslib.es6-0736ad02.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-fead9c0a.js';
+import './tslib.es6-0736ad02.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-fead9c0a.js';
+import '../tslib.es6-0736ad02.js';

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

@@ -1,4 +1,4 @@
-import { a as __assign } from '../tslib.es6-fead9c0a.js';
+import { a as __assign } from '../tslib.es6-0736ad02.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-89ad2e66.js');
+require('./tslib.es6-a1aa7d3d.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_1xy64","tagNoClose":"select-with-tags__tagNoClose_1xy64","tagContentWrap":"select-with-tags__tagContentWrap_1xy64","tagCross":"select-with-tags__tagCross_1xy64"};
+const styles = {"tag":"select-with-tags__tag_1my6o","tagNoClose":"select-with-tags__tagNoClose_1my6o","tagContentWrap":"select-with-tags__tagContentWrap_1my6o","tagCross":"select-with-tags__tagCross_1my6o"};
 require('./index.css');
 
 const Tag = ({ option: { content, key }, onClick, handleDeleteTag, ...props }) => {

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

@@ -1,22 +1,25 @@
-/* hash: 1otnq */
+/* hash: 1x24c */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
     /* border */
 
     /* background-color */
@@ -32,45 +35,35 @@
     /* background-color */
 
     /* text color */
-}
-.select-with-tags__tag_1xy64 {
+} .select-with-tags__tag_1my6o {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
-}
-.select-with-tags__tag_1xy64:active:not(:disabled) {
+} .select-with-tags__tag_1my6o:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    }
-.select-with-tags__tag_1xy64:hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_1my6o:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    }
-.select-with-tags__tag_1xy64 > span {
+    } .select-with-tags__tag_1my6o > span {
         width: 100%;
         height: 100%;
-    }
-.select-with-tags__tagNoClose_1xy64 {
+    } .select-with-tags__tagNoClose_1my6o {
     padding-right: var(--gap-m);
-}
-.select-with-tags__tagContentWrap_1xy64 {
+} .select-with-tags__tagContentWrap_1my6o {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
-}
-.select-with-tags__tagCross_1xy64 {
+} .select-with-tags__tagCross_1my6o {
     padding-right: var(--gap-xs);
     height: 100%
-}
-.select-with-tags__tagCross_1xy64:hover {
+} .select-with-tags__tagCross_1my6o:hover {
         opacity: 0.7;
-    }
-.select-with-tags__tagCross_1xy64:active {
+    } .select-with-tags__tagCross_1my6o:active {
         opacity: 0.5;
-    }
-.select-with-tags__tagCross_1xy64 svg {
+    } .select-with-tags__tagCross_1my6o 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_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"};
+const styles = {"component":"select-with-tags__component_d0t6r","xl":"select-with-tags__xl_d0t6r","contentWrapper":"select-with-tags__contentWrapper_d0t6r","l":"select-with-tags__l_d0t6r","m":"select-with-tags__m_d0t6r","s":"select-with-tags__s_d0t6r","contentWrapperVertical":"select-with-tags__contentWrapperVertical_d0t6r","hasLabel":"select-with-tags__hasLabel_d0t6r","hasTags":"select-with-tags__hasTags_d0t6r","addons":"select-with-tags__addons_d0t6r","field":"select-with-tags__field_d0t6r","input":"select-with-tags__input_d0t6r","block":"select-with-tags__block_d0t6r","focusVisible":"select-with-tags__focusVisible_d0t6r","placeholder":"select-with-tags__placeholder_d0t6r","addons-size-m":"select-with-tags__addons-size-m_d0t6r","addons-size-l":"select-with-tags__addons-size-l_d0t6r","addons-size-xl":"select-with-tags__addons-size-xl_d0t6r","label":"select-with-tags__label_d0t6r"};
 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,19 +1,21 @@
-/* hash: 1yemv */
+/* hash: j605z */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
@@ -21,65 +23,50 @@
     --gap-l: 20px;
     --gap-xl: 24px;
     --gap-2xs-neg: -4px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__xl_d0t6r .select-with-tags__contentWrapper_d0t6r {
     padding: var(--gap-l) var(--gap-m);
-}
-.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__l_d0t6r .select-with-tags__contentWrapper_d0t6r {
     padding: var(--gap-m) var(--gap-m);
-}
-.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__m_d0t6r .select-with-tags__contentWrapper_d0t6r {
     padding: var(--gap-m) var(--gap-s);
-}
-.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__s_d0t6r .select-with-tags__contentWrapper_d0t6r {
     padding: var(--gap-s) var(--gap-s);
-}
-.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__xl_d0t6r .select-with-tags__contentWrapperVertical_d0t6r {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
-}
-.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__l_d0t6r .select-with-tags__contentWrapperVertical_d0t6r {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
-}
-.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__m_d0t6r .select-with-tags__contentWrapperVertical_d0t6r {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-}
-.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__s_d0t6r .select-with-tags__contentWrapperVertical_d0t6r {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
-}
-.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_d0t6r .select-with-tags__contentWrapper_d0t6r {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
-}
-.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6:not(.select-with-tags__contentWrapperVertical_72hp6):not(.select-with-tags__hasLabel_72hp6) {
+} .select-with-tags__component_d0t6r .select-with-tags__contentWrapper_d0t6r:not(.select-with-tags__contentWrapperVertical_d0t6r):not(.select-with-tags__hasLabel_d0t6r) {
         padding-top: 0;
         padding-bottom: 0;
-    }
-.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasLabel_72hp6 {
+    } .select-with-tags__component_d0t6r .select-with-tags__contentWrapper_d0t6r.select-with-tags__hasLabel_d0t6r {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    }
-.select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasTags_72hp6.select-with-tags__hasLabel_72hp6 {
+    } .select-with-tags__component_d0t6r .select-with-tags__contentWrapper_d0t6r.select-with-tags__hasTags_d0t6r.select-with-tags__hasLabel_d0t6r {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    }
-.select-with-tags__component_72hp6:hover .select-with-tags__addons_72hp6 {
+    } .select-with-tags__component_d0t6r:hover .select-with-tags__addons_d0t6r {
     opacity: 0.7;
-}
-.select-with-tags__field_72hp6 {
+} .select-with-tags__field_d0t6r {
     cursor: pointer;
-}
-.select-with-tags__input_72hp6 {
+} .select-with-tags__input_d0t6r {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -93,61 +80,46 @@
     border: none;
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
-}
-.select-with-tags__input_72hp6:disabled {
+} .select-with-tags__input_d0t6r:disabled {
         color: var(--color-light-text-secondary);
-    }
-.select-with-tags__input_72hp6::placeholder {
+    } .select-with-tags__input_d0t6r::placeholder {
         color: var(--color-light-text-secondary);
-    }
-.select-with-tags__input_72hp6:focus::placeholder {
+    } .select-with-tags__input_d0t6r:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    }
-.select-with-tags__block_72hp6 {
+    } .select-with-tags__block_d0t6r {
     min-width: 100%;
-}
-.select-with-tags__focusVisible_72hp6 {
+} .select-with-tags__focusVisible_d0t6r {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}
-.select-with-tags__placeholder_72hp6 {
+} .select-with-tags__placeholder_d0t6r {
     display: flex;
     align-items: center;
     min-height: 28px;
     padding-left: var(--gap-2xs);
     color: var(--color-light-text-tertiary);
     pointer-events: none;
-}
-.select-with-tags__addons_72hp6 {
+} .select-with-tags__addons_d0t6r {
     align-self: flex-start;
     padding-top: var(--gap-s);
-}
-.select-with-tags__addons-size-m_72hp6 {
+} .select-with-tags__addons-size-m_d0t6r {
     padding-top: var(--gap-m);
-}
-.select-with-tags__addons-size-l_72hp6 {
+} .select-with-tags__addons-size-l_d0t6r {
     padding-top: var(--gap-l);
-}
-.select-with-tags__addons-size-xl_72hp6 {
+} .select-with-tags__addons-size-xl_d0t6r {
     padding-top: var(--gap-xl);
-}
-.select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__s_d0t6r .select-with-tags__label_d0t6r {
     top: 5px;
     left: 12px;
-}
-.select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__m_d0t6r .select-with-tags__label_d0t6r {
     top: 8px;
     left: 12px;
-}
-.select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__l_d0t6r .select-with-tags__label_d0t6r {
     top: 10px;
     left: 16px;
-}
-.select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r.select-with-tags__xl_d0t6r .select-with-tags__label_d0t6r {
     top: 14px;
     left: 16px;
-}
-.select-with-tags__component_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_d0t6r .select-with-tags__label_d0t6r {
     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-89ad2e66.js');
+require('../tslib.es6-a1aa7d3d.js');
 require('../../select');
 
 

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../tslib.es6-89ad2e66.js');
+var tslib_es6 = require('../tslib.es6-a1aa7d3d.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-66e612d5.js');
+var tslib_es6 = require('./tslib.es6-bad95ed3.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_1jd76","hidden":"side-panel__hidden_1jd76"};
+var styles = {"s":"side-panel__s_uybal","hidden":"side-panel__hidden_uybal"};
 require('./desktop.css');
 
-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"};
+var transitions = {"enterRight":"side-panel__enterRight_3etqf","enterLeft":"side-panel__enterLeft_3etqf","enterActive":"side-panel__enterActive_3etqf","exit":"side-panel__exit_3etqf","exitActiveRight":"side-panel__exitActiveRight_3etqf","exitActiveLeft":"side-panel__exitActiveLeft_3etqf"};
 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-66e612d5.js');
+var tslib_es6 = require('./tslib.es6-bad95ed3.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_1t6d7"};
+var styles = {"component":"side-panel__component_1bbhy"};
 require('./mobile.css');
 
-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"};
+var transitions = {"appear":"side-panel__appear_pscaf","enter":"side-panel__enter_pscaf","appearActive":"side-panel__appearActive_pscaf","enterActive":"side-panel__enterActive_pscaf","exit":"side-panel__exit_pscaf","exitActive":"side-panel__exitActive_pscaf","exitDone":"side-panel__exitDone_pscaf"};
 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.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
+    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
     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-66e612d5.js');
+var tslib_es6 = require('./tslib.es6-bad95ed3.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-66e612d5.js');
+var tslib_es6 = require('../../tslib.es6-bad95ed3.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_1s5yt","button":"side-panel__button_1s5yt","sticky":"side-panel__sticky_1s5yt"};
+var styles = {"closer":"side-panel__closer_13r2x","button":"side-panel__button_13r2x","sticky":"side-panel__sticky_13r2x"};
 require('./index.css');
 
 /**