@salutejs/plasma-b2c 1.412.1-canary.1471.11182853822.0 → 1.413.0-canary.1470.11191908547.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,4 +1,34 @@
1
1
  import { comboboxNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ // import React from 'react';
3
+
2
4
  import { config } from './Combobox.config';
3
5
  var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
4
- export var Combobox = /*#__PURE__*/component(mergedConfig);
6
+ export var ComboboxComponent = /*#__PURE__*/component(mergedConfig);
7
+ var Combobox = ComboboxComponent;
8
+ export { Combobox };
9
+
10
+ // const items = [
11
+ // {
12
+ // value: 'north_america',
13
+ // label: 'Северная Америка',
14
+ // name: 'dima',
15
+ // },
16
+ // {
17
+ // value: 'north_america',
18
+ // label: 'Северная Америка',
19
+ // name: 'dima',
20
+ // },
21
+ // ];
22
+ //
23
+ // const Func = () => {
24
+ // return (
25
+ // <Combobox
26
+ // items={items}
27
+ // renderItem={(item) => {
28
+ // console.log(item);
29
+ //
30
+ // return <div>123</div>;
31
+ // }}
32
+ // />
33
+ // );
34
+ // };
@@ -8,21 +8,21 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  size: {
11
- xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem 0.5rem 0 0;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 1.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\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 ", ": 0rem;\n ", ": 0rem;\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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.675rem auto auto;\n ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n\n ", ": 0.313rem;\n ", ": 0.125rem;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth),
12
- s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem 0.625rem 0 0;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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-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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n\n ", ": 0.313rem;\n ", ": 0.125rem;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth),
13
- m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem 0.75rem 0 0;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 2.125rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.1875rem -0.625rem auto auto;\n ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n\n ", ": 0.313rem;\n ", ": 0.125rem;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth),
14
- l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem 0.875rem 0 0;\n ", ": 1.063rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\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 ", ": 0.5625rem;\n ", ": 0.125rem;\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-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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n\n ", ": 0.313rem;\n ", ": 0.125rem;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth)
11
+ xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem 0.5rem 0 0;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 1.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\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 ", ": 0rem;\n ", ": 0rem;\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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.675rem auto auto;\n ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight),
12
+ s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem 0.625rem 0 0;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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-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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight),
13
+ m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem 0.75rem 0 0;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 2.125rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.1875rem -0.625rem auto auto;\n ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight),
14
+ l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem 0.875rem 0 0;\n ", ": 1.063rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\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 ", ": 0.5625rem;\n ", ": 0.125rem;\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-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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight)
15
15
  },
16
16
  view: {
17
- "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
18
- positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-hover);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-hover);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
17
+ "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
18
+ positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-hover);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-hover);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
19
19
  /**
20
20
  * @deprecated
21
21
  * использовать `default`
22
22
  */
23
- primary: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
24
- warning: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-hover);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-hover);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--surface-transparent-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-warning);\n ", ": var(--text-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
25
- negative: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-hover);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-hover);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus)
23
+ primary: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
24
+ warning: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-hover);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-hover);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--surface-transparent-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-warning);\n ", ": var(--text-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
25
+ negative: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-hover);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-hover);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus)
26
26
  },
27
27
  clear: {
28
28
  "true": /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-b2c",
3
- "version": "1.412.1-canary.1471.11182853822.0",
3
+ "version": "1.413.0-canary.1470.11191908547.0",
4
4
  "description": "Salute Design System / React UI kit for business-related web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -44,7 +44,7 @@
44
44
  "dependencies": {
45
45
  "@salutejs/plasma-core": "1.180.0",
46
46
  "@salutejs/plasma-hope": "1.313.0",
47
- "@salutejs/plasma-new-hope": "0.161.1-canary.1471.11182853822.0",
47
+ "@salutejs/plasma-new-hope": "0.162.0-canary.1470.11191908547.0",
48
48
  "@salutejs/plasma-themes": "0.18.0",
49
49
  "@salutejs/plasma-tokens-b2c": "0.52.0",
50
50
  "@salutejs/plasma-tokens-web": "1.57.0",
@@ -109,5 +109,5 @@
109
109
  "react"
110
110
  ],
111
111
  "sideEffects": false,
112
- "gitHead": "6feff98a6b4c1705f88f2b2158c501714e3909f2"
112
+ "gitHead": "a5419bb3774fd80c76357a84f021a153fbd23782"
113
113
  }
@@ -40,7 +40,6 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
40
40
  import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
41
41
  import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
42
42
  import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
43
- import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types';
44
43
  import { BlurProps } from '@salutejs/plasma-core';
45
44
  import { blurs } from '@salutejs/plasma-core';
46
45
  import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
@@ -93,6 +92,7 @@ import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
93
92
  import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
94
93
  import { ComboboxPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
95
94
  import { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
95
+ import { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope/styled-components';
96
96
  import { ComponentClass } from 'react';
97
97
  import { ComponentProps } from 'react';
98
98
  import { GridProps as ContainerProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -154,6 +154,7 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
154
154
  import { InputHTMLAttributes } from '@salutejs/plasma-core';
155
155
  import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
156
156
  import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
157
+ import { ItemOption } from '@salutejs/plasma-new-hope/styled-components';
157
158
  import { JSXElementConstructor } from 'react';
158
159
  import { KeyboardEvent as KeyboardEvent_2 } from 'react';
159
160
  import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -1224,6 +1225,38 @@ export { ColSizeProps }
1224
1225
 
1225
1226
  // @public (undocumented)
1226
1227
  export const Combobox: React_2.ForwardRefExoticComponent<(Omit<PropsType< {
1228
+ size: {
1229
+ xs: PolymorphicClassName;
1230
+ s: PolymorphicClassName;
1231
+ m: PolymorphicClassName;
1232
+ l: PolymorphicClassName;
1233
+ };
1234
+ view: {
1235
+ default: PolymorphicClassName;
1236
+ };
1237
+ }> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
1238
+ valueType?: "single" | undefined;
1239
+ value?: ComboboxPrimitiveValue | undefined;
1240
+ onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
1241
+ } & React_2.RefAttributes<HTMLInputElement> & {
1242
+ items?: undefined;
1243
+ }, "ref"> | Omit<PropsType< {
1244
+ size: {
1245
+ xs: PolymorphicClassName;
1246
+ s: PolymorphicClassName;
1247
+ m: PolymorphicClassName;
1248
+ l: PolymorphicClassName;
1249
+ };
1250
+ view: {
1251
+ default: PolymorphicClassName;
1252
+ };
1253
+ }> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
1254
+ valueType: "multiple";
1255
+ value?: ComboboxPrimitiveValue[] | undefined;
1256
+ onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
1257
+ } & React_2.RefAttributes<HTMLInputElement> & {
1258
+ items?: undefined;
1259
+ }, "ref"> | Omit<Omit<ComboboxProps_2<ItemOption>, "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & Pick<PropsType< {
1227
1260
  view: {
1228
1261
  default: PolymorphicClassName;
1229
1262
  positive: PolymorphicClassName;
@@ -1246,7 +1279,27 @@ true: PolymorphicClassName;
1246
1279
  readOnly: {
1247
1280
  true: PolymorphicClassName;
1248
1281
  };
1249
- }> & BasicProps & {
1282
+ }> & (({
1283
+ items: ItemOption[];
1284
+ placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
1285
+ label?: string | undefined;
1286
+ placeholder?: string | undefined;
1287
+ helperText?: string | undefined;
1288
+ contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
1289
+ textBefore?: string | undefined;
1290
+ textAfter?: string | undefined;
1291
+ variant?: "normal" | "tight" | undefined;
1292
+ listOverflow?: Property.Overflow | undefined;
1293
+ listHeight?: Property.Height<string | number> | undefined;
1294
+ listWidth?: Property.Width<string | number> | undefined;
1295
+ portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
1296
+ renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
1297
+ filter?: ((label: string, textValue: string) => boolean) | undefined;
1298
+ closeAfterSelect?: boolean | undefined;
1299
+ size?: string | undefined;
1300
+ view?: string | undefined;
1301
+ labelPlacement?: "outer" | "inner" | undefined;
1302
+ } & {
1250
1303
  readOnly?: boolean | undefined;
1251
1304
  disabled?: true | undefined;
1252
1305
  alwaysOpened?: false | undefined;
@@ -1255,30 +1308,27 @@ true: PolymorphicClassName;
1255
1308
  value?: string | undefined;
1256
1309
  onChange?: ((value: string) => void) | undefined;
1257
1310
  isTargetAmount?: false | undefined;
1258
- } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType< {
1259
- view: {
1260
- default: PolymorphicClassName;
1261
- positive: PolymorphicClassName;
1262
- warning: PolymorphicClassName;
1263
- negative: PolymorphicClassName;
1264
- };
1265
- size: {
1266
- l: PolymorphicClassName;
1267
- m: PolymorphicClassName;
1268
- s: PolymorphicClassName;
1269
- xs: PolymorphicClassName;
1270
- };
1271
- labelPlacement: {
1272
- inner: PolymorphicClassName;
1273
- outer: PolymorphicClassName;
1274
- };
1275
- disabled: {
1276
- true: PolymorphicClassName;
1277
- };
1278
- readOnly: {
1279
- true: PolymorphicClassName;
1280
- };
1281
- }> & BasicProps & {
1311
+ } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
1312
+ items: ItemOption[];
1313
+ placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
1314
+ label?: string | undefined;
1315
+ placeholder?: string | undefined;
1316
+ helperText?: string | undefined;
1317
+ contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
1318
+ textBefore?: string | undefined;
1319
+ textAfter?: string | undefined;
1320
+ variant?: "normal" | "tight" | undefined;
1321
+ listOverflow?: Property.Overflow | undefined;
1322
+ listHeight?: Property.Height<string | number> | undefined;
1323
+ listWidth?: Property.Width<string | number> | undefined;
1324
+ portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
1325
+ renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
1326
+ filter?: ((label: string, textValue: string) => boolean) | undefined;
1327
+ closeAfterSelect?: boolean | undefined;
1328
+ size?: string | undefined;
1329
+ view?: string | undefined;
1330
+ labelPlacement?: "outer" | "inner" | undefined;
1331
+ } & {
1282
1332
  readOnly?: boolean | undefined;
1283
1333
  disabled?: true | undefined;
1284
1334
  alwaysOpened?: false | undefined;
@@ -1287,30 +1337,27 @@ true: PolymorphicClassName;
1287
1337
  value?: string[] | undefined;
1288
1338
  onChange?: ((value: string[]) => void) | undefined;
1289
1339
  isTargetAmount?: boolean | undefined;
1290
- } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType< {
1291
- view: {
1292
- default: PolymorphicClassName;
1293
- positive: PolymorphicClassName;
1294
- warning: PolymorphicClassName;
1295
- negative: PolymorphicClassName;
1296
- };
1297
- size: {
1298
- l: PolymorphicClassName;
1299
- m: PolymorphicClassName;
1300
- s: PolymorphicClassName;
1301
- xs: PolymorphicClassName;
1302
- };
1303
- labelPlacement: {
1304
- inner: PolymorphicClassName;
1305
- outer: PolymorphicClassName;
1306
- };
1307
- disabled: {
1308
- true: PolymorphicClassName;
1309
- };
1310
- readOnly: {
1311
- true: PolymorphicClassName;
1312
- };
1313
- }> & BasicProps & {
1340
+ } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
1341
+ items: ItemOption[];
1342
+ placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
1343
+ label?: string | undefined;
1344
+ placeholder?: string | undefined;
1345
+ helperText?: string | undefined;
1346
+ contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
1347
+ textBefore?: string | undefined;
1348
+ textAfter?: string | undefined;
1349
+ variant?: "normal" | "tight" | undefined;
1350
+ listOverflow?: Property.Overflow | undefined;
1351
+ listHeight?: Property.Height<string | number> | undefined;
1352
+ listWidth?: Property.Width<string | number> | undefined;
1353
+ portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
1354
+ renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
1355
+ filter?: ((label: string, textValue: string) => boolean) | undefined;
1356
+ closeAfterSelect?: boolean | undefined;
1357
+ size?: string | undefined;
1358
+ view?: string | undefined;
1359
+ labelPlacement?: "outer" | "inner" | undefined;
1360
+ } & {
1314
1361
  readOnly?: true | undefined;
1315
1362
  disabled?: boolean | undefined;
1316
1363
  alwaysOpened?: false | undefined;
@@ -1319,30 +1366,27 @@ true: PolymorphicClassName;
1319
1366
  value?: string | undefined;
1320
1367
  onChange?: ((value: string) => void) | undefined;
1321
1368
  isTargetAmount?: false | undefined;
1322
- } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType< {
1323
- view: {
1324
- default: PolymorphicClassName;
1325
- positive: PolymorphicClassName;
1326
- warning: PolymorphicClassName;
1327
- negative: PolymorphicClassName;
1328
- };
1329
- size: {
1330
- l: PolymorphicClassName;
1331
- m: PolymorphicClassName;
1332
- s: PolymorphicClassName;
1333
- xs: PolymorphicClassName;
1334
- };
1335
- labelPlacement: {
1336
- inner: PolymorphicClassName;
1337
- outer: PolymorphicClassName;
1338
- };
1339
- disabled: {
1340
- true: PolymorphicClassName;
1341
- };
1342
- readOnly: {
1343
- true: PolymorphicClassName;
1344
- };
1345
- }> & BasicProps & {
1369
+ } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
1370
+ items: ItemOption[];
1371
+ placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
1372
+ label?: string | undefined;
1373
+ placeholder?: string | undefined;
1374
+ helperText?: string | undefined;
1375
+ contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
1376
+ textBefore?: string | undefined;
1377
+ textAfter?: string | undefined;
1378
+ variant?: "normal" | "tight" | undefined;
1379
+ listOverflow?: Property.Overflow | undefined;
1380
+ listHeight?: Property.Height<string | number> | undefined;
1381
+ listWidth?: Property.Width<string | number> | undefined;
1382
+ portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
1383
+ renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
1384
+ filter?: ((label: string, textValue: string) => boolean) | undefined;
1385
+ closeAfterSelect?: boolean | undefined;
1386
+ size?: string | undefined;
1387
+ view?: string | undefined;
1388
+ labelPlacement?: "outer" | "inner" | undefined;
1389
+ } & {
1346
1390
  readOnly?: true | undefined;
1347
1391
  disabled?: boolean | undefined;
1348
1392
  alwaysOpened?: false | undefined;
@@ -1351,30 +1395,27 @@ true: PolymorphicClassName;
1351
1395
  value?: string[] | undefined;
1352
1396
  onChange?: ((value: string[]) => void) | undefined;
1353
1397
  isTargetAmount?: boolean | undefined;
1354
- } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType< {
1355
- view: {
1356
- default: PolymorphicClassName;
1357
- positive: PolymorphicClassName;
1358
- warning: PolymorphicClassName;
1359
- negative: PolymorphicClassName;
1360
- };
1361
- size: {
1362
- l: PolymorphicClassName;
1363
- m: PolymorphicClassName;
1364
- s: PolymorphicClassName;
1365
- xs: PolymorphicClassName;
1366
- };
1367
- labelPlacement: {
1368
- inner: PolymorphicClassName;
1369
- outer: PolymorphicClassName;
1370
- };
1371
- disabled: {
1372
- true: PolymorphicClassName;
1373
- };
1374
- readOnly: {
1375
- true: PolymorphicClassName;
1376
- };
1377
- }> & BasicProps & {
1398
+ } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
1399
+ items: ItemOption[];
1400
+ placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
1401
+ label?: string | undefined;
1402
+ placeholder?: string | undefined;
1403
+ helperText?: string | undefined;
1404
+ contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
1405
+ textBefore?: string | undefined;
1406
+ textAfter?: string | undefined;
1407
+ variant?: "normal" | "tight" | undefined;
1408
+ listOverflow?: Property.Overflow | undefined;
1409
+ listHeight?: Property.Height<string | number> | undefined;
1410
+ listWidth?: Property.Width<string | number> | undefined;
1411
+ portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
1412
+ renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
1413
+ filter?: ((label: string, textValue: string) => boolean) | undefined;
1414
+ closeAfterSelect?: boolean | undefined;
1415
+ size?: string | undefined;
1416
+ view?: string | undefined;
1417
+ labelPlacement?: "outer" | "inner" | undefined;
1418
+ } & {
1378
1419
  readOnly?: false | undefined;
1379
1420
  disabled?: false | undefined;
1380
1421
  alwaysOpened?: true | undefined;
@@ -1383,30 +1424,27 @@ true: PolymorphicClassName;
1383
1424
  value?: string | undefined;
1384
1425
  onChange?: ((value: string) => void) | undefined;
1385
1426
  isTargetAmount?: false | undefined;
1386
- } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType< {
1387
- view: {
1388
- default: PolymorphicClassName;
1389
- positive: PolymorphicClassName;
1390
- warning: PolymorphicClassName;
1391
- negative: PolymorphicClassName;
1392
- };
1393
- size: {
1394
- l: PolymorphicClassName;
1395
- m: PolymorphicClassName;
1396
- s: PolymorphicClassName;
1397
- xs: PolymorphicClassName;
1398
- };
1399
- labelPlacement: {
1400
- inner: PolymorphicClassName;
1401
- outer: PolymorphicClassName;
1402
- };
1403
- disabled: {
1404
- true: PolymorphicClassName;
1405
- };
1406
- readOnly: {
1407
- true: PolymorphicClassName;
1408
- };
1409
- }> & BasicProps & {
1427
+ } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
1428
+ items: ItemOption[];
1429
+ placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
1430
+ label?: string | undefined;
1431
+ placeholder?: string | undefined;
1432
+ helperText?: string | undefined;
1433
+ contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
1434
+ textBefore?: string | undefined;
1435
+ textAfter?: string | undefined;
1436
+ variant?: "normal" | "tight" | undefined;
1437
+ listOverflow?: Property.Overflow | undefined;
1438
+ listHeight?: Property.Height<string | number> | undefined;
1439
+ listWidth?: Property.Width<string | number> | undefined;
1440
+ portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
1441
+ renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
1442
+ filter?: ((label: string, textValue: string) => boolean) | undefined;
1443
+ closeAfterSelect?: boolean | undefined;
1444
+ size?: string | undefined;
1445
+ view?: string | undefined;
1446
+ labelPlacement?: "outer" | "inner" | undefined;
1447
+ } & {
1410
1448
  readOnly?: false | undefined;
1411
1449
  disabled?: false | undefined;
1412
1450
  alwaysOpened?: true | undefined;
@@ -1415,38 +1453,8 @@ true: PolymorphicClassName;
1415
1453
  value?: string[] | undefined;
1416
1454
  onChange?: ((value: string[]) => void) | undefined;
1417
1455
  isTargetAmount?: boolean | undefined;
1418
- } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType< {
1419
- size: {
1420
- xs: PolymorphicClassName;
1421
- s: PolymorphicClassName;
1422
- m: PolymorphicClassName;
1423
- l: PolymorphicClassName;
1424
- };
1425
- view: {
1426
- default: PolymorphicClassName;
1427
- };
1428
- }> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
1429
- valueType?: "single" | undefined;
1430
- value?: ComboboxPrimitiveValue | undefined;
1431
- onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
1432
- } & React_2.RefAttributes<HTMLInputElement> & {
1433
- items?: undefined;
1434
- }, "ref"> | Omit<PropsType< {
1435
- size: {
1436
- xs: PolymorphicClassName;
1437
- s: PolymorphicClassName;
1438
- m: PolymorphicClassName;
1439
- l: PolymorphicClassName;
1440
- };
1441
- view: {
1442
- default: PolymorphicClassName;
1443
- };
1444
- }> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
1445
- valueType: "multiple";
1446
- value?: ComboboxPrimitiveValue[] | undefined;
1447
- onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
1448
- } & React_2.RefAttributes<HTMLInputElement> & {
1449
- items?: undefined;
1456
+ } & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
1457
+ ref?: React_2.ForwardedRef<HTMLInputElement> | undefined;
1450
1458
  }, "ref">) & React_2.RefAttributes<HTMLInputElement>>;
1451
1459
 
1452
1460
  // @public (undocumented)