@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.
- package/api/plasma-b2c.api.md +162 -154
- package/components/Combobox/Combobox.d.ts +135 -8
- package/components/Combobox/Combobox.js +31 -2
- package/components/Combobox/index.d.ts +160 -153
- package/components/TextArea/TextArea.config.js +9 -9
- package/css/cjs/components/Combobox/Combobox.js +29 -1
- package/css/cjs/components/Combobox/Combobox.js.map +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/css/cjs/components/TextArea/{TextArea.config_1392z53.css → TextArea.config_a2j9a9.css} +9 -9
- package/css/cjs/components/TextArea/TextArea.css +10 -10
- package/css/cjs/index.css +11 -11
- package/css/es/components/Combobox/Combobox.js +29 -2
- package/css/es/components/Combobox/Combobox.js.map +1 -1
- package/css/es/components/TextArea/TextArea.config.js +1 -1
- package/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/css/es/components/TextArea/{TextArea.config_1392z53.css → TextArea.config_a2j9a9.css} +9 -9
- package/css/es/components/TextArea/TextArea.css +10 -10
- package/css/es/index.css +11 -11
- package/es/components/Combobox/Combobox.js +31 -1
- package/es/components/TextArea/TextArea.config.js +9 -9
- package/package.json +3 -3
- package/temp/plasma-b2c.api.md +162 -154
@@ -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
|
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
|
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
|
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
|
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
|
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(--
|
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-
|
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(--
|
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-
|
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-
|
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.
|
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.
|
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": "
|
112
|
+
"gitHead": "a5419bb3774fd80c76357a84f021a153fbd23782"
|
113
113
|
}
|
package/temp/plasma-b2c.api.md
CHANGED
@@ -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
|
-
}> &
|
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
|
1259
|
-
|
1260
|
-
|
1261
|
-
|
1262
|
-
|
1263
|
-
|
1264
|
-
|
1265
|
-
|
1266
|
-
|
1267
|
-
|
1268
|
-
|
1269
|
-
|
1270
|
-
|
1271
|
-
|
1272
|
-
|
1273
|
-
|
1274
|
-
|
1275
|
-
|
1276
|
-
|
1277
|
-
|
1278
|
-
|
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
|
1291
|
-
|
1292
|
-
|
1293
|
-
|
1294
|
-
|
1295
|
-
|
1296
|
-
|
1297
|
-
|
1298
|
-
|
1299
|
-
|
1300
|
-
|
1301
|
-
|
1302
|
-
|
1303
|
-
|
1304
|
-
|
1305
|
-
|
1306
|
-
|
1307
|
-
|
1308
|
-
|
1309
|
-
|
1310
|
-
|
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
|
1323
|
-
|
1324
|
-
|
1325
|
-
|
1326
|
-
|
1327
|
-
|
1328
|
-
|
1329
|
-
|
1330
|
-
|
1331
|
-
|
1332
|
-
|
1333
|
-
|
1334
|
-
|
1335
|
-
|
1336
|
-
|
1337
|
-
|
1338
|
-
|
1339
|
-
|
1340
|
-
|
1341
|
-
|
1342
|
-
|
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
|
1355
|
-
|
1356
|
-
|
1357
|
-
|
1358
|
-
|
1359
|
-
|
1360
|
-
|
1361
|
-
|
1362
|
-
|
1363
|
-
|
1364
|
-
|
1365
|
-
|
1366
|
-
|
1367
|
-
|
1368
|
-
|
1369
|
-
|
1370
|
-
|
1371
|
-
|
1372
|
-
|
1373
|
-
|
1374
|
-
|
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
|
1387
|
-
|
1388
|
-
|
1389
|
-
|
1390
|
-
|
1391
|
-
|
1392
|
-
|
1393
|
-
|
1394
|
-
|
1395
|
-
|
1396
|
-
|
1397
|
-
|
1398
|
-
|
1399
|
-
|
1400
|
-
|
1401
|
-
|
1402
|
-
|
1403
|
-
|
1404
|
-
|
1405
|
-
|
1406
|
-
|
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
|
1419
|
-
|
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)
|