@salutejs/plasma-new-hope 0.195.2-canary.1580.11946918297.0 → 0.196.0-canary.1556.11950950085.0

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

@@ -25,7 +25,7 @@ const ToolbarWrapper = (props: ComponentProps<typeof Toolbar>) => {
 };
 
 const meta: Meta<typeof Toolbar> = {
-    title: 'web/Overlay/Toolbar',
+    title: 'plasma_web/Toolbar',
     component: ToolbarWrapper,
     decorators: [WithTheme],
     argTypes: {

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

@@ -31,7 +31,7 @@ const placements: Array<PopoverPlacement> = [
 ];
 
 const meta: Meta<TooltipProps> = {
-    title: 'web/Overlay/Tooltip',
+    title: 'plasma_web/Tooltip',
     decorators: [WithTheme],
     component: Tooltip,
     parameters: {

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

@@ -10,7 +10,7 @@ import { ViewContainer } from './ViewContainer';
 type StoryViewProps = ComponentProps<typeof ViewContainer>;
 
 const meta: Meta<StoryViewProps> = {
-    title: 'web/Data Display/ViewContainer',
+    title: 'plasma_web/ViewContainer',
 };
 
 export default meta;

package/emotion/es/examples/typograpy/components/Body/Body.stories.tsx

@@ -9,7 +9,7 @@ import { Body } from './Body';
 import { config } from './Body.config';
 
 const meta: Meta<typeof Body> = {
-    title: 'Data Display/Typography/Body',
+    title: 'typography/Body',
     decorators: [WithTheme],
     component: Body,
     argTypes: argTypesFromConfig(mergeConfig(bodyConfig, config)),

package/emotion/es/examples/typograpy/components/Dspl/Dspl.stories.tsx

@@ -9,7 +9,7 @@ import { Dspl } from './Dspl';
 import { config } from './Dspl.config';
 
 const meta: Meta<typeof Dspl> = {
-    title: 'Data Display/Typography/Dspl',
+    title: 'typography/Dspl',
     decorators: [WithTheme],
     component: Dspl,
     argTypes: argTypesFromConfig(mergeConfig(dsplConfig, config)),

package/emotion/es/examples/typograpy/components/Heading/Heading.stories.tsx

@@ -9,7 +9,7 @@ import { Heading } from './Heading';
 import { config } from './Heading.config';
 
 const meta: Meta<typeof Heading> = {
-    title: 'Data Display/Typography/Heading',
+    title: 'typography/Heading',
     decorators: [WithTheme],
     component: Heading,
     argTypes: argTypesFromConfig(mergeConfig(dsplConfig, config)),

package/emotion/es/examples/typograpy/components/Old/Body/Body.stories.tsx

@@ -9,7 +9,7 @@ import { OldBody } from './Body';
 import { config } from './Body.config';
 
 const meta: Meta<typeof OldBody> = {
-    title: 'Data Display/Typography/Old/Body',
+    title: 'typography/Old/Body',
     decorators: [WithTheme],
     component: OldBody,
     argTypes: argTypesFromConfig(mergeConfig(oldBodyConfig, config)),

package/emotion/es/examples/typograpy/components/Old/Button/Button.stories.tsx

@@ -9,7 +9,7 @@ import { Button } from './Button';
 import { config } from './Button.config';
 
 const meta: Meta<typeof Button> = {
-    title: 'Data Display/Typography/Old/Button',
+    title: 'typography/Old/Button',
     decorators: [WithTheme],
     component: Button,
     argTypes: argTypesFromConfig(mergeConfig(buttonTypographyConfig, config)),

package/emotion/es/examples/typograpy/components/Old/Caption/Caption.stories.tsx

@@ -9,7 +9,7 @@ import { Caption } from './Caption';
 import { config } from './Caption.config';
 
 const meta: Meta<typeof Caption> = {
-    title: 'Data Display/Typography/Old/Caption',
+    title: 'typography/Old/Caption',
     decorators: [WithTheme],
     component: Caption,
     argTypes: argTypesFromConfig(mergeConfig(captionConfig, config)),

package/emotion/es/examples/typograpy/components/Old/Display/Display.stories.tsx

@@ -9,7 +9,7 @@ import { Display } from './Display';
 import { config } from './Display.config';
 
 const meta: Meta<typeof Display> = {
-    title: 'Data Display/Typography/Old/Display',
+    title: 'typography/Old/Display',
     decorators: [WithTheme],
     component: Display,
     argTypes: argTypesFromConfig(mergeConfig(displayConfig, config)),

package/emotion/es/examples/typograpy/components/Old/Footnote/Footnote.stories.tsx

@@ -9,7 +9,7 @@ import { Footnote } from './Footnote';
 import { config } from './Footnote.config';
 
 const meta: Meta<typeof Footnote> = {
-    title: 'Data Display/Typography/Old/Footnote',
+    title: 'typography/Old/Footnote',
     decorators: [WithTheme],
     component: Footnote,
     argTypes: argTypesFromConfig(mergeConfig(footnoteConfig, config)),

package/emotion/es/examples/typograpy/components/Old/Headline/Headline.stories.tsx

@@ -9,7 +9,7 @@ import { Headline } from './Headline';
 import { config } from './Headline.config';
 
 const meta: Meta<typeof Headline> = {
-    title: 'Data Display/Typography/Old/Headline',
+    title: 'typography/Old/Headline',
     decorators: [WithTheme],
     component: Headline,
     argTypes: argTypesFromConfig(mergeConfig(headlineConfig, config)),

package/emotion/es/examples/typograpy/components/Old/Paragraph/Paragraph.stories.tsx

@@ -9,7 +9,7 @@ import { Paragraph } from './Paragraph';
 import { config } from './Paragraph.config';
 
 const meta: Meta<typeof Paragraph> = {
-    title: 'Data Display/Typography/Old/Paragraph',
+    title: 'typography/Old/Paragraph',
     decorators: [WithTheme],
     component: Paragraph,
     argTypes: argTypesFromConfig(mergeConfig(paragraphConfig, config)),

package/emotion/es/examples/typograpy/components/Old/Subtitle/Subtitle.stories.tsx

@@ -9,7 +9,7 @@ import { Subtitle } from './Subtitle';
 import { config } from './Subtitle.config';
 
 const meta: Meta<typeof Subtitle> = {
-    title: 'Data Display/Typography/Old/Subtitle',
+    title: 'typography/Old/Subtitle',
     decorators: [WithTheme],
     component: Subtitle,
     argTypes: argTypesFromConfig(mergeConfig(subtitleConfig, config)),

package/emotion/es/examples/typograpy/components/Old/Underline/Underline.stories.tsx

@@ -9,7 +9,7 @@ import { Underline } from './Underline';
 import { config } from './Underline.config';
 
 const meta: Meta<typeof Underline> = {
-    title: 'Data Display/Typography/Old/Underline',
+    title: 'typography/Old/Underline',
     decorators: [WithTheme],
     component: Underline,
     argTypes: argTypesFromConfig(mergeConfig(underlineConfig, config)),

package/emotion/es/examples/typograpy/components/Text/Text.stories.tsx

@@ -9,7 +9,7 @@ import { Text } from './Text';
 import { config } from './Text.config';
 
 const meta: Meta<typeof Text> = {
-    title: 'Data Display/Typography/Text',
+    title: 'typography/Text',
     decorators: [WithTheme],
     component: Text,
     argTypes: argTypesFromConfig(mergeConfig(textConfig, config)),

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);}
 

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

@@ -23,7 +23,7 @@ import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
 import { getItemId } from './utils/getItemId.js';
 import { Inner } from './ui/Inner/Inner.js';
 
-var _excluded = ["multiple", "value", "onChange", "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({});
 
 /**
@@ -56,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,
@@ -383,7 +384,6 @@ var comboboxRoot = function comboboxRoot(Root) {
           onChange: handleTextValueChange,
           size: size,
           view: view,
-          labelPlacement: labelPlacement,
           disabled: disabled,
           readOnly: readOnly,
           label: label,
@@ -406,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(),