@salutejs/plasma-new-hope 0.196.0-canary.1552.11952949201.0 → 0.196.0-canary.1556.11967620671.0

package/emotion/es/components/TextField/TextField.tokens.js

@@ -1,6 +1,7 @@
 export var classes = {
   hasChips: 'has-chips',
   hasValue: 'has-value',
+  forcePlaceholder: 'force-placeholder',
   hasEmptyContentLeft: 'has-empty-content-left',
   hasEmptyContentRight: 'has-empty-content-right',
   innerLabelPlacement: 'label-placement-inner',

package/emotion/es/components/TextField/variations/_label-placement/base.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { classes, tokens } from '../../TextField.tokens';
 import { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;color:var(", tokens.labelColor, ");}}&.", classes.innerLabelPlacement, "{", InputContainer, "{padding:var(", tokens.contentLabelInnerPadding, ");}", StyledTextAfter, ",", StyledTextBefore, "{padding:var(", tokens.contentLabelInnerPadding, ");}", Input, ":focus~", Label, ",", Input, ".", classes.hasValue, "~", Label, "{color:var(", tokens.placeholderColor, ");align-items:flex-start;padding:var(", tokens.labelInnerPadding, ");font-family:var(", tokens.labelInnerFontFamily, ");font-size:var(", tokens.labelInnerFontSize, ");font-style:var(", tokens.labelInnerFontStyle, ");font-weight:var(", tokens.labelInnerFontWeight, ");letter-spacing:var(", tokens.labelInnerLetterSpacing, ");line-height:var(", tokens.labelInnerLineHeight, ");}", Label, "{color:var(", tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", tokens.height, ");padding-top:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);padding-bottom:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);}&.", classes.clear, " ", Label, "{color:var(", tokens.clearPlaceholderColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9LCAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGFiZWxJbm5lclBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qINC/0L7QtNC90LjQvNCw0LXRgiBsYWJlbCDQstCy0LXRgNGFINC/0YDQuCDRhNC+0LrRg9GB0LUsINC90LDQu9C40YfQuNC4INC30L3QsNGH0LXQvdC40Y8gKi9cbiAgICAgICAgJHtJbnB1dH06Zm9jdXMgfiAke0xhYmVsfSwgJHtJbnB1dH0uJHtjbGFzc2VzLmhhc1ZhbHVlfSB+ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lclBhZGRpbmd9KTtcblxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udEZhbWlseX0pO1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTaXplfSk7XG4gICAgICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTdHlsZX0pO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFdlaWdodH0pO1xuICAgICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGluZUhlaWdodH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG5cbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5cbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiBjYWxjKGNhbGModmFyKCR7dG9rZW5zLmhlaWdodH0pIC0gdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pKSAvIDIpO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IGNhbGMoY2FsYyh2YXIoJHt0b2tlbnMuaGVpZ2h0fSkgLSB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSkpIC8gMik7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jbGVhcn0gJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
+export var base = /*#__PURE__*/css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;color:var(", tokens.labelColor, ");}}&.", classes.innerLabelPlacement, "{", InputContainer, "{padding:var(", tokens.contentLabelInnerPadding, ");}", StyledTextAfter, ",", StyledTextBefore, "{padding:var(", tokens.contentLabelInnerPadding, ");}", Input, ":focus~", Label, ",", Input, ".", classes.hasValue, "~", Label, ",", Input, ".", classes.forcePlaceholder, "~", Label, "{color:var(", tokens.placeholderColor, ");align-items:flex-start;padding:var(", tokens.labelInnerPadding, ");font-family:var(", tokens.labelInnerFontFamily, ");font-size:var(", tokens.labelInnerFontSize, ");font-style:var(", tokens.labelInnerFontStyle, ");font-weight:var(", tokens.labelInnerFontWeight, ");letter-spacing:var(", tokens.labelInnerLetterSpacing, ");line-height:var(", tokens.labelInnerLineHeight, ");}", Label, "{color:var(", tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", tokens.height, ");padding-top:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);padding-bottom:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);}&.", classes.clear, " ", Label, "{color:var(", tokens.clearPlaceholderColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9LCAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGFiZWxJbm5lclBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qINC/0L7QtNC90LjQvNCw0LXRgiBsYWJlbCDQstCy0LXRgNGFINC/0YDQuCDRhNC+0LrRg9GB0LUsINC90LDQu9C40YfQuNC4INC30L3QsNGH0LXQvdC40Y8gKi9cbiAgICAgICAgJHtJbnB1dH06Zm9jdXMgfiAke0xhYmVsfSwgJHtJbnB1dH0uJHtjbGFzc2VzLmhhc1ZhbHVlfSB+ICR7TGFiZWx9LCAke0lucHV0fS4ke2NsYXNzZXMuZm9yY2VQbGFjZWhvbGRlcn0gfiAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJQYWRkaW5nfSk7XG5cbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRGYW1pbHl9KTtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250U2l6ZX0pO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250U3R5bGV9KTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRXZWlnaHR9KTtcbiAgICAgICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckxpbmVIZWlnaHR9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuXG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcblxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlaWdodH0pO1xuXG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogY2FsYyhjYWxjKHZhcigke3Rva2Vucy5oZWlnaHR9KSAtIHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KSkgLyAyKTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiBjYWxjKGNhbGModmFyKCR7dG9rZW5zLmhlaWdodH0pIC0gdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pKSAvIDIpO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuY2xlYXJ9ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xlYXJQbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));

package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx

@@ -353,11 +353,11 @@ const items = [
 
 const SingleStory = (args: StorySelectProps) => {
     const [value, setValue] = useState('');
+
     return (
         <div style={{ width: '400px' }}>
             <Combobox
                 {...args}
-                name="mau"
                 items={items}
                 value={value}
                 onChange={setValue}

package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
                 type: 'inline-radio',
             },
         },
+        hasPlaceholder: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'labelPlacement', eq: 'inner' },
+        },
         size: {
             options: sizes,
             control: {
@@ -210,6 +216,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         view: 'default',
         label: 'Лейбл',
         labelPlacement: 'outer',
+        hasPlaceholder: false,
         titleCaption: 'Подпись к полю',
         textBefore: '',
         textAfter: '',

package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx

@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
                 type: 'inline-radio',
             },
         },
+        hasPlaceholder: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'labelPlacement', eq: 'inner' },
+        },
         size: {
             options: sizes,
             control: {
@@ -210,6 +216,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         view: 'default',
         label: 'Лейбл',
         labelPlacement: 'outer',
+        hasPlaceholder: false,
         titleCaption: 'Подпись к полю',
         textBefore: '',
         textAfter: '',
@@ -219,11 +226,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
         readOnly: false,
         enableContentLeft: true,
         enableContentRight: true,
-        clear: false,
-        hasDivider: false,
         optional: false,
         required: false,
         requiredPlacement: 'right',
+        clear: false,
+        hasDivider: false,
         hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',

package/emotion/es/utils/index.js

@@ -5,7 +5,6 @@ export { IS_REACT_18, safeUseId } from './react';
 export { isNumber } from './isNumber';
 export { mergeRefs, setRefList } from './setRefList';
 export { isEmpty } from './isEmpty';
-export { createEvent } from './createEvent';
 import * as _constants from './constants';
 export { _constants as constants };
 export * from './getPopoverPlacement';

package/es/components/Autocomplete/Autocomplete.css

@@ -8,7 +8,7 @@
 
 .base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
 
-.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
+.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementOuter__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i19ry60d__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_smqgwd8__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_s7hnwwb__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405:focus ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_hasValue__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_forcePlaceholder__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405.base_y1lvvc_textfieldClear__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__clear-placeholder-color);}
 
 .base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
 
@@ -20,26 +20,26 @@
 .Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
 
 
-.TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_j7dqpn_i13zudoe__f79fd7d8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_j7dqpn_so4bpie__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
-.TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
-.TextField_styles_j7dqpn_olv9av6__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
-.TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
-.TextField_styles_j7dqpn_suk2zst__f79fd7d8{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
-.TextField_styles_j7dqpn_s190z894__f79fd7d8{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.TextField_styles_ppcxpx_i1j28rg8__b8b554b5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_ppcxpx_i13zudoe__b8b554b5{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_ppcxpx_i13zudoe__b8b554b5::-webkit-scrollbar{display:none;}.TextField_styles_ppcxpx_i13zudoe__b8b554b5.TextField_styles_ppcxpx_hasChips__b8b554b5{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_ppcxpx_so4bpie__b8b554b5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_ppcxpx_i13qvwoy__b8b554b5{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::-webkit-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::-moz-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5:-ms-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::placeholder{opacity:0;}
+.TextField_styles_ppcxpx_i19ry60d__b8b554b5{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_ppcxpx_ibt1ohz__b8b554b5{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--ibt1ohz-0);}
+.TextField_styles_ppcxpx_olv9av6__b8b554b5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
+.TextField_styles_ppcxpx_t600610__b8b554b5{display:inline-block;margin-left:auto;}
+.TextField_styles_ppcxpx_suk2zst__b8b554b5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_ppcxpx_l1gjsnfi__b8b554b5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_ppcxpx_ssv2kwg__b8b554b5{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
+.TextField_styles_ppcxpx_s190z894__b8b554b5{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_ppcxpx_s190z894__b8b554b5:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_ppcxpx_s190z894__b8b554b5:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
 
 
 
-.TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_ppcxpx_s14qvple__b8b554b5{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_ppcxpx_s16itze4__b8b554b5{display:inline-block;line-height:0;}.TextField_styles_ppcxpx_s16itze4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_ppcxpx_h1skqnhr__b8b554b5{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 
-.TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_ppcxpx_s8yezh4__b8b554b5{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5.TextField_styles_ppcxpx_textfieldHasHint__b8b554b5{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 

package/es/components/Autocomplete/Autocomplete.js

@@ -10,7 +10,7 @@ import { StyledTextField } from './ui/TextField/TextField.styles.js';
 import { SuggestionItem } from './ui/SuggestionItem/SuggestionItem.js';
 import { getPlacements } from '../../utils/getPopoverPlacement.js';
 
-var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
+var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "hasPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
 
 /**
  * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
@@ -23,6 +23,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
       view = _ref.view,
       size = _ref.size,
       labelPlacement = _ref.labelPlacement,
+      hasPlaceholder = _ref.hasPlaceholder,
       disabled = _ref.disabled,
       readOnly = _ref.readOnly,
       label = _ref.label,
@@ -142,6 +143,11 @@ var autocompleteRoot = function autocompleteRoot(Root) {
         "aria-activedescendant": "".concat(listId, "/").concat(focused),
         "aria-describedby": helperTextId,
         hintText: String(hintText || '')
+      }, labelPlacement === 'inner' ? {
+        labelPlacement: labelPlacement,
+        hasPlaceholder: hasPlaceholder
+      } : {
+        labelPlacement: labelPlacement
       }, rest)),
       preventOverflow: false,
       ref: targetRef,

package/es/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight,\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                onSearch,\n\n                hintText,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n            const [innerValue, setInnerValue] = useState<string | number>('');\n            const [isOpen, setIsOpen] = useState(false);\n\n            const listId = safeUseId();\n            const value = outerValue ?? innerValue;\n\n            const helperTextId = safeUseId();\n\n            const targetRef = useOutsideClick<HTMLDivElement>(() => {\n                setIsOpen(false);\n            });\n\n            const handleFocus = () => {\n                if (value.toString().length >= threshold) {\n                    setIsOpen(true);\n                }\n            };\n\n            const handleItemClick = (e: SuggestionItemType) => {\n                setInnerValue(e.label);\n\n                if (onSuggestionSelect) {\n                    onSuggestionSelect(e);\n                }\n\n                setIsOpen(false);\n            };\n\n            const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const currentValue = e.target.value;\n\n                setInnerValue(currentValue);\n\n                if (onChange) {\n                    onChange(e);\n                }\n\n                if (currentValue.toString().length >= threshold) {\n                    setIsOpen(true);\n                } else {\n                    setIsOpen(false);\n                }\n            };\n\n            const defaultFilterCallback = ({ label }: { label: string }) => {\n                return label.toLowerCase().includes(value.toString().toLowerCase());\n            };\n\n            const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n            const { onKeyDown } = useKeyNavigation({\n                isOpen,\n                setIsOpen,\n                focused,\n                dispatchFocused,\n                finalResults,\n                handleItemClick,\n            });\n\n            useDidMountEffect(() => {\n                dispatchFocused({ type: 'reset' });\n            }, [value]);\n\n            return (\n                <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                    <StyledPopover\n                        opened={isOpen}\n                        offset={[0, 0]}\n                        placement={getPlacements('bottom')}\n                        isFocusTrapped={false}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        target={\n                            <StyledTextField\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                ref={ref}\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                label={label}\n                                contentLeft={contentLeft}\n                                contentRight={contentRight}\n                                textBefore={textBefore}\n                                textAfter={textAfter}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-controls={listId}\n                                aria-expanded={isOpen}\n                                aria-activedescendant={`${listId}/${focused}`}\n                                aria-describedby={helperTextId}\n                                hintText={String(hintText || '')}\n                                {...rest}\n                            />\n                        }\n                        preventOverflow={false}\n                        ref={targetRef}\n                        listWidth={listWidth}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <Ul\n                                        id={listId}\n                                        role=\"listbox\"\n                                        aria-label={label}\n                                        onScroll={onScroll}\n                                        listMaxHeight={listMaxHeight}\n                                    >\n                                        {finalResults.map((suggestion, index) => (\n                                            <SuggestionItem\n                                                key={index}\n                                                item={suggestion}\n                                                onClick={handleItemClick}\n                                                id={`${listId}/${index}`}\n                                                focused={focused === index}\n                                            />\n                                        ))}\n\n                                        {renderListEnd && (\n                                            <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                        )}\n                                    </Ul>\n                                </Root>\n                            ))}\n                    </StyledPopover>\n\n                    {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n                    {leftHelper && (\n                        <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const autocompleteConfig = {\n    name: 'Autocomplete',\n    tag: 'div',\n    layout: autocompleteRoot,\n    base,\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            css: '',\n        },\n    },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","hintText","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","opened","offset","placement","getPlacements","isFocusTrapped","usePortal","Boolean","frame","StyledTextField","_extends","undefined","onFocus","role","concat","String","preventOverflow","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                hasPlaceholder,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight,\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                onSearch,\n\n                hintText,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n            const [innerValue, setInnerValue] = useState<string | number>('');\n            const [isOpen, setIsOpen] = useState(false);\n\n            const listId = safeUseId();\n            const value = outerValue ?? innerValue;\n\n            const helperTextId = safeUseId();\n\n            const targetRef = useOutsideClick<HTMLDivElement>(() => {\n                setIsOpen(false);\n            });\n\n            const handleFocus = () => {\n                if (value.toString().length >= threshold) {\n                    setIsOpen(true);\n                }\n            };\n\n            const handleItemClick = (e: SuggestionItemType) => {\n                setInnerValue(e.label);\n\n                if (onSuggestionSelect) {\n                    onSuggestionSelect(e);\n                }\n\n                setIsOpen(false);\n            };\n\n            const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const currentValue = e.target.value;\n\n                setInnerValue(currentValue);\n\n                if (onChange) {\n                    onChange(e);\n                }\n\n                if (currentValue.toString().length >= threshold) {\n                    setIsOpen(true);\n                } else {\n                    setIsOpen(false);\n                }\n            };\n\n            const defaultFilterCallback = ({ label }: { label: string }) => {\n                return label.toLowerCase().includes(value.toString().toLowerCase());\n            };\n\n            const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n            const { onKeyDown } = useKeyNavigation({\n                isOpen,\n                setIsOpen,\n                focused,\n                dispatchFocused,\n                finalResults,\n                handleItemClick,\n            });\n\n            useDidMountEffect(() => {\n                dispatchFocused({ type: 'reset' });\n            }, [value]);\n\n            return (\n                <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                    <StyledPopover\n                        opened={isOpen}\n                        offset={[0, 0]}\n                        placement={getPlacements('bottom')}\n                        isFocusTrapped={false}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        target={\n                            <StyledTextField\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                ref={ref}\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                label={label}\n                                contentLeft={contentLeft}\n                                contentRight={contentRight}\n                                textBefore={textBefore}\n                                textAfter={textAfter}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-controls={listId}\n                                aria-expanded={isOpen}\n                                aria-activedescendant={`${listId}/${focused}`}\n                                aria-describedby={helperTextId}\n                                hintText={String(hintText || '')}\n                                {...(labelPlacement === 'inner'\n                                    ? {\n                                          labelPlacement,\n                                          hasPlaceholder,\n                                      }\n                                    : { labelPlacement })}\n                                {...rest}\n                            />\n                        }\n                        preventOverflow={false}\n                        ref={targetRef}\n                        listWidth={listWidth}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <Ul\n                                        id={listId}\n                                        role=\"listbox\"\n                                        aria-label={label}\n                                        onScroll={onScroll}\n                                        listMaxHeight={listMaxHeight}\n                                    >\n                                        {finalResults.map((suggestion, index) => (\n                                            <SuggestionItem\n                                                key={index}\n                                                item={suggestion}\n                                                onClick={handleItemClick}\n                                                id={`${listId}/${index}`}\n                                                focused={focused === index}\n                                            />\n                                        ))}\n\n                                        {renderListEnd && (\n                                            <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                        )}\n                                    </Ul>\n                                </Root>\n                            ))}\n                    </StyledPopover>\n\n                    {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n                    {leftHelper && (\n                        <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const autocompleteConfig = {\n    name: 'Autocomplete',\n    tag: 'div',\n    layout: autocompleteRoot,\n    base,\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            css: '',\n        },\n    },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","hasPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","hintText","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","opened","offset","placement","getPlacements","isFocusTrapped","usePortal","Boolean","frame","StyledTextField","_extends","undefined","onFocus","role","concat","String","preventOverflow","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/Combobox.css

@@ -56,7 +56,7 @@
 
 .base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
 
-.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
+.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementOuter__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i19ry60d__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_smqgwd8__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_s7hnwwb__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405:focus ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_hasValue__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_forcePlaceholder__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405.base_y1lvvc_textfieldClear__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__clear-placeholder-color);}
 
 .base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
 
@@ -73,26 +73,26 @@
 .Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
 
 
-.TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_j7dqpn_i13zudoe__f79fd7d8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_j7dqpn_so4bpie__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
-.TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
-.TextField_styles_j7dqpn_olv9av6__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
-.TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
-.TextField_styles_j7dqpn_suk2zst__f79fd7d8{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
-.TextField_styles_j7dqpn_s190z894__f79fd7d8{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.TextField_styles_ppcxpx_i1j28rg8__b8b554b5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_ppcxpx_i13zudoe__b8b554b5{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_ppcxpx_i13zudoe__b8b554b5::-webkit-scrollbar{display:none;}.TextField_styles_ppcxpx_i13zudoe__b8b554b5.TextField_styles_ppcxpx_hasChips__b8b554b5{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_ppcxpx_so4bpie__b8b554b5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_ppcxpx_i13qvwoy__b8b554b5{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::-webkit-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::-moz-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5:-ms-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::placeholder{opacity:0;}
+.TextField_styles_ppcxpx_i19ry60d__b8b554b5{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_ppcxpx_ibt1ohz__b8b554b5{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--ibt1ohz-0);}
+.TextField_styles_ppcxpx_olv9av6__b8b554b5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
+.TextField_styles_ppcxpx_t600610__b8b554b5{display:inline-block;margin-left:auto;}
+.TextField_styles_ppcxpx_suk2zst__b8b554b5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_ppcxpx_l1gjsnfi__b8b554b5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_ppcxpx_ssv2kwg__b8b554b5{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
+.TextField_styles_ppcxpx_s190z894__b8b554b5{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_ppcxpx_s190z894__b8b554b5:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_ppcxpx_s190z894__b8b554b5:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
 
 
 
-.TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_ppcxpx_s14qvple__b8b554b5{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_ppcxpx_s16itze4__b8b554b5{display:inline-block;line-height:0;}.TextField_styles_ppcxpx_s16itze4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_ppcxpx_h1skqnhr__b8b554b5{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 
-.TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_ppcxpx_s8yezh4__b8b554b5{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5.TextField_styles_ppcxpx_textfieldHasHint__b8b554b5{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 
@@ -156,5 +156,3 @@
 
 
 .Combobox_styles_18a8p75_s11cn92k__ba048029{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
-
-.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,5 +1,5 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, typeof as _typeof, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect, useEffect, createContext } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect, createContext } from 'react';
 import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import { classes } from './Combobox.tokens.js';
 import { FloatingPopover } from './FloatingPopover.js';
@@ -8,7 +8,6 @@ import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
 import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
-import { SelectNative } from './ui/SelectNative/SelectNative.js';
 import { initialItemsTransform } from './utils/initialItemsTransform.js';
 import { getInitialValue } from './utils/getInitialValue.js';
 import { filterItems } from './utils/filterItems.js';
@@ -24,21 +23,18 @@ import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
 import { getItemId } from './utils/getItemId.js';
 import { Inner } from './ui/Inner/Inner.js';
 
-var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
+var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "hasPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
 var Context = /*#__PURE__*/createContext({});
 
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
  */
-
 var comboboxRoot = function comboboxRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
-    var name = props.name,
-      multiple = props.multiple,
+    var multiple = props.multiple,
       outerValue = props.value,
       outerOnChange = props.onChange,
-      defaultValue = props.defaultValue,
       isTargetAmount = props.isTargetAmount,
       targetAmount = props.targetAmount,
       items = props.items,
@@ -60,6 +56,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       view = props.view,
       size = props.size,
       labelPlacement = props.labelPlacement,
+      hasPlaceholder = props.hasPlaceholder,
       _props$readOnly = props.readOnly,
       readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       _props$disabled = props.disabled,
@@ -145,27 +142,11 @@ var comboboxRoot = function comboboxRoot(Root) {
         }
       }
     }, floatingPopoverRef);
-
-    // Эта функция срабатывает при изменении Combobox и
-    // при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).
     var onChange = function onChange(newValue) {
-      // Условие для отправки изменений наружу
       if (outerOnChange) {
-        // Условие для отправки если комбобокс используется без формы.
-        if (!name && (typeof newValue === 'string' || Array.isArray(newValue))) {
-          outerOnChange(newValue);
-        }
-
-        // Условие для отправки если комбобокс используется с формой.
-        if (name && _typeof(newValue) === 'object' && !Array.isArray(newValue)) {
-          outerOnChange(newValue);
-        }
-      }
-
-      // Условие для изменения внутреннего значения (только если newValue строка или массив строк).
-      if (typeof newValue === 'string' || Array.isArray(newValue)) {
-        setInternalValue(newValue);
+        outerOnChange(newValue);
       }
+      setInternalValue(newValue);
     };
     var handleClickArrow = function handleClickArrow() {
       if (disabled || readOnly) {
@@ -368,25 +349,13 @@ var comboboxRoot = function comboboxRoot(Root) {
       // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
       // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
     }, [outerValue, internalValue, items]);
-    useEffect(function () {
-      if (defaultValue) {
-        setInternalValue(defaultValue);
-      }
-    }, [defaultValue]);
     return /*#__PURE__*/React.createElement(Root, {
       size: size,
       view: view,
       labelPlacement: labelPlacement,
       disabled: disabled,
-      readOnly: readOnly,
-      name: name
-    }, name && /*#__PURE__*/React.createElement(SelectNative, {
-      name: name,
-      value: internalValue,
-      multiple: multiple,
-      onChange: onChange,
-      ref: ref
-    }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
+      readOnly: readOnly
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
       value: {
         focusedPath: focusedPath,
         checked: checked,
@@ -409,13 +378,12 @@ var comboboxRoot = function comboboxRoot(Root) {
       listWidth: listWidth,
       target: function target(referenceRef) {
         return /*#__PURE__*/React.createElement(StyledTextField, _extends({
-          ref: name ? inputRef : inputForkRef,
+          ref: inputForkRef,
           inputWrapperRef: referenceRef,
           value: textValue,
           onChange: handleTextValueChange,
           size: size,
           view: view,
-          labelPlacement: labelPlacement,
           disabled: disabled,
           readOnly: readOnly,
           label: label,
@@ -438,6 +406,11 @@ var comboboxRoot = function comboboxRoot(Root) {
           "aria-controls": "".concat(treeId, "_tree_level_1"),
           "aria-expanded": isCurrentListOpen,
           "aria-activedescendant": activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''
+        }, labelPlacement === 'inner' ? {
+          labelPlacement: labelPlacement,
+          hasPlaceholder: hasPlaceholder
+        } : {
+          labelPlacement: labelPlacement
         }, multiple ? {
           enumerationType: 'chip',
           chips: getChips(),
@@ -453,8 +426,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       view: view,
       labelPlacement: labelPlacement,
       disabled: disabled,
-      readOnly: readOnly,
-      name: name
+      readOnly: readOnly
     }, /*#__PURE__*/React.createElement(Ul, {
       role: "tree",
       id: "".concat(treeId, "_tree_level_1"),