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

package/api/plasma-web.api.md

@@ -998,6 +998,74 @@ 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;
@@ -1026,6 +1094,74 @@ 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;
+    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?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;

package/components/Combobox/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(--text-tertiary);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-accent);\n\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.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _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-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\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.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _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-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\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.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _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-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\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.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _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                ", ": 0.0625rem;\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.textFieldBorderWidth, _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                ", ": 0.0625rem;\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.textFieldBorderWidth, _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                ", ": 0.0625rem;\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.textFieldBorderWidth, _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                ", ": 0.0625rem;\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.textFieldBorderWidth, _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-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.comboboxNewTokens.textFieldColorReadOnly, _styledComponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledComponents.comboboxNewTokens.textFieldBorderColorReadOnly, _styledComponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledComponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledComponents.comboboxNewTokens.textFieldLabelColorReadOnly)
+    }
+  }
+};

package/components/Combobox/Combobox.d.ts

@@ -0,0 +1,79 @@
+/// <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 & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    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 & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: boolean | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (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<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (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<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (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<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (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;
+    isTargetAmount?: boolean | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;

package/components/Combobox/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './ComboboxOld';
+export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';
 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,6 +25,10 @@ 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;
@@ -53,6 +57,138 @@ 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 _ComboboxOld.ComboboxDivider;
+    return _Legacy.ComboboxDivider;
   }
 });
 Object.defineProperty(exports, "ComboboxFooter", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxFooter;
+    return _Legacy.ComboboxFooter;
   }
 });
 Object.defineProperty(exports, "ComboboxGroup", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxGroup;
+    return _Legacy.ComboboxGroup;
   }
 });
 Object.defineProperty(exports, "ComboboxHeader", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxHeader;
+    return _Legacy.ComboboxHeader;
   }
 });
 Object.defineProperty(exports, "ComboboxItem", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxItem;
+    return _Legacy.ComboboxItem;
   }
 });
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _ComboboxOld = /*#__PURE__*/require("./ComboboxOld");
-var _ComboboxNew = /*#__PURE__*/require("./ComboboxNew");
+var _Legacy = /*#__PURE__*/require("./Legacy");
+var _Combobox = /*#__PURE__*/require("./Combobox");
 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(_ComboboxNew.Combobox, _extends({
+    return /*#__PURE__*/_react["default"].createElement(_Combobox.Combobox, _extends({
       ref: ref
     }, props));
   }
-  return /*#__PURE__*/_react["default"].createElement(_ComboboxOld.Combobox, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_Legacy.Combobox, _extends({
     ref: ref
   }, props));
 });

package/css/cjs/components/Combobox/{ComboboxNew/Combobox.config.js → Combobox.config.js}

@@ -1,4 +1,4 @@
-import './Combobox.config_1bx709p.css';
+import './Combobox.config_10gk2fc.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -11,26 +11,26 @@ var config = {
   },
   variations: {
     view: {
-      "default": "dpyi7rv",
-      positive: "p4pr78",
-      warning: "w1qmqf0y",
-      negative: "nhtcqag"
+      "default": "d1scuc1k",
+      positive: "p953oeh",
+      warning: "wcllkda",
+      negative: "n1ioh6mq"
     },
     size: {
-      l: "l1jmp79k",
-      m: "m1unrmtr",
-      s: "sd4ooyg",
-      xs: "x9yefpq"
+      l: "l1jkqh6u",
+      m: "md9rpne",
+      s: "s18l3tth",
+      xs: "x2zp6wl"
     },
     labelPlacement: {
-      inner: "idmekls",
-      outer: "o1bszslk"
+      inner: "ijf6k4v",
+      outer: "oixuhkh"
     },
     disabled: {
-      "true": "t1epzmrw"
+      "true": "thokxr1"
     },
     readOnly: {
-      "true": "t1id8dy3"
+      "true": "t1kzzqc1"
     }
   }
 };