@salutejs/plasma-web 1.389.0-canary.1406.10666365265.0 → 1.389.0-canary.1415.10665437827.0

package/api/plasma-web.api.md

@@ -88,11 +88,15 @@ import { ColCount } from '@salutejs/plasma-new-hope/styled-components';
 import { ColOffsetProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
+import { ComboboxPrimitiveValue } from '@salutejs/plasma-new-hope/styled-components';
+import { ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
+import { ComponentClass } from 'react';
 import { ComponentProps } from 'react';
 import { GridProps as ContainerProps } from '@salutejs/plasma-new-hope/styled-components';
 import { convertRoundnessMatrix } from '@salutejs/plasma-core';
 import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types';
 import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
 import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
 import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
@@ -143,6 +147,7 @@ import { HTMLAttributes } from 'react';
 import { ImageProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ImgHTMLAttributes } from 'react';
 import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
+import { InputGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes } from '@salutejs/plasma-core';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
 import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
@@ -167,6 +172,7 @@ import { MouseEvent as MouseEvent_2 } from 'react';
 import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components';
 import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
 import { NotificationProps } from '@salutejs/plasma-new-hope/styled-components';
+import { Orientation } from '@salutejs/plasma-new-hope/types/components/InputGroup/InputGroup.types';
 import { OutlinedProps } from '@salutejs/plasma-core';
 import { Overlay } from '@salutejs/plasma-new-hope/styled-components';
 import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -208,7 +214,9 @@ import { rangeTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { Ratio } from '@salutejs/plasma-new-hope/styled-components';
 import { default as React_2 } from 'react';
 import { ReactElement } from 'react';
+import { ReactFragment } from 'react';
 import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
 import { RectSkeleton } from '@salutejs/plasma-new-hope/styled-components';
 import { RectSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
 import { RefAttributes } from 'react';
@@ -935,6 +943,80 @@ export { ColProps }
 
 export { ColSizeProps }
 
+// @public (undocumented)
+export const Combobox: FunctionComponent<PropsType<    {
+size: {
+xs: PolymorphicClassName;
+s: PolymorphicClassName;
+m: PolymorphicClassName;
+l: PolymorphicClassName;
+};
+view: {
+default: PolymorphicClassName;
+};
+}> & ((Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
+valueType?: "single" | undefined;
+value?: ComboboxPrimitiveValue | undefined;
+onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
+} & RefAttributes<HTMLInputElement>) | (Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
+valueType: "multiple";
+value?: ComboboxPrimitiveValue[] | undefined;
+onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
+} & RefAttributes<HTMLInputElement>))>;
+
+// @public (undocumented)
+export const ComboboxDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
+id?: string | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
+// @public (undocumented)
+export const ComboboxFooter: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
+id?: string | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
+// @public (undocumented)
+export const ComboboxGroup: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
+id?: string | undefined;
+labelClassName?: string | undefined;
+groupClassName?: string | undefined;
+label?: ReactNode;
+role?: string | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
+// @public (undocumented)
+export const ComboboxHeader: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
+id?: string | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
+// @public (undocumented)
+export const ComboboxItem: FunctionComponent<PropsType<Variants> & Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+id?: string | undefined;
+disabled?: boolean | undefined;
+label?: ReactNode;
+role?: string | undefined;
+contentLeft?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined;
+contentRight?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined;
+name?: string | undefined;
+checked?: boolean | undefined;
+text?: string | undefined;
+value?: string | number | boolean | undefined;
+isSelected?: boolean | undefined;
+onClick?: ((event: MouseEvent_2<HTMLDivElement, MouseEvent>) => void) | undefined;
+onSelect?: ((value?: any, text?: any) => void) | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
+export { ComboboxProps }
+
 // @public (undocumented)
 export const Container: FunctionComponent<PropsType<    {
 view: {
@@ -1445,6 +1527,51 @@ view: string;
 
 export { IndicatorProps }
 
+// @public
+export const InputGroup: FunctionComponent<PropsType<    {
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+orientation: {
+horizontal: PolymorphicClassName;
+vertical: PolymorphicClassName;
+};
+gap: {
+none: PolymorphicClassName;
+dense: PolymorphicClassName;
+wide: PolymorphicClassName;
+};
+shape: {
+segmented: PolymorphicClassName;
+default: PolymorphicClassName;
+};
+stretching: {
+auto: PolymorphicClassName;
+filled: PolymorphicClassName;
+};
+}> & ((HTMLAttributes<HTMLDivElement> & {
+orientation?: Orientation | undefined;
+stretching?: ("auto" | "filled") | undefined;
+size?: string | undefined;
+isCommonInputStyles?: boolean | undefined;
+} & {
+gap?: "none" | "dense" | undefined;
+shape?: "segmented" | undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+orientation?: Orientation | undefined;
+stretching?: ("auto" | "filled") | undefined;
+size?: string | undefined;
+isCommonInputStyles?: boolean | undefined;
+} & {
+gap?: "dense" | "wide" | undefined;
+shape?: "default" | undefined;
+} & RefAttributes<HTMLDivElement>))>;
+
+export { InputGroupProps }
+
 export { InputHTMLAttributes }
 
 // @public
@@ -2027,7 +2154,6 @@ listWidth?: Property.Width<string | number> | undefined;
 portal?: string | RefObject<HTMLElement> | undefined;
 renderValue?: ((item: MergedDropdownNode) => string) | undefined;
 renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-closeAfterSelect?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
 chipView?: string | undefined;
@@ -2065,7 +2191,6 @@ listWidth?: Property.Width<string | number> | undefined;
 portal?: string | RefObject<HTMLElement> | undefined;
 renderValue?: ((item: MergedDropdownNode) => string) | undefined;
 renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-closeAfterSelect?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
 chipView?: string | undefined;
@@ -2103,7 +2228,6 @@ listWidth?: Property.Width<string | number> | undefined;
 portal?: string | RefObject<HTMLElement> | undefined;
 renderValue?: ((item: MergedDropdownNode) => string) | undefined;
 renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-closeAfterSelect?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
 chipView?: string | undefined;
@@ -2141,7 +2265,6 @@ listWidth?: Property.Width<string | number> | undefined;
 portal?: string | RefObject<HTMLElement> | undefined;
 renderValue?: ((item: MergedDropdownNode) => string) | undefined;
 renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-closeAfterSelect?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
 chipView?: string | undefined;

package/components/Combobox/Combobox.config.d.ts

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

package/components/Combobox/Combobox.config.js

@@ -0,0 +1,26 @@
+"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;
+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: {
+    size: {
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": auto;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.063rem;\n                ", ": 0;\n                ", ": 0.5rem;\n                ", ": 0;\n                ", ": 0.375rem;\n\n                ", ": auto;\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 1.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.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.5rem;\n                ", ": 2rem;\n                ", ": 100%;\n                ", ": 0.5rem;\n                ", ": 0 2.5rem 0 0.75rem;\n                ", ": 0 2.625rem 0 0.375rem;\n                ", ": 0 2.625rem 0 0.625rem;\n                ", ": 0.5rem;\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                ", ": 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.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": auto;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.063rem;\n                ", ": 0;\n                ", ": 0.75rem;\n                ", ": 0;\n                ", ": 0.75rem;\n\n                ", ": auto;\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 1.75rem;\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                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\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.75rem;\n                ", ": 2.5rem;\n                ", ": 100%;\n                ", ": 0.625rem;\n                ", ": 0 3rem 0 1rem;\n                ", ": 0 3.125rem 0 0.375rem;\n                ", ": 0 3.125rem 0 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\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                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n            "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": auto;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.063rem;\n                ", ": 0;\n                ", ": 0.875rem;\n                ", ": 0;\n                ", ": 0.875rem;\n\n                ", ": auto;\n                ", ": 1.5rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n                ", ": 1.75rem;\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                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1rem;\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.875rem;\n                ", ": 3rem;\n                ", ": 100%;\n                ", ": 0.75rem;\n                ", ": 0 3.25rem 0 1.25rem;\n                ", ": 0 3.375rem 0 0.375rem;\n                ", ": 0 3.375rem 0 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\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                ", ": 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.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": auto;\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.063rem;\n                ", ": 0;\n                ", ": 1rem;\n                ", ": 0;\n                ", ": 1rem;\n\n                ", ": auto;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 1.875rem;\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                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1rem;\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                ", ": 1rem;\n                ", ": 3.5rem;\n                ", ": 100%;\n                ", ": 0.875rem;\n                ", ": 0 3.5rem 0 1.5rem;\n                ", ": 0 3.625rem 0 0.375rem;\n                ", ": 0 3.625rem 0 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\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                ", ": 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            "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight)
+    },
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-tertiary-active);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: \u0417\u0430\u0431\u0438\u0440\u0430\u0442\u044C \u0438\u0437 \u0442\u043E\u043A\u0435\u043D\u0430 --shadow-down-soft-s */\n\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\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\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.comboboxTokens.targetColor, _styledComponents.comboboxTokens.targetLabelColor, _styledComponents.comboboxTokens.targetArrowColor, _styledComponents.comboboxTokens.targetBorderColor, _styledComponents.comboboxTokens.targetBorderColorHover, _styledComponents.comboboxTokens.targetBorderColorActive, _styledComponents.comboboxTokens.targetBorderColorOpen, _styledComponents.comboboxTokens.background, _styledComponents.comboboxTokens.boxShadow, _styledComponents.comboboxTokens.itemBackground, _styledComponents.comboboxTokens.itemBackgroundHover, _styledComponents.comboboxTokens.itemBackgroundSelectedHover, _styledComponents.comboboxTokens.itemColor, _styledComponents.comboboxTokens.itemContentLeftColor, _styledComponents.comboboxTokens.chipCloseIconColor, _styledComponents.comboboxTokens.chipColor, _styledComponents.comboboxTokens.chipBackground, _styledComponents.comboboxTokens.chipColorHover, _styledComponents.comboboxTokens.chipBackgroundHover, _styledComponents.comboboxTokens.chipColorActive, _styledComponents.comboboxTokens.chipBackgroundActive, _styledComponents.comboboxTokens.chipBackgroundReadOnly, _styledComponents.comboboxTokens.chipColorReadOnly, _styledComponents.comboboxTokens.chipBackgroundReadOnlyHover, _styledComponents.comboboxTokens.chipColorReadOnlyHover, _styledComponents.comboboxTokens.chipOpacityReadonly, _styledComponents.comboboxTokens.disabledOpacity, _styledComponents.comboboxTokens.focusColor)
+    }
+  }
+};

package/components/Combobox/Combobox.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+export declare const Combobox: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    size: {
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & ((Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types").CustomComboboxProps & {
+    valueType?: "single" | undefined;
+    value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue | undefined;
+    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue | undefined) => void) | undefined;
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types").CustomComboboxProps & {
+    valueType: "multiple";
+    value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue[] | undefined;
+    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue[] | undefined) => void) | undefined;
+} & import("react").RefAttributes<HTMLInputElement>))>;
+export declare const ComboboxItem: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+    id?: string | undefined;
+    disabled?: boolean | undefined;
+    label?: import("react").ReactNode;
+    role?: string | undefined;
+    contentLeft?: string | number | boolean | import("react").ReactFragment | import("react").ReactPortal | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | null | undefined;
+    contentRight?: string | number | boolean | import("react").ReactFragment | import("react").ReactPortal | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | null | undefined;
+    name?: string | undefined;
+    checked?: boolean | undefined;
+    text?: string | undefined;
+    value?: string | number | boolean | undefined;
+    isSelected?: boolean | undefined;
+    onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    onSelect?: ((value?: any, text?: any) => void) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ComboboxDivider: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
+    id?: string | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ComboboxFooter: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
+    id?: string | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ComboboxGroup: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
+    id?: string | undefined;
+    labelClassName?: string | undefined;
+    groupClassName?: string | undefined;
+    label?: import("react").ReactNode;
+    role?: string | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ComboboxHeader: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
+    id?: string | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/components/Combobox/Combobox.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComboboxItem = exports.ComboboxHeader = exports.ComboboxGroup = exports.ComboboxFooter = exports.ComboboxDivider = exports.Combobox = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Combobox = /*#__PURE__*/require("./Combobox.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxConfig, _Combobox.config);
+var Combobox = exports.Combobox = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var mergedItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxItemConfig);
+var ComboboxItem = exports.ComboboxItem = /*#__PURE__*/(0, _styledComponents.component)(mergedItemConfig);
+var mergedDividerConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxDividerConfig);
+var ComboboxDivider = exports.ComboboxDivider = /*#__PURE__*/(0, _styledComponents.component)(mergedDividerConfig);
+var mergedFooterConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxFooterConfig);
+var ComboboxFooter = exports.ComboboxFooter = /*#__PURE__*/(0, _styledComponents.component)(mergedFooterConfig);
+var mergedGroupConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxGroupConfig);
+var ComboboxGroup = exports.ComboboxGroup = /*#__PURE__*/(0, _styledComponents.component)(mergedGroupConfig);
+var mergedHeaderConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxHeaderConfig);
+var ComboboxHeader = exports.ComboboxHeader = /*#__PURE__*/(0, _styledComponents.component)(mergedHeaderConfig);

package/components/Combobox/index.d.ts

@@ -0,0 +1,2 @@
+export { Combobox, ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Combobox';
+export type { ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';

package/components/Combobox/index.js

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

package/components/InputGroup/InputGroup.config.d.ts

@@ -0,0 +1,30 @@
+export declare const config: {
+    defaults: {
+        size: string;
+    };
+    variations: {
+        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;
+        };
+        orientation: {
+            horizontal: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            vertical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        gap: {
+            none: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            dense: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            wide: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        shape: {
+            segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        stretching: {
+            auto: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/InputGroup/InputGroup.config.js

@@ -0,0 +1,39 @@
+"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, _templateObject13;
+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: {
+    size: 'm'
+  },
+  variations: {
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\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            "])), _styledComponents.inputGroupTokens.inputDefaultRadius, _styledComponents.inputGroupTokens.inputSegmentedRadius, _styledComponents.inputGroupTokens.inputSideRadius, _styledComponents.inputGroupTokens.height, _styledComponents.inputGroupTokens.padding, _styledComponents.inputGroupTokens.paddingWithChips, _styledComponents.inputGroupTokens.leftContentMargin, _styledComponents.inputGroupTokens.rightContentMargin, _styledComponents.inputGroupTokens.textBeforeMargin, _styledComponents.inputGroupTokens.textAfterMargin, _styledComponents.inputGroupTokens.fontFamily, _styledComponents.inputGroupTokens.fontSize, _styledComponents.inputGroupTokens.fontStyle, _styledComponents.inputGroupTokens.fontWeight, _styledComponents.inputGroupTokens.letterSpacing, _styledComponents.inputGroupTokens.lineHeight, _styledComponents.inputGroupTokens.labelOffset, _styledComponents.inputGroupTokens.labelFontFamily, _styledComponents.inputGroupTokens.labelFontSize, _styledComponents.inputGroupTokens.labelFontStyle, _styledComponents.inputGroupTokens.labelFontWeight, _styledComponents.inputGroupTokens.labelLetterSpacing, _styledComponents.inputGroupTokens.labelLineHeight, _styledComponents.inputGroupTokens.leftHelperOffset, _styledComponents.inputGroupTokens.leftHelperFontFamily, _styledComponents.inputGroupTokens.leftHelperFontSize, _styledComponents.inputGroupTokens.leftHelperFontStyle, _styledComponents.inputGroupTokens.leftHelperFontWeight, _styledComponents.inputGroupTokens.leftHelperLetterSpacing, _styledComponents.inputGroupTokens.leftHelperLineHeight, _styledComponents.inputGroupTokens.labelInnerPadding, _styledComponents.inputGroupTokens.contentLabelInnerPadding, _styledComponents.inputGroupTokens.chipGap, _styledComponents.inputGroupTokens.chipBorderRadius, _styledComponents.inputGroupTokens.chipWidth, _styledComponents.inputGroupTokens.chipHeight, _styledComponents.inputGroupTokens.chipPaddingRight, _styledComponents.inputGroupTokens.chipPaddingLeft, _styledComponents.inputGroupTokens.chipClearContentMarginLeft, _styledComponents.inputGroupTokens.chipClearContentMarginRight, _styledComponents.inputGroupTokens.chipCloseIconSize, _styledComponents.inputGroupTokens.chipFontFamily, _styledComponents.inputGroupTokens.chipFontSize, _styledComponents.inputGroupTokens.chipFontStyle, _styledComponents.inputGroupTokens.chipFontWeight, _styledComponents.inputGroupTokens.chipLetterSpacing, _styledComponents.inputGroupTokens.chipLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\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            "])), _styledComponents.inputGroupTokens.inputDefaultRadius, _styledComponents.inputGroupTokens.inputSegmentedRadius, _styledComponents.inputGroupTokens.inputSideRadius, _styledComponents.inputGroupTokens.height, _styledComponents.inputGroupTokens.padding, _styledComponents.inputGroupTokens.paddingWithChips, _styledComponents.inputGroupTokens.leftContentMargin, _styledComponents.inputGroupTokens.rightContentMargin, _styledComponents.inputGroupTokens.textBeforeMargin, _styledComponents.inputGroupTokens.textAfterMargin, _styledComponents.inputGroupTokens.fontFamily, _styledComponents.inputGroupTokens.fontSize, _styledComponents.inputGroupTokens.fontStyle, _styledComponents.inputGroupTokens.fontWeight, _styledComponents.inputGroupTokens.letterSpacing, _styledComponents.inputGroupTokens.lineHeight, _styledComponents.inputGroupTokens.labelOffset, _styledComponents.inputGroupTokens.labelFontFamily, _styledComponents.inputGroupTokens.labelFontSize, _styledComponents.inputGroupTokens.labelFontStyle, _styledComponents.inputGroupTokens.labelFontWeight, _styledComponents.inputGroupTokens.labelLetterSpacing, _styledComponents.inputGroupTokens.labelLineHeight, _styledComponents.inputGroupTokens.leftHelperOffset, _styledComponents.inputGroupTokens.leftHelperFontFamily, _styledComponents.inputGroupTokens.leftHelperFontSize, _styledComponents.inputGroupTokens.leftHelperFontStyle, _styledComponents.inputGroupTokens.leftHelperFontWeight, _styledComponents.inputGroupTokens.leftHelperLetterSpacing, _styledComponents.inputGroupTokens.leftHelperLineHeight, _styledComponents.inputGroupTokens.labelInnerPadding, _styledComponents.inputGroupTokens.contentLabelInnerPadding, _styledComponents.inputGroupTokens.chipGap, _styledComponents.inputGroupTokens.chipBorderRadius, _styledComponents.inputGroupTokens.chipWidth, _styledComponents.inputGroupTokens.chipHeight, _styledComponents.inputGroupTokens.chipPaddingRight, _styledComponents.inputGroupTokens.chipPaddingLeft, _styledComponents.inputGroupTokens.chipClearContentMarginLeft, _styledComponents.inputGroupTokens.chipClearContentMarginRight, _styledComponents.inputGroupTokens.chipCloseIconSize, _styledComponents.inputGroupTokens.chipFontFamily, _styledComponents.inputGroupTokens.chipFontSize, _styledComponents.inputGroupTokens.chipFontStyle, _styledComponents.inputGroupTokens.chipFontWeight, _styledComponents.inputGroupTokens.chipLetterSpacing, _styledComponents.inputGroupTokens.chipLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\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            "])), _styledComponents.inputGroupTokens.inputSegmentedRadius, _styledComponents.inputGroupTokens.inputSideRadius, _styledComponents.inputGroupTokens.inputDefaultRadius, _styledComponents.inputGroupTokens.height, _styledComponents.inputGroupTokens.padding, _styledComponents.inputGroupTokens.paddingWithChips, _styledComponents.inputGroupTokens.leftContentMargin, _styledComponents.inputGroupTokens.rightContentMargin, _styledComponents.inputGroupTokens.textBeforeMargin, _styledComponents.inputGroupTokens.textAfterMargin, _styledComponents.inputGroupTokens.fontFamily, _styledComponents.inputGroupTokens.fontSize, _styledComponents.inputGroupTokens.fontStyle, _styledComponents.inputGroupTokens.fontWeight, _styledComponents.inputGroupTokens.letterSpacing, _styledComponents.inputGroupTokens.lineHeight, _styledComponents.inputGroupTokens.labelOffset, _styledComponents.inputGroupTokens.labelFontFamily, _styledComponents.inputGroupTokens.labelFontSize, _styledComponents.inputGroupTokens.labelFontStyle, _styledComponents.inputGroupTokens.labelFontWeight, _styledComponents.inputGroupTokens.labelLetterSpacing, _styledComponents.inputGroupTokens.labelLineHeight, _styledComponents.inputGroupTokens.leftHelperOffset, _styledComponents.inputGroupTokens.leftHelperFontFamily, _styledComponents.inputGroupTokens.leftHelperFontSize, _styledComponents.inputGroupTokens.leftHelperFontStyle, _styledComponents.inputGroupTokens.leftHelperFontWeight, _styledComponents.inputGroupTokens.leftHelperLetterSpacing, _styledComponents.inputGroupTokens.leftHelperLineHeight, _styledComponents.inputGroupTokens.labelInnerPadding, _styledComponents.inputGroupTokens.contentLabelInnerPadding, _styledComponents.inputGroupTokens.chipGap, _styledComponents.inputGroupTokens.chipBorderRadius, _styledComponents.inputGroupTokens.chipWidth, _styledComponents.inputGroupTokens.chipHeight, _styledComponents.inputGroupTokens.chipPaddingRight, _styledComponents.inputGroupTokens.chipPaddingLeft, _styledComponents.inputGroupTokens.chipClearContentMarginLeft, _styledComponents.inputGroupTokens.chipClearContentMarginRight, _styledComponents.inputGroupTokens.chipCloseIconSize, _styledComponents.inputGroupTokens.chipFontFamily, _styledComponents.inputGroupTokens.chipFontSize, _styledComponents.inputGroupTokens.chipFontStyle, _styledComponents.inputGroupTokens.chipFontWeight, _styledComponents.inputGroupTokens.chipLetterSpacing, _styledComponents.inputGroupTokens.chipLineHeight),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\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            "])), _styledComponents.inputGroupTokens.inputSegmentedRadius, _styledComponents.inputGroupTokens.inputDefaultRadius, _styledComponents.inputGroupTokens.inputSideRadius, _styledComponents.inputGroupTokens.height, _styledComponents.inputGroupTokens.padding, _styledComponents.inputGroupTokens.paddingWithChips, _styledComponents.inputGroupTokens.leftContentMargin, _styledComponents.inputGroupTokens.rightContentMargin, _styledComponents.inputGroupTokens.textBeforeMargin, _styledComponents.inputGroupTokens.textAfterMargin, _styledComponents.inputGroupTokens.fontFamily, _styledComponents.inputGroupTokens.fontSize, _styledComponents.inputGroupTokens.fontStyle, _styledComponents.inputGroupTokens.fontWeight, _styledComponents.inputGroupTokens.letterSpacing, _styledComponents.inputGroupTokens.lineHeight, _styledComponents.inputGroupTokens.labelOffset, _styledComponents.inputGroupTokens.labelFontFamily, _styledComponents.inputGroupTokens.labelFontSize, _styledComponents.inputGroupTokens.labelFontStyle, _styledComponents.inputGroupTokens.labelFontWeight, _styledComponents.inputGroupTokens.labelLetterSpacing, _styledComponents.inputGroupTokens.labelLineHeight, _styledComponents.inputGroupTokens.leftHelperOffset, _styledComponents.inputGroupTokens.leftHelperFontFamily, _styledComponents.inputGroupTokens.leftHelperFontSize, _styledComponents.inputGroupTokens.leftHelperFontStyle, _styledComponents.inputGroupTokens.leftHelperFontWeight, _styledComponents.inputGroupTokens.leftHelperLetterSpacing, _styledComponents.inputGroupTokens.leftHelperLineHeight, _styledComponents.inputGroupTokens.labelInnerPadding, _styledComponents.inputGroupTokens.contentLabelInnerPadding, _styledComponents.inputGroupTokens.chipGap, _styledComponents.inputGroupTokens.chipBorderRadius, _styledComponents.inputGroupTokens.chipWidth, _styledComponents.inputGroupTokens.chipHeight, _styledComponents.inputGroupTokens.chipPaddingRight, _styledComponents.inputGroupTokens.chipPaddingLeft, _styledComponents.inputGroupTokens.chipClearContentMarginLeft, _styledComponents.inputGroupTokens.chipClearContentMarginRight, _styledComponents.inputGroupTokens.chipCloseIconSize, _styledComponents.inputGroupTokens.chipFontFamily, _styledComponents.inputGroupTokens.chipFontSize, _styledComponents.inputGroupTokens.chipFontStyle, _styledComponents.inputGroupTokens.chipFontWeight, _styledComponents.inputGroupTokens.chipLetterSpacing, _styledComponents.inputGroupTokens.chipLineHeight)
+    },
+    orientation: {
+      horizontal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": row;\n            "])), _styledComponents.inputGroupTokens.inputGroupOrientation),
+      vertical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": column;\n            "])), _styledComponents.inputGroupTokens.inputGroupOrientation)
+    },
+    gap: {
+      none: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0;\n                ", ": -0.063rem;\n                ", ": inset(0 0.063rem 0 0);\n                ", ": -0.063rem;\n                ", ": inset(0.063rem 0 0 0);\n            "])), _styledComponents.inputGroupTokens.inputGroupItemsGap, _styledComponents.inputGroupTokens.inputGroupWebMarginLeft, _styledComponents.inputGroupTokens.inputGroupWebClipPath, _styledComponents.inputGroupTokens.inputGroupWebMarginTop, _styledComponents.inputGroupTokens.inputGroupWebVerticalClipPath),
+      dense: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n            "])), _styledComponents.inputGroupTokens.inputGroupItemsGap),
+      wide: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n            "])), _styledComponents.inputGroupTokens.inputGroupItemsGap)
+    },
+    shape: {
+      segmented: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    },
+    stretching: {
+      auto: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    }
+  }
+};

package/components/InputGroup/InputGroup.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+/**
+ * Группа Input.
+ */
+export declare const InputGroup: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    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;
+    };
+    orientation: {
+        horizontal: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        vertical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    gap: {
+        none: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        dense: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        wide: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    shape: {
+        segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    stretching: {
+        auto: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+    orientation?: import("@salutejs/plasma-new-hope/types/components/InputGroup/InputGroup.types").Orientation | undefined;
+    stretching?: ("auto" | "filled") | undefined;
+    size?: string | undefined;
+    isCommonInputStyles?: boolean | undefined;
+} & {
+    gap?: "none" | "dense" | undefined;
+    shape?: "segmented" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    orientation?: import("@salutejs/plasma-new-hope/types/components/InputGroup/InputGroup.types").Orientation | undefined;
+    stretching?: ("auto" | "filled") | undefined;
+    size?: string | undefined;
+    isCommonInputStyles?: boolean | undefined;
+} & {
+    gap?: "dense" | "wide" | undefined;
+    shape?: "default" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;

package/components/InputGroup/InputGroup.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputGroup = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _InputGroup = /*#__PURE__*/require("./InputGroup.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.inputGroupConfig, _InputGroup.config);
+
+/**
+ * Группа Input.
+ */
+var InputGroup = exports.InputGroup = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);

package/components/InputGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { InputGroup } from './InputGroup';
+export type { InputGroupProps } from '@salutejs/plasma-new-hope/styled-components';