@salutejs/plasma-web 1.394.0-canary.1422.10829409432.0 → 1.394.0-canary.1430.10827337218.0

package/api/plasma-web.api.md

@@ -128,8 +128,7 @@ import { DropdownItem as DropdownItemType } from '@salutejs/plasma-hope';
 import { DropdownNodeType } from '@salutejs/plasma-hope';
 import { DropdownPopupProps } from '@salutejs/plasma-hope';
 import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
-import { Editable } from '@salutejs/plasma-hope';
-import { EditableProps } from '@salutejs/plasma-hope';
+import { EditableProps } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
 import { ElasticGrid } from '@salutejs/plasma-hope';
 import { ElasticGridProps } from '@salutejs/plasma-hope';
 import { extractTextFrom } from '@salutejs/plasma-core';
@@ -291,6 +290,7 @@ import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
 import { transformStyles } from '@salutejs/plasma-core';
 import { TypographyOldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Old/TypographyOld';
+import { TypographyVariants } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
 import { UIEvent as UIEvent_2 } from 'react';
 import { Upload } from '@salutejs/plasma-hope';
 import { UploadAudio } from '@salutejs/plasma-hope';
@@ -998,138 +998,6 @@ readOnly: {
 true: PolymorphicClassName;
 };
 }> & BasicProps & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
     multiple?: false | undefined;
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
@@ -1158,10 +1026,6 @@ readOnly: {
 true: PolymorphicClassName;
 };
 }> & BasicProps & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
@@ -1522,9 +1386,15 @@ breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps_2 & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
-export { Editable }
-
-export { EditableProps }
+// @public (undocumented)
+export const Editable: FunctionComponent<PropsType<    {
+view: {
+default: PolymorphicClassName;
+};
+size: {
+m: PolymorphicClassName;
+};
+}> & EditableProps<TypographyVariants> & RefAttributes<HTMLInputElement>>;
 
 export { ElasticGrid }
 

package/components/Combobox/ComboboxNew/Combobox.config.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm',
+    labelPlacement: 'outer'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldBackgroundColor, _styledComponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldBackgroundColor, _styledComponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldBackgroundColor, _styledComponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldBackgroundColor, _styledComponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1rem 1rem 0.875rem;\n                ", ": 0.75rem 1rem 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.comboboxNewTokens.textFieldHeight, _styledComponents.comboboxNewTokens.textFieldPadding, _styledComponents.comboboxNewTokens.textFieldPaddingWithChips, _styledComponents.comboboxNewTokens.textFieldBorderRadius, _styledComponents.comboboxNewTokens.textFieldLeftContentMargin, _styledComponents.comboboxNewTokens.textFieldRightContentMargin, _styledComponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledComponents.comboboxNewTokens.textFieldTextAfterMargin, _styledComponents.comboboxNewTokens.textFieldFontFamily, _styledComponents.comboboxNewTokens.textFieldFontSize, _styledComponents.comboboxNewTokens.textFieldFontStyle, _styledComponents.comboboxNewTokens.textFieldFontWeight, _styledComponents.comboboxNewTokens.textFieldLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelOffset, _styledComponents.comboboxNewTokens.textFieldLabelFontFamily, _styledComponents.comboboxNewTokens.textFieldLabelFontSize, _styledComponents.comboboxNewTokens.textFieldLabelFontStyle, _styledComponents.comboboxNewTokens.textFieldLabelFontWeight, _styledComponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLabelLineHeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldChipGap, _styledComponents.comboboxNewTokens.textFieldChipBorderRadius, _styledComponents.comboboxNewTokens.textFieldChipWidth, _styledComponents.comboboxNewTokens.textFieldChipHeight, _styledComponents.comboboxNewTokens.textFieldChipPaddingRight, _styledComponents.comboboxNewTokens.textFieldChipPaddingLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledComponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledComponents.comboboxNewTokens.textFieldChipFontFamily, _styledComponents.comboboxNewTokens.textFieldChipFontSize, _styledComponents.comboboxNewTokens.textFieldChipFontStyle, _styledComponents.comboboxNewTokens.textFieldChipFontWeight, _styledComponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledComponents.comboboxNewTokens.textFieldChipLineHeight, _styledComponents.comboboxNewTokens.padding, _styledComponents.comboboxNewTokens.borderRadius, _styledComponents.comboboxNewTokens.itemHeight, _styledComponents.comboboxNewTokens.itemPadding, _styledComponents.comboboxNewTokens.itemPaddingTight, _styledComponents.comboboxNewTokens.itemBorderRadius, _styledComponents.comboboxNewTokens.itemIconMargin, _styledComponents.comboboxNewTokens.itemIconSize, _styledComponents.comboboxNewTokens.itemIconSizeTight, _styledComponents.comboboxNewTokens.fontFamily, _styledComponents.comboboxNewTokens.fontSize, _styledComponents.comboboxNewTokens.fontStyle, _styledComponents.comboboxNewTokens.fontWeight, _styledComponents.comboboxNewTokens.fontLetterSpacing, _styledComponents.comboboxNewTokens.fontLineHeight, _styledComponents.comboboxNewTokens.checkboxTriggerSize, _styledComponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledComponents.comboboxNewTokens.checkboxFillColor, _styledComponents.comboboxNewTokens.checkboxIconColor, _styledComponents.comboboxNewTokens.checkboxTriggerBorderColor, _styledComponents.comboboxNewTokens.indicatorSize),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.comboboxNewTokens.textFieldHeight, _styledComponents.comboboxNewTokens.textFieldPadding, _styledComponents.comboboxNewTokens.textFieldPaddingWithChips, _styledComponents.comboboxNewTokens.textFieldBorderRadius, _styledComponents.comboboxNewTokens.textFieldLeftContentMargin, _styledComponents.comboboxNewTokens.textFieldRightContentMargin, _styledComponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledComponents.comboboxNewTokens.textFieldTextAfterMargin, _styledComponents.comboboxNewTokens.textFieldFontFamily, _styledComponents.comboboxNewTokens.textFieldFontSize, _styledComponents.comboboxNewTokens.textFieldFontStyle, _styledComponents.comboboxNewTokens.textFieldFontWeight, _styledComponents.comboboxNewTokens.textFieldLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelOffset, _styledComponents.comboboxNewTokens.textFieldLabelFontFamily, _styledComponents.comboboxNewTokens.textFieldLabelFontSize, _styledComponents.comboboxNewTokens.textFieldLabelFontStyle, _styledComponents.comboboxNewTokens.textFieldLabelFontWeight, _styledComponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLabelLineHeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldChipGap, _styledComponents.comboboxNewTokens.textFieldChipBorderRadius, _styledComponents.comboboxNewTokens.textFieldChipWidth, _styledComponents.comboboxNewTokens.textFieldChipHeight, _styledComponents.comboboxNewTokens.textFieldChipPaddingRight, _styledComponents.comboboxNewTokens.textFieldChipPaddingLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledComponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledComponents.comboboxNewTokens.textFieldChipFontFamily, _styledComponents.comboboxNewTokens.textFieldChipFontSize, _styledComponents.comboboxNewTokens.textFieldChipFontStyle, _styledComponents.comboboxNewTokens.textFieldChipFontWeight, _styledComponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledComponents.comboboxNewTokens.textFieldChipLineHeight, _styledComponents.comboboxNewTokens.padding, _styledComponents.comboboxNewTokens.borderRadius, _styledComponents.comboboxNewTokens.itemHeight, _styledComponents.comboboxNewTokens.itemPadding, _styledComponents.comboboxNewTokens.itemPaddingTight, _styledComponents.comboboxNewTokens.itemBorderRadius, _styledComponents.comboboxNewTokens.itemIconMargin, _styledComponents.comboboxNewTokens.itemIconSize, _styledComponents.comboboxNewTokens.itemIconSizeTight, _styledComponents.comboboxNewTokens.fontFamily, _styledComponents.comboboxNewTokens.fontSize, _styledComponents.comboboxNewTokens.fontStyle, _styledComponents.comboboxNewTokens.fontWeight, _styledComponents.comboboxNewTokens.fontLetterSpacing, _styledComponents.comboboxNewTokens.fontLineHeight, _styledComponents.comboboxNewTokens.checkboxTriggerSize, _styledComponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledComponents.comboboxNewTokens.checkboxFillColor, _styledComponents.comboboxNewTokens.checkboxIconColor, _styledComponents.comboboxNewTokens.checkboxTriggerBorderColor, _styledComponents.comboboxNewTokens.indicatorSize),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n                ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.comboboxNewTokens.textFieldHeight, _styledComponents.comboboxNewTokens.textFieldPadding, _styledComponents.comboboxNewTokens.textFieldPaddingWithChips, _styledComponents.comboboxNewTokens.textFieldBorderRadius, _styledComponents.comboboxNewTokens.textFieldLeftContentMargin, _styledComponents.comboboxNewTokens.textFieldRightContentMargin, _styledComponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledComponents.comboboxNewTokens.textFieldTextAfterMargin, _styledComponents.comboboxNewTokens.textFieldFontFamily, _styledComponents.comboboxNewTokens.textFieldFontSize, _styledComponents.comboboxNewTokens.textFieldFontStyle, _styledComponents.comboboxNewTokens.textFieldFontWeight, _styledComponents.comboboxNewTokens.textFieldLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelOffset, _styledComponents.comboboxNewTokens.textFieldLabelFontFamily, _styledComponents.comboboxNewTokens.textFieldLabelFontSize, _styledComponents.comboboxNewTokens.textFieldLabelFontStyle, _styledComponents.comboboxNewTokens.textFieldLabelFontWeight, _styledComponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLabelLineHeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldChipGap, _styledComponents.comboboxNewTokens.textFieldChipBorderRadius, _styledComponents.comboboxNewTokens.textFieldChipWidth, _styledComponents.comboboxNewTokens.textFieldChipHeight, _styledComponents.comboboxNewTokens.textFieldChipPaddingRight, _styledComponents.comboboxNewTokens.textFieldChipPaddingLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledComponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledComponents.comboboxNewTokens.textFieldChipFontFamily, _styledComponents.comboboxNewTokens.textFieldChipFontSize, _styledComponents.comboboxNewTokens.textFieldChipFontStyle, _styledComponents.comboboxNewTokens.textFieldChipFontWeight, _styledComponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledComponents.comboboxNewTokens.textFieldChipLineHeight, _styledComponents.comboboxNewTokens.padding, _styledComponents.comboboxNewTokens.borderRadius, _styledComponents.comboboxNewTokens.itemHeight, _styledComponents.comboboxNewTokens.itemPadding, _styledComponents.comboboxNewTokens.itemPaddingTight, _styledComponents.comboboxNewTokens.itemBorderRadius, _styledComponents.comboboxNewTokens.itemIconSize, _styledComponents.comboboxNewTokens.itemIconSizeTight, _styledComponents.comboboxNewTokens.itemIconMargin, _styledComponents.comboboxNewTokens.fontFamily, _styledComponents.comboboxNewTokens.fontSize, _styledComponents.comboboxNewTokens.fontStyle, _styledComponents.comboboxNewTokens.fontWeight, _styledComponents.comboboxNewTokens.fontLetterSpacing, _styledComponents.comboboxNewTokens.fontLineHeight, _styledComponents.comboboxNewTokens.checkboxTriggerSize, _styledComponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledComponents.comboboxNewTokens.checkboxFillColor, _styledComponents.comboboxNewTokens.checkboxIconColor, _styledComponents.comboboxNewTokens.checkboxTriggerBorderColor, _styledComponents.comboboxNewTokens.indicatorSize),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.comboboxNewTokens.textFieldHeight, _styledComponents.comboboxNewTokens.textFieldPadding, _styledComponents.comboboxNewTokens.textFieldPaddingWithChips, _styledComponents.comboboxNewTokens.textFieldBorderRadius, _styledComponents.comboboxNewTokens.textFieldLeftContentMargin, _styledComponents.comboboxNewTokens.textFieldRightContentMargin, _styledComponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledComponents.comboboxNewTokens.textFieldTextAfterMargin, _styledComponents.comboboxNewTokens.textFieldFontFamily, _styledComponents.comboboxNewTokens.textFieldFontSize, _styledComponents.comboboxNewTokens.textFieldFontStyle, _styledComponents.comboboxNewTokens.textFieldFontWeight, _styledComponents.comboboxNewTokens.textFieldLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelOffset, _styledComponents.comboboxNewTokens.textFieldLabelFontFamily, _styledComponents.comboboxNewTokens.textFieldLabelFontSize, _styledComponents.comboboxNewTokens.textFieldLabelFontStyle, _styledComponents.comboboxNewTokens.textFieldLabelFontWeight, _styledComponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLabelLineHeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldChipGap, _styledComponents.comboboxNewTokens.textFieldChipBorderRadius, _styledComponents.comboboxNewTokens.textFieldChipWidth, _styledComponents.comboboxNewTokens.textFieldChipHeight, _styledComponents.comboboxNewTokens.textFieldChipPaddingRight, _styledComponents.comboboxNewTokens.textFieldChipPaddingLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledComponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledComponents.comboboxNewTokens.textFieldChipFontFamily, _styledComponents.comboboxNewTokens.textFieldChipFontSize, _styledComponents.comboboxNewTokens.textFieldChipFontStyle, _styledComponents.comboboxNewTokens.textFieldChipFontWeight, _styledComponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledComponents.comboboxNewTokens.textFieldChipLineHeight, _styledComponents.comboboxNewTokens.padding, _styledComponents.comboboxNewTokens.borderRadius, _styledComponents.comboboxNewTokens.itemHeight, _styledComponents.comboboxNewTokens.itemPadding, _styledComponents.comboboxNewTokens.itemPaddingTight, _styledComponents.comboboxNewTokens.itemBorderRadius, _styledComponents.comboboxNewTokens.itemIconMargin, _styledComponents.comboboxNewTokens.itemIconSize, _styledComponents.comboboxNewTokens.itemIconSizeTight, _styledComponents.comboboxNewTokens.fontFamily, _styledComponents.comboboxNewTokens.fontSize, _styledComponents.comboboxNewTokens.fontStyle, _styledComponents.comboboxNewTokens.fontWeight, _styledComponents.comboboxNewTokens.fontLetterSpacing, _styledComponents.comboboxNewTokens.fontLineHeight, _styledComponents.comboboxNewTokens.checkboxTriggerSize, _styledComponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledComponents.comboboxNewTokens.checkboxFillColor, _styledComponents.comboboxNewTokens.checkboxIconColor, _styledComponents.comboboxNewTokens.checkboxTriggerBorderColor, _styledComponents.comboboxNewTokens.indicatorSize)
+    },
+    labelPlacement: {
+      inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldLabelInnerFontFamily, _styledComponents.comboboxNewTokens.textFieldLabelInnerFontSize, _styledComponents.comboboxNewTokens.textFieldLabelInnerFontStyle, _styledComponents.comboboxNewTokens.textFieldLabelInnerFontWeight, _styledComponents.comboboxNewTokens.textFieldLabelInnerLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLabelInnerLineHeight),
+      outer: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.comboboxNewTokens.textFieldDisabledOpacity)
+    },
+    readOnly: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.comboboxNewTokens.textFieldColorReadOnly, _styledComponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledComponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledComponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledComponents.comboboxNewTokens.textFieldLabelColorReadOnly)
+    }
+  }
+};

package/components/Combobox/ComboboxNew/Combobox.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare const Combobox: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    labelPlacement: {
+        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    readOnly: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & ((import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: boolean | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;

package/components/Combobox/ComboboxNew/index.d.ts

@@ -0,0 +1 @@
+export { Combobox } from './Combobox';

package/components/Combobox/ComboboxNew/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Combobox", {
+  enumerable: true,
+  get: function get() {
+    return _Combobox.Combobox;
+  }
+});
+var _Combobox = /*#__PURE__*/require("./Combobox");

package/components/Combobox/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';
+export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './ComboboxOld';
 export type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
 declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
@@ -25,10 +25,6 @@ declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
     multiple?: false | undefined;
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
@@ -57,138 +53,6 @@ declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    view: {
-        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    view: {
-        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    view: {
-        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    view: {
-        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;

package/components/Combobox/index.js

@@ -8,46 +8,46 @@ exports.Combobox = void 0;
 Object.defineProperty(exports, "ComboboxDivider", {
   enumerable: true,
   get: function get() {
-    return _Legacy.ComboboxDivider;
+    return _ComboboxOld.ComboboxDivider;
   }
 });
 Object.defineProperty(exports, "ComboboxFooter", {
   enumerable: true,
   get: function get() {
-    return _Legacy.ComboboxFooter;
+    return _ComboboxOld.ComboboxFooter;
   }
 });
 Object.defineProperty(exports, "ComboboxGroup", {
   enumerable: true,
   get: function get() {
-    return _Legacy.ComboboxGroup;
+    return _ComboboxOld.ComboboxGroup;
   }
 });
 Object.defineProperty(exports, "ComboboxHeader", {
   enumerable: true,
   get: function get() {
-    return _Legacy.ComboboxHeader;
+    return _ComboboxOld.ComboboxHeader;
   }
 });
 Object.defineProperty(exports, "ComboboxItem", {
   enumerable: true,
   get: function get() {
-    return _Legacy.ComboboxItem;
+    return _ComboboxOld.ComboboxItem;
   }
 });
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _Legacy = /*#__PURE__*/require("./Legacy");
-var _Combobox = /*#__PURE__*/require("./Combobox");
+var _ComboboxOld = /*#__PURE__*/require("./ComboboxOld");
+var _ComboboxNew = /*#__PURE__*/require("./ComboboxNew");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var Combobox = exports.Combobox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   if (props.items) {
-    return /*#__PURE__*/_react["default"].createElement(_Combobox.Combobox, _extends({
+    return /*#__PURE__*/_react["default"].createElement(_ComboboxNew.Combobox, _extends({
       ref: ref
     }, props));
   }
-  return /*#__PURE__*/_react["default"].createElement(_Legacy.Combobox, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_ComboboxOld.Combobox, _extends({
     ref: ref
   }, props));
 });

package/components/Editable/Editable.config.d.ts

@@ -0,0 +1,14 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Editable/Editable.config.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--background-primary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n            "])), _styledComponents.editableTokens.editButtonBackground, _styledComponents.editableTokens.editButtonColor, _styledComponents.editableTokens.editButtonColorHover, _styledComponents.editableTokens.placeholderColor, _styledComponents.editableTokens.caretColor)
+    },
+    size: {
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": -1rem;\n            "])), _styledComponents.editableTokens.editButtonPaddingLeft, _styledComponents.editableTokens.textBoxPaddingRight, _styledComponents.editableTokens.textBoxMarginRight)
+    }
+  }
+};

package/components/Editable/Editable.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import * as typographyComponents from '../Typography';
+export declare const typographyVariants: typeof typographyComponents;
+export declare const Editable: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/components/Editable/Editable.types").EditableProps<import("@salutejs/plasma-new-hope/types/components/Editable/Editable.types").TypographyVariants> & import("react").RefAttributes<HTMLInputElement>>;