@alfalab/core-components 45.5.0-rc.2 → 45.6.0

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

@@ -1,4 +1,4 @@
-/* hash: 10lxv */
+/* hash: txu3q */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -49,40 +49,40 @@
     /* mobile */
 
     /* mobile inverted */
-} .select-with-tags__tag_u9we0 {
+} .select-with-tags__tag_vkzqp {
     padding: 0 0 0 var(--gap-xs);
     margin: var(--gap-3xs);
     cursor: default
-} .select-with-tags__tag_u9we0:not(.select-with-tags__tagNoClose_u9we0):active:not(:disabled) {
+} .select-with-tags__tag_vkzqp:not(.select-with-tags__tagNoClose_vkzqp):active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_u9we0:not(.select-with-tags__tagNoClose_u9we0):hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_vkzqp:not(.select-with-tags__tagNoClose_vkzqp):hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_u9we0 > span {
+    } .select-with-tags__tag_vkzqp > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tag_u9we0.select-with-tags__tag_u9we0 {
+    } .select-with-tags__tag_vkzqp.select-with-tags__tag_vkzqp {
     min-width: unset;
-} .select-with-tags__tagNoClose_u9we0 {
+} .select-with-tags__tagNoClose_vkzqp {
     padding-right: var(--gap-xs);
     padding-left: var(--gap-xs);
-} .select-with-tags__tagContentWrap_u9we0 {
+} .select-with-tags__tagContentWrap_vkzqp {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 100%;
-} .select-with-tags__cursorPointer_u9we0 {
+} .select-with-tags__cursorPointer_vkzqp {
     cursor: pointer;
-} .select-with-tags__tagCross_u9we0 {
+} .select-with-tags__tagCross_vkzqp {
     padding: 0 6px;
     height: 100%
-} .select-with-tags__tagCross_u9we0 > svg {
+} .select-with-tags__tagCross_vkzqp > svg {
         fill: var(--color-light-neutral-translucent-700-inverted);
-    } .select-with-tags__tagCross_u9we0:hover > svg {
+    } .select-with-tags__tagCross_vkzqp:hover > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-hover);
-    } .select-with-tags__tagCross_u9we0:active > svg {
+    } .select-with-tags__tagCross_vkzqp:active > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-press);
-    } .select-with-tags__tagCross_u9we0 svg {
+    } .select-with-tags__tagCross_vkzqp svg {
         height: 100%;
     }

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

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"select-with-tags__component_ryhst","size-72":"select-with-tags__size-72_ryhst","contentWrapper":"select-with-tags__contentWrapper_ryhst","placeholder":"select-with-tags__placeholder_ryhst","input":"select-with-tags__input_ryhst","size-64":"select-with-tags__size-64_ryhst","size-56":"select-with-tags__size-56_ryhst","size-48":"select-with-tags__size-48_ryhst","hasInnerLabel":"select-with-tags__hasInnerLabel_ryhst","hasTags":"select-with-tags__hasTags_ryhst","addons":"select-with-tags__addons_ryhst","field":"select-with-tags__field_ryhst","disabled":"select-with-tags__disabled_ryhst","hidden":"select-with-tags__hidden_ryhst","block":"select-with-tags__block_ryhst","focusVisible":"select-with-tags__focusVisible_ryhst","addons-size-56":"select-with-tags__addons-size-56_ryhst","addons-size-64":"select-with-tags__addons-size-64_ryhst","addons-size-72":"select-with-tags__addons-size-72_ryhst","label":"select-with-tags__label_ryhst"};
+var styles = {"component":"select-with-tags__component_57l5h","size-72":"select-with-tags__size-72_57l5h","contentWrapper":"select-with-tags__contentWrapper_57l5h","placeholder":"select-with-tags__placeholder_57l5h","input":"select-with-tags__input_57l5h","size-64":"select-with-tags__size-64_57l5h","size-56":"select-with-tags__size-56_57l5h","size-48":"select-with-tags__size-48_57l5h","hasInnerLabel":"select-with-tags__hasInnerLabel_57l5h","hasTags":"select-with-tags__hasTags_57l5h","addons":"select-with-tags__addons_57l5h","field":"select-with-tags__field_57l5h","disabled":"select-with-tags__disabled_57l5h","hidden":"select-with-tags__hidden_57l5h","focusVisible":"select-with-tags__focusVisible_57l5h","addons-size-56":"select-with-tags__addons-size-56_57l5h","addons-size-64":"select-with-tags__addons-size-64_57l5h","addons-size-72":"select-with-tags__addons-size-72_57l5h","label":"select-with-tags__label_57l5h"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {
@@ -131,7 +131,6 @@ var TagList = function (_a) {
                     } })),
                 autocomplete && (React__default.default.createElement("input", tslib.__assign({}, restInnerProps, { autoComplete: 'off', ref: mergeRefs__default.default([inputRef, inputRefProp]), value: value, onChange: onInput, className: cn__default.default(styles.input, (_d = {},
                         _d[styles.focusVisible] = inputFocusVisible,
-                        _d[styles.block] = inputOnNewLine,
                         _d[styles.hidden] = !isOpen && selectedMultiple.length > 0,
                         _d)), disabled: disabled, onKeyDown: handleKeyDown, placeholder: filled ? '' : placeholder }))),
                 placeholder && !filled && !autocomplete && (React__default.default.createElement("span", { className: styles.placeholder }, placeholder))))));

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

@@ -1,4 +1,4 @@
-/* hash: izto6 */
+/* hash: wk7lp */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -28,47 +28,47 @@
     --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_ryhst.select-with-tags__size-72_ryhst .select-with-tags__contentWrapper_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-72_57l5h .select-with-tags__contentWrapper_57l5h {
         padding: 18px 14px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-72_ryhst .select-with-tags__placeholder_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-72_57l5h .select-with-tags__placeholder_57l5h {
         padding-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-72_ryhst .select-with-tags__input_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-72_57l5h .select-with-tags__input_57l5h {
         margin-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-64_ryhst .select-with-tags__contentWrapper_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-64_57l5h .select-with-tags__contentWrapper_57l5h {
         padding: 14px 10px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-64_ryhst .select-with-tags__placeholder_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-64_57l5h .select-with-tags__placeholder_57l5h {
         padding-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-64_ryhst .select-with-tags__input_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-64_57l5h .select-with-tags__input_57l5h {
         margin-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-56_ryhst .select-with-tags__contentWrapper_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-56_57l5h .select-with-tags__contentWrapper_57l5h {
         padding: 10px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-56_ryhst .select-with-tags__placeholder_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-56_57l5h .select-with-tags__placeholder_57l5h {
         padding-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-56_ryhst .select-with-tags__input_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-56_57l5h .select-with-tags__input_57l5h {
         margin-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-48_ryhst .select-with-tags__contentWrapper_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-48_57l5h .select-with-tags__contentWrapper_57l5h {
         padding: 6px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-48_ryhst .select-with-tags__placeholder_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-48_57l5h .select-with-tags__placeholder_57l5h {
         padding-left: 6px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-48_ryhst .select-with-tags__input_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-48_57l5h .select-with-tags__input_57l5h {
         margin-left: 6px;
-    } .select-with-tags__component_ryhst .select-with-tags__contentWrapper_ryhst {
+    } .select-with-tags__component_57l5h .select-with-tags__contentWrapper_57l5h {
     display: flex;
     flex-wrap: wrap;
     width: 100%
-} .select-with-tags__component_ryhst .select-with-tags__contentWrapper_ryhst.select-with-tags__hasInnerLabel_ryhst {
+} .select-with-tags__component_57l5h .select-with-tags__contentWrapper_57l5h.select-with-tags__hasInnerLabel_57l5h {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    } .select-with-tags__component_ryhst .select-with-tags__contentWrapper_ryhst.select-with-tags__hasTags_ryhst.select-with-tags__hasInnerLabel_ryhst {
+    } .select-with-tags__component_57l5h .select-with-tags__contentWrapper_57l5h.select-with-tags__hasTags_57l5h.select-with-tags__hasInnerLabel_57l5h {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    } .select-with-tags__component_ryhst:hover .select-with-tags__addons_ryhst {
+    } .select-with-tags__component_57l5h:hover .select-with-tags__addons_57l5h {
     opacity: 0.7;
-} .select-with-tags__field_ryhst {
+} .select-with-tags__field_57l5h {
     cursor: pointer;
-} .select-with-tags__disabled_ryhst {
+} .select-with-tags__disabled_57l5h {
     cursor: not-allowed;
-} .select-with-tags__input_ryhst {
+} .select-with-tags__input_57l5h {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -82,50 +82,48 @@
     border: none;
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
-} .select-with-tags__input_ryhst:disabled,
-    .select-with-tags__input_ryhst:disabled::placeholder {
+} .select-with-tags__input_57l5h:disabled,
+    .select-with-tags__input_57l5h:disabled::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__input_ryhst::placeholder {
+    } .select-with-tags__input_57l5h::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_ryhst:focus::placeholder {
+    } .select-with-tags__input_57l5h:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__hidden_ryhst {
+    } .select-with-tags__hidden_57l5h {
     max-height: 0;
     margin: 0;
-} .select-with-tags__block_ryhst {
-    min-width: 100%;
-} .select-with-tags__focusVisible_ryhst {
+} .select-with-tags__focusVisible_57l5h {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_ryhst {
+} .select-with-tags__placeholder_57l5h {
     display: flex;
     align-items: center;
     min-height: 28px;
     padding-left: var(--gap-2xs);
     color: var(--color-light-text-secondary);
     pointer-events: none;
-} .select-with-tags__addons_ryhst {
+} .select-with-tags__addons_57l5h {
     align-self: flex-start;
     padding-top: var(--gap-s);
-} .select-with-tags__addons-size-56_ryhst {
+} .select-with-tags__addons-size-56_57l5h {
     padding-top: var(--gap-m);
-} .select-with-tags__addons-size-64_ryhst {
+} .select-with-tags__addons-size-64_57l5h {
     padding-top: var(--gap-l);
-} .select-with-tags__addons-size-72_ryhst {
+} .select-with-tags__addons-size-72_57l5h {
     padding-top: var(--gap-xl);
-} .select-with-tags__component_ryhst.select-with-tags__size-48_ryhst .select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-48_57l5h .select-with-tags__label_57l5h {
     top: 5px;
     left: 12px;
-} .select-with-tags__component_ryhst.select-with-tags__size-56_ryhst .select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-56_57l5h .select-with-tags__label_57l5h {
     top: 8px;
     left: 12px;
-} .select-with-tags__component_ryhst.select-with-tags__size-64_ryhst.select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-64_57l5h.select-with-tags__label_57l5h {
     top: 10px;
     left: 16px;
-} .select-with-tags__component_ryhst.select-with-tags__size-72_ryhst .select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-72_57l5h .select-with-tags__label_57l5h {
     top: 14px;
     left: 16px;
-} .select-with-tags__component_ryhst .select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h .select-with-tags__label_57l5h {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -130,7 +130,6 @@ var TagList = function (_a) {
                     } })),
                 autocomplete && (React__default.default.createElement("input", tslib.__assign({}, restInnerProps, { autoComplete: 'off', ref: mergeRefs__default.default([inputRef, inputRefProp]), value: value, onChange: onInput, className: cn__default.default(styles__default.default.input, (_d = {},
                         _d[styles__default.default.focusVisible] = inputFocusVisible,
-                        _d[styles__default.default.block] = inputOnNewLine,
                         _d[styles__default.default.hidden] = !isOpen && selectedMultiple.length > 0,
                         _d)), disabled: disabled, onKeyDown: handleKeyDown, placeholder: filled ? '' : placeholder }))),
                 placeholder && !filled && !autocomplete && (React__default.default.createElement("span", { className: styles__default.default.placeholder }, placeholder))))));

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

@@ -91,8 +91,6 @@
     } .hidden {
     max-height: 0;
     margin: 0;
-} .block {
-    min-width: 100%;
 } .focusVisible {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;

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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { TagDesktop } from '../../../../tag/esm/desktop';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 
-var styles = {"tag":"select-with-tags__tag_u9we0","tagNoClose":"select-with-tags__tagNoClose_u9we0","tagContentWrap":"select-with-tags__tagContentWrap_u9we0","cursorPointer":"select-with-tags__cursorPointer_u9we0","tagCross":"select-with-tags__tagCross_u9we0"};
+var styles = {"tag":"select-with-tags__tag_vkzqp","tagNoClose":"select-with-tags__tagNoClose_vkzqp","tagContentWrap":"select-with-tags__tagContentWrap_vkzqp","cursorPointer":"select-with-tags__cursorPointer_vkzqp","tagCross":"select-with-tags__tagCross_vkzqp"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 10lxv */
+/* hash: txu3q */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -49,40 +49,40 @@
     /* mobile */
 
     /* mobile inverted */
-} .select-with-tags__tag_u9we0 {
+} .select-with-tags__tag_vkzqp {
     padding: 0 0 0 var(--gap-xs);
     margin: var(--gap-3xs);
     cursor: default
-} .select-with-tags__tag_u9we0:not(.select-with-tags__tagNoClose_u9we0):active:not(:disabled) {
+} .select-with-tags__tag_vkzqp:not(.select-with-tags__tagNoClose_vkzqp):active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_u9we0:not(.select-with-tags__tagNoClose_u9we0):hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_vkzqp:not(.select-with-tags__tagNoClose_vkzqp):hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_u9we0 > span {
+    } .select-with-tags__tag_vkzqp > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tag_u9we0.select-with-tags__tag_u9we0 {
+    } .select-with-tags__tag_vkzqp.select-with-tags__tag_vkzqp {
     min-width: unset;
-} .select-with-tags__tagNoClose_u9we0 {
+} .select-with-tags__tagNoClose_vkzqp {
     padding-right: var(--gap-xs);
     padding-left: var(--gap-xs);
-} .select-with-tags__tagContentWrap_u9we0 {
+} .select-with-tags__tagContentWrap_vkzqp {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 100%;
-} .select-with-tags__cursorPointer_u9we0 {
+} .select-with-tags__cursorPointer_vkzqp {
     cursor: pointer;
-} .select-with-tags__tagCross_u9we0 {
+} .select-with-tags__tagCross_vkzqp {
     padding: 0 6px;
     height: 100%
-} .select-with-tags__tagCross_u9we0 > svg {
+} .select-with-tags__tagCross_vkzqp > svg {
         fill: var(--color-light-neutral-translucent-700-inverted);
-    } .select-with-tags__tagCross_u9we0:hover > svg {
+    } .select-with-tags__tagCross_vkzqp:hover > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-hover);
-    } .select-with-tags__tagCross_u9we0:active > svg {
+    } .select-with-tags__tagCross_vkzqp:active > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-press);
-    } .select-with-tags__tagCross_u9we0 svg {
+    } .select-with-tags__tagCross_vkzqp svg {
         height: 100%;
     }

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

@@ -8,7 +8,7 @@ import { Tag } from '../tag/component.js';
 import '../../../../tag/esm/desktop';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-var styles = {"component":"select-with-tags__component_ryhst","size-72":"select-with-tags__size-72_ryhst","contentWrapper":"select-with-tags__contentWrapper_ryhst","placeholder":"select-with-tags__placeholder_ryhst","input":"select-with-tags__input_ryhst","size-64":"select-with-tags__size-64_ryhst","size-56":"select-with-tags__size-56_ryhst","size-48":"select-with-tags__size-48_ryhst","hasInnerLabel":"select-with-tags__hasInnerLabel_ryhst","hasTags":"select-with-tags__hasTags_ryhst","addons":"select-with-tags__addons_ryhst","field":"select-with-tags__field_ryhst","disabled":"select-with-tags__disabled_ryhst","hidden":"select-with-tags__hidden_ryhst","block":"select-with-tags__block_ryhst","focusVisible":"select-with-tags__focusVisible_ryhst","addons-size-56":"select-with-tags__addons-size-56_ryhst","addons-size-64":"select-with-tags__addons-size-64_ryhst","addons-size-72":"select-with-tags__addons-size-72_ryhst","label":"select-with-tags__label_ryhst"};
+var styles = {"component":"select-with-tags__component_57l5h","size-72":"select-with-tags__size-72_57l5h","contentWrapper":"select-with-tags__contentWrapper_57l5h","placeholder":"select-with-tags__placeholder_57l5h","input":"select-with-tags__input_57l5h","size-64":"select-with-tags__size-64_57l5h","size-56":"select-with-tags__size-56_57l5h","size-48":"select-with-tags__size-48_57l5h","hasInnerLabel":"select-with-tags__hasInnerLabel_57l5h","hasTags":"select-with-tags__hasTags_57l5h","addons":"select-with-tags__addons_57l5h","field":"select-with-tags__field_57l5h","disabled":"select-with-tags__disabled_57l5h","hidden":"select-with-tags__hidden_57l5h","focusVisible":"select-with-tags__focusVisible_57l5h","addons-size-56":"select-with-tags__addons-size-56_57l5h","addons-size-64":"select-with-tags__addons-size-64_57l5h","addons-size-72":"select-with-tags__addons-size-72_57l5h","label":"select-with-tags__label_57l5h"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {
@@ -125,7 +125,6 @@ var TagList = function (_a) {
                     } })),
                 autocomplete && (React.createElement("input", __assign({}, restInnerProps, { autoComplete: 'off', ref: mergeRefs([inputRef, inputRefProp]), value: value, onChange: onInput, className: cn(styles.input, (_d = {},
                         _d[styles.focusVisible] = inputFocusVisible,
-                        _d[styles.block] = inputOnNewLine,
                         _d[styles.hidden] = !isOpen && selectedMultiple.length > 0,
                         _d)), disabled: disabled, onKeyDown: handleKeyDown, placeholder: filled ? '' : placeholder }))),
                 placeholder && !filled && !autocomplete && (React.createElement("span", { className: styles.placeholder }, placeholder))))));

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

@@ -1,4 +1,4 @@
-/* hash: izto6 */
+/* hash: wk7lp */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -28,47 +28,47 @@
     --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_ryhst.select-with-tags__size-72_ryhst .select-with-tags__contentWrapper_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-72_57l5h .select-with-tags__contentWrapper_57l5h {
         padding: 18px 14px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-72_ryhst .select-with-tags__placeholder_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-72_57l5h .select-with-tags__placeholder_57l5h {
         padding-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-72_ryhst .select-with-tags__input_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-72_57l5h .select-with-tags__input_57l5h {
         margin-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-64_ryhst .select-with-tags__contentWrapper_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-64_57l5h .select-with-tags__contentWrapper_57l5h {
         padding: 14px 10px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-64_ryhst .select-with-tags__placeholder_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-64_57l5h .select-with-tags__placeholder_57l5h {
         padding-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-64_ryhst .select-with-tags__input_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-64_57l5h .select-with-tags__input_57l5h {
         margin-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-56_ryhst .select-with-tags__contentWrapper_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-56_57l5h .select-with-tags__contentWrapper_57l5h {
         padding: 10px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-56_ryhst .select-with-tags__placeholder_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-56_57l5h .select-with-tags__placeholder_57l5h {
         padding-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-56_ryhst .select-with-tags__input_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-56_57l5h .select-with-tags__input_57l5h {
         margin-left: var(--gap-3xs);
-    } .select-with-tags__component_ryhst.select-with-tags__size-48_ryhst .select-with-tags__contentWrapper_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-48_57l5h .select-with-tags__contentWrapper_57l5h {
         padding: 6px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-48_ryhst .select-with-tags__placeholder_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-48_57l5h .select-with-tags__placeholder_57l5h {
         padding-left: 6px;
-    } .select-with-tags__component_ryhst.select-with-tags__size-48_ryhst .select-with-tags__input_ryhst {
+    } .select-with-tags__component_57l5h.select-with-tags__size-48_57l5h .select-with-tags__input_57l5h {
         margin-left: 6px;
-    } .select-with-tags__component_ryhst .select-with-tags__contentWrapper_ryhst {
+    } .select-with-tags__component_57l5h .select-with-tags__contentWrapper_57l5h {
     display: flex;
     flex-wrap: wrap;
     width: 100%
-} .select-with-tags__component_ryhst .select-with-tags__contentWrapper_ryhst.select-with-tags__hasInnerLabel_ryhst {
+} .select-with-tags__component_57l5h .select-with-tags__contentWrapper_57l5h.select-with-tags__hasInnerLabel_57l5h {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    } .select-with-tags__component_ryhst .select-with-tags__contentWrapper_ryhst.select-with-tags__hasTags_ryhst.select-with-tags__hasInnerLabel_ryhst {
+    } .select-with-tags__component_57l5h .select-with-tags__contentWrapper_57l5h.select-with-tags__hasTags_57l5h.select-with-tags__hasInnerLabel_57l5h {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    } .select-with-tags__component_ryhst:hover .select-with-tags__addons_ryhst {
+    } .select-with-tags__component_57l5h:hover .select-with-tags__addons_57l5h {
     opacity: 0.7;
-} .select-with-tags__field_ryhst {
+} .select-with-tags__field_57l5h {
     cursor: pointer;
-} .select-with-tags__disabled_ryhst {
+} .select-with-tags__disabled_57l5h {
     cursor: not-allowed;
-} .select-with-tags__input_ryhst {
+} .select-with-tags__input_57l5h {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -82,50 +82,48 @@
     border: none;
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
-} .select-with-tags__input_ryhst:disabled,
-    .select-with-tags__input_ryhst:disabled::placeholder {
+} .select-with-tags__input_57l5h:disabled,
+    .select-with-tags__input_57l5h:disabled::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__input_ryhst::placeholder {
+    } .select-with-tags__input_57l5h::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_ryhst:focus::placeholder {
+    } .select-with-tags__input_57l5h:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__hidden_ryhst {
+    } .select-with-tags__hidden_57l5h {
     max-height: 0;
     margin: 0;
-} .select-with-tags__block_ryhst {
-    min-width: 100%;
-} .select-with-tags__focusVisible_ryhst {
+} .select-with-tags__focusVisible_57l5h {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_ryhst {
+} .select-with-tags__placeholder_57l5h {
     display: flex;
     align-items: center;
     min-height: 28px;
     padding-left: var(--gap-2xs);
     color: var(--color-light-text-secondary);
     pointer-events: none;
-} .select-with-tags__addons_ryhst {
+} .select-with-tags__addons_57l5h {
     align-self: flex-start;
     padding-top: var(--gap-s);
-} .select-with-tags__addons-size-56_ryhst {
+} .select-with-tags__addons-size-56_57l5h {
     padding-top: var(--gap-m);
-} .select-with-tags__addons-size-64_ryhst {
+} .select-with-tags__addons-size-64_57l5h {
     padding-top: var(--gap-l);
-} .select-with-tags__addons-size-72_ryhst {
+} .select-with-tags__addons-size-72_57l5h {
     padding-top: var(--gap-xl);
-} .select-with-tags__component_ryhst.select-with-tags__size-48_ryhst .select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-48_57l5h .select-with-tags__label_57l5h {
     top: 5px;
     left: 12px;
-} .select-with-tags__component_ryhst.select-with-tags__size-56_ryhst .select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-56_57l5h .select-with-tags__label_57l5h {
     top: 8px;
     left: 12px;
-} .select-with-tags__component_ryhst.select-with-tags__size-64_ryhst.select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-64_57l5h.select-with-tags__label_57l5h {
     top: 10px;
     left: 16px;
-} .select-with-tags__component_ryhst.select-with-tags__size-72_ryhst .select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h.select-with-tags__size-72_57l5h .select-with-tags__label_57l5h {
     top: 14px;
     left: 16px;
-} .select-with-tags__component_ryhst .select-with-tags__label_ryhst {
+} .select-with-tags__component_57l5h .select-with-tags__label_57l5h {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 
-const styles = {"tag":"select-with-tags__tag_u9we0","tagNoClose":"select-with-tags__tagNoClose_u9we0","tagContentWrap":"select-with-tags__tagContentWrap_u9we0","cursorPointer":"select-with-tags__cursorPointer_u9we0","tagCross":"select-with-tags__tagCross_u9we0"};
+const styles = {"tag":"select-with-tags__tag_vkzqp","tagNoClose":"select-with-tags__tagNoClose_vkzqp","tagContentWrap":"select-with-tags__tagContentWrap_vkzqp","cursorPointer":"select-with-tags__cursorPointer_vkzqp","tagCross":"select-with-tags__tagCross_vkzqp"};
 require('./index.css');
 
 const Tag = ({ option: { content, key }, onClick, handleDeleteTag, checked, disabled, ...props }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 10lxv */
+/* hash: txu3q */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -49,40 +49,40 @@
     /* mobile */
 
     /* mobile inverted */
-} .select-with-tags__tag_u9we0 {
+} .select-with-tags__tag_vkzqp {
     padding: 0 0 0 var(--gap-xs);
     margin: var(--gap-3xs);
     cursor: default
-} .select-with-tags__tag_u9we0:not(.select-with-tags__tagNoClose_u9we0):active:not(:disabled) {
+} .select-with-tags__tag_vkzqp:not(.select-with-tags__tagNoClose_vkzqp):active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_u9we0:not(.select-with-tags__tagNoClose_u9we0):hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_vkzqp:not(.select-with-tags__tagNoClose_vkzqp):hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_u9we0 > span {
+    } .select-with-tags__tag_vkzqp > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tag_u9we0.select-with-tags__tag_u9we0 {
+    } .select-with-tags__tag_vkzqp.select-with-tags__tag_vkzqp {
     min-width: unset;
-} .select-with-tags__tagNoClose_u9we0 {
+} .select-with-tags__tagNoClose_vkzqp {
     padding-right: var(--gap-xs);
     padding-left: var(--gap-xs);
-} .select-with-tags__tagContentWrap_u9we0 {
+} .select-with-tags__tagContentWrap_vkzqp {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 100%;
-} .select-with-tags__cursorPointer_u9we0 {
+} .select-with-tags__cursorPointer_vkzqp {
     cursor: pointer;
-} .select-with-tags__tagCross_u9we0 {
+} .select-with-tags__tagCross_vkzqp {
     padding: 0 6px;
     height: 100%
-} .select-with-tags__tagCross_u9we0 > svg {
+} .select-with-tags__tagCross_vkzqp > svg {
         fill: var(--color-light-neutral-translucent-700-inverted);
-    } .select-with-tags__tagCross_u9we0:hover > svg {
+    } .select-with-tags__tagCross_vkzqp:hover > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-hover);
-    } .select-with-tags__tagCross_u9we0:active > svg {
+    } .select-with-tags__tagCross_vkzqp:active > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-press);
-    } .select-with-tags__tagCross_u9we0 svg {
+    } .select-with-tags__tagCross_vkzqp 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/desktop';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-const styles = {"component":"select-with-tags__component_ryhst","size-72":"select-with-tags__size-72_ryhst","contentWrapper":"select-with-tags__contentWrapper_ryhst","placeholder":"select-with-tags__placeholder_ryhst","input":"select-with-tags__input_ryhst","size-64":"select-with-tags__size-64_ryhst","size-56":"select-with-tags__size-56_ryhst","size-48":"select-with-tags__size-48_ryhst","hasInnerLabel":"select-with-tags__hasInnerLabel_ryhst","hasTags":"select-with-tags__hasTags_ryhst","addons":"select-with-tags__addons_ryhst","field":"select-with-tags__field_ryhst","disabled":"select-with-tags__disabled_ryhst","hidden":"select-with-tags__hidden_ryhst","block":"select-with-tags__block_ryhst","focusVisible":"select-with-tags__focusVisible_ryhst","addons-size-56":"select-with-tags__addons-size-56_ryhst","addons-size-64":"select-with-tags__addons-size-64_ryhst","addons-size-72":"select-with-tags__addons-size-72_ryhst","label":"select-with-tags__label_ryhst"};
+const styles = {"component":"select-with-tags__component_57l5h","size-72":"select-with-tags__size-72_57l5h","contentWrapper":"select-with-tags__contentWrapper_57l5h","placeholder":"select-with-tags__placeholder_57l5h","input":"select-with-tags__input_57l5h","size-64":"select-with-tags__size-64_57l5h","size-56":"select-with-tags__size-56_57l5h","size-48":"select-with-tags__size-48_57l5h","hasInnerLabel":"select-with-tags__hasInnerLabel_57l5h","hasTags":"select-with-tags__hasTags_57l5h","addons":"select-with-tags__addons_57l5h","field":"select-with-tags__field_57l5h","disabled":"select-with-tags__disabled_57l5h","hidden":"select-with-tags__hidden_57l5h","focusVisible":"select-with-tags__focusVisible_57l5h","addons-size-56":"select-with-tags__addons-size-56_57l5h","addons-size-64":"select-with-tags__addons-size-64_57l5h","addons-size-72":"select-with-tags__addons-size-72_57l5h","label":"select-with-tags__label_57l5h"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {
@@ -123,7 +123,6 @@ const TagList = ({ size = 72, open, disabled, placeholder, selectedMultiple = []
                     } })),
                 autocomplete && (React.createElement("input", { ...restInnerProps, autoComplete: 'off', ref: mergeRefs([inputRef, inputRefProp]), value: value, onChange: onInput, className: cn(styles.input, {
                         [styles.focusVisible]: inputFocusVisible,
-                        [styles.block]: inputOnNewLine,
                         [styles.hidden]: !isOpen && selectedMultiple.length > 0,
                     }), disabled: disabled, onKeyDown: handleKeyDown, placeholder: filled ? '' : placeholder })),
                 placeholder && !filled && !autocomplete && (React.createElement("span", { className: styles.placeholder }, placeholder))))));