@salutejs/plasma-web 1.389.0-canary.1406.10666365265.0 → 1.389.0-canary.1415.10665437827.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +127 -4
- package/components/Combobox/Combobox.config.d.ts +17 -0
- package/components/Combobox/Combobox.config.js +26 -0
- package/components/Combobox/Combobox.d.ts +61 -0
- package/components/Combobox/Combobox.js +20 -0
- package/components/Combobox/index.d.ts +2 -0
- package/components/Combobox/index.js +42 -0
- package/components/InputGroup/InputGroup.config.d.ts +30 -0
- package/components/InputGroup/InputGroup.config.js +39 -0
- package/components/InputGroup/InputGroup.d.ts +45 -0
- package/components/InputGroup/InputGroup.js +14 -0
- package/components/InputGroup/index.d.ts +2 -0
- package/components/InputGroup/index.js +12 -0
- package/components/Select/Select.d.ts +0 -4
- package/css/cjs/components/Combobox/Combobox.config.js +25 -0
- package/css/cjs/components/Combobox/Combobox.config.js.map +1 -0
- package/css/cjs/components/Combobox/Combobox.config_1xa4b1s.css +5 -0
- package/css/cjs/components/Combobox/Combobox.css +5 -0
- package/css/cjs/components/Combobox/Combobox.js +27 -0
- package/css/cjs/components/Combobox/Combobox.js.map +1 -0
- package/css/cjs/components/InputGroup/InputGroup.config.js +38 -0
- package/css/cjs/components/InputGroup/InputGroup.config.js.map +1 -0
- package/css/cjs/components/InputGroup/InputGroup.config_1tqke7a.css +13 -0
- package/css/cjs/components/InputGroup/InputGroup.css +13 -0
- package/css/cjs/components/InputGroup/InputGroup.js +16 -0
- package/css/cjs/components/InputGroup/InputGroup.js.map +1 -0
- package/css/cjs/index.css +20 -0
- package/css/cjs/index.js +9 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Combobox/Combobox.config.js +21 -0
- package/css/es/components/Combobox/Combobox.config.js.map +1 -0
- package/css/es/components/Combobox/Combobox.config_1xa4b1s.css +5 -0
- package/css/es/components/Combobox/Combobox.css +5 -0
- package/css/es/components/Combobox/Combobox.js +18 -0
- package/css/es/components/Combobox/Combobox.js.map +1 -0
- package/css/es/components/InputGroup/InputGroup.config.js +34 -0
- package/css/es/components/InputGroup/InputGroup.config.js.map +1 -0
- package/css/es/components/InputGroup/InputGroup.config_1tqke7a.css +13 -0
- package/css/es/components/InputGroup/InputGroup.css +13 -0
- package/css/es/components/InputGroup/InputGroup.js +12 -0
- package/css/es/components/InputGroup/InputGroup.js.map +1 -0
- package/css/es/index.css +20 -0
- package/css/es/index.js +2 -0
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +4 -0
- package/es/components/Combobox/Combobox.config.js +20 -0
- package/es/components/Combobox/Combobox.js +14 -0
- package/es/components/Combobox/index.js +1 -0
- package/es/components/InputGroup/InputGroup.config.js +33 -0
- package/es/components/InputGroup/InputGroup.js +8 -0
- package/es/components/InputGroup/index.js +1 -0
- package/es/index.js +3 -1
- package/index.d.ts +2 -0
- package/index.js +22 -0
- package/package.json +3 -3
- package/temp/plasma-web.api.md +127 -4
@@ -0,0 +1,33 @@
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
|
+
import { css, inputGroupTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
|
+
export var config = {
|
5
|
+
defaults: {
|
6
|
+
size: 'm'
|
7
|
+
},
|
8
|
+
variations: {
|
9
|
+
size: {
|
10
|
+
l: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), tokens.inputDefaultRadius, tokens.inputSegmentedRadius, tokens.inputSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
11
|
+
m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), tokens.inputDefaultRadius, tokens.inputSegmentedRadius, tokens.inputSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
12
|
+
s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), tokens.inputSegmentedRadius, tokens.inputSideRadius, tokens.inputDefaultRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
13
|
+
xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.inputSegmentedRadius, tokens.inputDefaultRadius, tokens.inputSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
|
14
|
+
},
|
15
|
+
orientation: {
|
16
|
+
horizontal: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": row;\n "])), tokens.inputGroupOrientation),
|
17
|
+
vertical: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": column;\n "])), tokens.inputGroupOrientation)
|
18
|
+
},
|
19
|
+
gap: {
|
20
|
+
none: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": -0.063rem;\n ", ": inset(0 0.063rem 0 0);\n ", ": -0.063rem;\n ", ": inset(0.063rem 0 0 0);\n "])), tokens.inputGroupItemsGap, tokens.inputGroupWebMarginLeft, tokens.inputGroupWebClipPath, tokens.inputGroupWebMarginTop, tokens.inputGroupWebVerticalClipPath),
|
21
|
+
dense: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n "])), tokens.inputGroupItemsGap),
|
22
|
+
wide: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n "])), tokens.inputGroupItemsGap)
|
23
|
+
},
|
24
|
+
shape: {
|
25
|
+
segmented: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
26
|
+
"default": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
27
|
+
},
|
28
|
+
stretching: {
|
29
|
+
auto: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
30
|
+
filled: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
31
|
+
}
|
32
|
+
}
|
33
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { inputGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
import { config } from './InputGroup.config';
|
3
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(inputGroupConfig, config);
|
4
|
+
|
5
|
+
/**
|
6
|
+
* Группа Input.
|
7
|
+
*/
|
8
|
+
export var InputGroup = /*#__PURE__*/component(mergedConfig);
|
@@ -0,0 +1 @@
|
|
1
|
+
export { InputGroup } from './InputGroup';
|
package/es/index.js
CHANGED
@@ -11,6 +11,7 @@ export * from './components/Cell';
|
|
11
11
|
export * from './components/Checkbox';
|
12
12
|
export * from './components/Chip';
|
13
13
|
export * from './components/Counter';
|
14
|
+
export * from './components/Combobox';
|
14
15
|
export * from './components/Divider';
|
15
16
|
export * from './components/Dropdown';
|
16
17
|
export * from './components/Drawer';
|
@@ -65,4 +66,5 @@ export * from './components/ButtonBase';
|
|
65
66
|
export * from './components/Toolbar';
|
66
67
|
export * from './components/DatePicker';
|
67
68
|
export * from './components/Autocomplete';
|
68
|
-
export * from './components/EmptyState';
|
69
|
+
export * from './components/EmptyState';
|
70
|
+
export * from './components/InputGroup';
|
package/index.d.ts
CHANGED
@@ -11,6 +11,7 @@ export * from './components/Cell';
|
|
11
11
|
export * from './components/Checkbox';
|
12
12
|
export * from './components/Chip';
|
13
13
|
export * from './components/Counter';
|
14
|
+
export * from './components/Combobox';
|
14
15
|
export * from './components/Divider';
|
15
16
|
export * from './components/Dropdown';
|
16
17
|
export * from './components/Drawer';
|
@@ -66,3 +67,4 @@ export * from './components/Toolbar';
|
|
66
67
|
export * from './components/DatePicker';
|
67
68
|
export * from './components/Autocomplete';
|
68
69
|
export * from './components/EmptyState';
|
70
|
+
export * from './components/InputGroup';
|
package/index.js
CHANGED
@@ -146,6 +146,17 @@ Object.keys(_Counter).forEach(function (key) {
|
|
146
146
|
}
|
147
147
|
});
|
148
148
|
});
|
149
|
+
var _Combobox = /*#__PURE__*/require("./components/Combobox");
|
150
|
+
Object.keys(_Combobox).forEach(function (key) {
|
151
|
+
if (key === "default" || key === "__esModule") return;
|
152
|
+
if (key in exports && exports[key] === _Combobox[key]) return;
|
153
|
+
Object.defineProperty(exports, key, {
|
154
|
+
enumerable: true,
|
155
|
+
get: function get() {
|
156
|
+
return _Combobox[key];
|
157
|
+
}
|
158
|
+
});
|
159
|
+
});
|
149
160
|
var _Divider = /*#__PURE__*/require("./components/Divider");
|
150
161
|
Object.keys(_Divider).forEach(function (key) {
|
151
162
|
if (key === "default" || key === "__esModule") return;
|
@@ -750,4 +761,15 @@ Object.keys(_EmptyState).forEach(function (key) {
|
|
750
761
|
return _EmptyState[key];
|
751
762
|
}
|
752
763
|
});
|
764
|
+
});
|
765
|
+
var _InputGroup = /*#__PURE__*/require("./components/InputGroup");
|
766
|
+
Object.keys(_InputGroup).forEach(function (key) {
|
767
|
+
if (key === "default" || key === "__esModule") return;
|
768
|
+
if (key in exports && exports[key] === _InputGroup[key]) return;
|
769
|
+
Object.defineProperty(exports, key, {
|
770
|
+
enumerable: true,
|
771
|
+
get: function get() {
|
772
|
+
return _InputGroup[key];
|
773
|
+
}
|
774
|
+
});
|
753
775
|
});
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.389.0-canary.
|
3
|
+
"version": "1.389.0-canary.1415.10665437827.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -21,7 +21,7 @@
|
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.178.0-dev.0",
|
23
23
|
"@salutejs/plasma-hope": "1.309.0-dev.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.138.0-canary.
|
24
|
+
"@salutejs/plasma-new-hope": "0.138.0-canary.1415.10665437827.0",
|
25
25
|
"@salutejs/plasma-themes": "0.17.0-dev.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.42.0-dev.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.52.0-dev.0",
|
@@ -112,5 +112,5 @@
|
|
112
112
|
"Fanil Zubairov"
|
113
113
|
],
|
114
114
|
"sideEffects": false,
|
115
|
-
"gitHead": "
|
115
|
+
"gitHead": "d387d37f752b0da10e4c48f2ceaa97920abdec82"
|
116
116
|
}
|
package/temp/plasma-web.api.md
CHANGED
@@ -88,11 +88,15 @@ import { ColCount } from '@salutejs/plasma-new-hope/styled-components';
|
|
88
88
|
import { ColOffsetProps } from '@salutejs/plasma-new-hope/styled-components';
|
89
89
|
import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
|
90
90
|
import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
|
91
|
+
import { ComboboxPrimitiveValue } from '@salutejs/plasma-new-hope/styled-components';
|
92
|
+
import { ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
|
93
|
+
import { ComponentClass } from 'react';
|
91
94
|
import { ComponentProps } from 'react';
|
92
95
|
import { GridProps as ContainerProps } from '@salutejs/plasma-new-hope/styled-components';
|
93
96
|
import { convertRoundnessMatrix } from '@salutejs/plasma-core';
|
94
97
|
import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
|
95
98
|
import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
|
99
|
+
import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types';
|
96
100
|
import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
|
97
101
|
import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
|
98
102
|
import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
|
@@ -143,6 +147,7 @@ import { HTMLAttributes } from 'react';
|
|
143
147
|
import { ImageProps } from '@salutejs/plasma-new-hope/styled-components';
|
144
148
|
import { ImgHTMLAttributes } from 'react';
|
145
149
|
import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
|
150
|
+
import { InputGroupProps } from '@salutejs/plasma-new-hope/styled-components';
|
146
151
|
import { InputHTMLAttributes } from '@salutejs/plasma-core';
|
147
152
|
import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
|
148
153
|
import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
|
@@ -167,6 +172,7 @@ import { MouseEvent as MouseEvent_2 } from 'react';
|
|
167
172
|
import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components';
|
168
173
|
import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
|
169
174
|
import { NotificationProps } from '@salutejs/plasma-new-hope/styled-components';
|
175
|
+
import { Orientation } from '@salutejs/plasma-new-hope/types/components/InputGroup/InputGroup.types';
|
170
176
|
import { OutlinedProps } from '@salutejs/plasma-core';
|
171
177
|
import { Overlay } from '@salutejs/plasma-new-hope/styled-components';
|
172
178
|
import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -208,7 +214,9 @@ import { rangeTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
208
214
|
import { Ratio } from '@salutejs/plasma-new-hope/styled-components';
|
209
215
|
import { default as React_2 } from 'react';
|
210
216
|
import { ReactElement } from 'react';
|
217
|
+
import { ReactFragment } from 'react';
|
211
218
|
import { ReactNode } from 'react';
|
219
|
+
import { ReactPortal } from 'react';
|
212
220
|
import { RectSkeleton } from '@salutejs/plasma-new-hope/styled-components';
|
213
221
|
import { RectSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
|
214
222
|
import { RefAttributes } from 'react';
|
@@ -935,6 +943,80 @@ export { ColProps }
|
|
935
943
|
|
936
944
|
export { ColSizeProps }
|
937
945
|
|
946
|
+
// @public (undocumented)
|
947
|
+
export const Combobox: FunctionComponent<PropsType< {
|
948
|
+
size: {
|
949
|
+
xs: PolymorphicClassName;
|
950
|
+
s: PolymorphicClassName;
|
951
|
+
m: PolymorphicClassName;
|
952
|
+
l: PolymorphicClassName;
|
953
|
+
};
|
954
|
+
view: {
|
955
|
+
default: PolymorphicClassName;
|
956
|
+
};
|
957
|
+
}> & ((Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
|
958
|
+
valueType?: "single" | undefined;
|
959
|
+
value?: ComboboxPrimitiveValue | undefined;
|
960
|
+
onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
|
961
|
+
} & RefAttributes<HTMLInputElement>) | (Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
|
962
|
+
valueType: "multiple";
|
963
|
+
value?: ComboboxPrimitiveValue[] | undefined;
|
964
|
+
onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
|
965
|
+
} & RefAttributes<HTMLInputElement>))>;
|
966
|
+
|
967
|
+
// @public (undocumented)
|
968
|
+
export const ComboboxDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
|
969
|
+
id?: string | undefined;
|
970
|
+
size?: string | undefined;
|
971
|
+
view?: string | undefined;
|
972
|
+
} & RefAttributes<HTMLDivElement>>;
|
973
|
+
|
974
|
+
// @public (undocumented)
|
975
|
+
export const ComboboxFooter: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
|
976
|
+
id?: string | undefined;
|
977
|
+
size?: string | undefined;
|
978
|
+
view?: string | undefined;
|
979
|
+
} & RefAttributes<HTMLDivElement>>;
|
980
|
+
|
981
|
+
// @public (undocumented)
|
982
|
+
export const ComboboxGroup: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
|
983
|
+
id?: string | undefined;
|
984
|
+
labelClassName?: string | undefined;
|
985
|
+
groupClassName?: string | undefined;
|
986
|
+
label?: ReactNode;
|
987
|
+
role?: string | undefined;
|
988
|
+
size?: string | undefined;
|
989
|
+
view?: string | undefined;
|
990
|
+
} & RefAttributes<HTMLDivElement>>;
|
991
|
+
|
992
|
+
// @public (undocumented)
|
993
|
+
export const ComboboxHeader: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
|
994
|
+
id?: string | undefined;
|
995
|
+
size?: string | undefined;
|
996
|
+
view?: string | undefined;
|
997
|
+
} & RefAttributes<HTMLDivElement>>;
|
998
|
+
|
999
|
+
// @public (undocumented)
|
1000
|
+
export const ComboboxItem: FunctionComponent<PropsType<Variants> & Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
1001
|
+
id?: string | undefined;
|
1002
|
+
disabled?: boolean | undefined;
|
1003
|
+
label?: ReactNode;
|
1004
|
+
role?: string | undefined;
|
1005
|
+
contentLeft?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined;
|
1006
|
+
contentRight?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined;
|
1007
|
+
name?: string | undefined;
|
1008
|
+
checked?: boolean | undefined;
|
1009
|
+
text?: string | undefined;
|
1010
|
+
value?: string | number | boolean | undefined;
|
1011
|
+
isSelected?: boolean | undefined;
|
1012
|
+
onClick?: ((event: MouseEvent_2<HTMLDivElement, MouseEvent>) => void) | undefined;
|
1013
|
+
onSelect?: ((value?: any, text?: any) => void) | undefined;
|
1014
|
+
size?: string | undefined;
|
1015
|
+
view?: string | undefined;
|
1016
|
+
} & RefAttributes<HTMLDivElement>>;
|
1017
|
+
|
1018
|
+
export { ComboboxProps }
|
1019
|
+
|
938
1020
|
// @public (undocumented)
|
939
1021
|
export const Container: FunctionComponent<PropsType< {
|
940
1022
|
view: {
|
@@ -1445,6 +1527,51 @@ view: string;
|
|
1445
1527
|
|
1446
1528
|
export { IndicatorProps }
|
1447
1529
|
|
1530
|
+
// @public
|
1531
|
+
export const InputGroup: FunctionComponent<PropsType< {
|
1532
|
+
size: {
|
1533
|
+
l: PolymorphicClassName;
|
1534
|
+
m: PolymorphicClassName;
|
1535
|
+
s: PolymorphicClassName;
|
1536
|
+
xs: PolymorphicClassName;
|
1537
|
+
};
|
1538
|
+
orientation: {
|
1539
|
+
horizontal: PolymorphicClassName;
|
1540
|
+
vertical: PolymorphicClassName;
|
1541
|
+
};
|
1542
|
+
gap: {
|
1543
|
+
none: PolymorphicClassName;
|
1544
|
+
dense: PolymorphicClassName;
|
1545
|
+
wide: PolymorphicClassName;
|
1546
|
+
};
|
1547
|
+
shape: {
|
1548
|
+
segmented: PolymorphicClassName;
|
1549
|
+
default: PolymorphicClassName;
|
1550
|
+
};
|
1551
|
+
stretching: {
|
1552
|
+
auto: PolymorphicClassName;
|
1553
|
+
filled: PolymorphicClassName;
|
1554
|
+
};
|
1555
|
+
}> & ((HTMLAttributes<HTMLDivElement> & {
|
1556
|
+
orientation?: Orientation | undefined;
|
1557
|
+
stretching?: ("auto" | "filled") | undefined;
|
1558
|
+
size?: string | undefined;
|
1559
|
+
isCommonInputStyles?: boolean | undefined;
|
1560
|
+
} & {
|
1561
|
+
gap?: "none" | "dense" | undefined;
|
1562
|
+
shape?: "segmented" | undefined;
|
1563
|
+
} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
|
1564
|
+
orientation?: Orientation | undefined;
|
1565
|
+
stretching?: ("auto" | "filled") | undefined;
|
1566
|
+
size?: string | undefined;
|
1567
|
+
isCommonInputStyles?: boolean | undefined;
|
1568
|
+
} & {
|
1569
|
+
gap?: "dense" | "wide" | undefined;
|
1570
|
+
shape?: "default" | undefined;
|
1571
|
+
} & RefAttributes<HTMLDivElement>))>;
|
1572
|
+
|
1573
|
+
export { InputGroupProps }
|
1574
|
+
|
1448
1575
|
export { InputHTMLAttributes }
|
1449
1576
|
|
1450
1577
|
// @public
|
@@ -2027,7 +2154,6 @@ listWidth?: Property.Width<string | number> | undefined;
|
|
2027
2154
|
portal?: string | RefObject<HTMLElement> | undefined;
|
2028
2155
|
renderValue?: ((item: MergedDropdownNode) => string) | undefined;
|
2029
2156
|
renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
|
2030
|
-
closeAfterSelect?: boolean | undefined;
|
2031
2157
|
size?: string | undefined;
|
2032
2158
|
view?: string | undefined;
|
2033
2159
|
chipView?: string | undefined;
|
@@ -2065,7 +2191,6 @@ listWidth?: Property.Width<string | number> | undefined;
|
|
2065
2191
|
portal?: string | RefObject<HTMLElement> | undefined;
|
2066
2192
|
renderValue?: ((item: MergedDropdownNode) => string) | undefined;
|
2067
2193
|
renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
|
2068
|
-
closeAfterSelect?: boolean | undefined;
|
2069
2194
|
size?: string | undefined;
|
2070
2195
|
view?: string | undefined;
|
2071
2196
|
chipView?: string | undefined;
|
@@ -2103,7 +2228,6 @@ listWidth?: Property.Width<string | number> | undefined;
|
|
2103
2228
|
portal?: string | RefObject<HTMLElement> | undefined;
|
2104
2229
|
renderValue?: ((item: MergedDropdownNode) => string) | undefined;
|
2105
2230
|
renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
|
2106
|
-
closeAfterSelect?: boolean | undefined;
|
2107
2231
|
size?: string | undefined;
|
2108
2232
|
view?: string | undefined;
|
2109
2233
|
chipView?: string | undefined;
|
@@ -2141,7 +2265,6 @@ listWidth?: Property.Width<string | number> | undefined;
|
|
2141
2265
|
portal?: string | RefObject<HTMLElement> | undefined;
|
2142
2266
|
renderValue?: ((item: MergedDropdownNode) => string) | undefined;
|
2143
2267
|
renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
|
2144
|
-
closeAfterSelect?: boolean | undefined;
|
2145
2268
|
size?: string | undefined;
|
2146
2269
|
view?: string | undefined;
|
2147
2270
|
chipView?: string | undefined;
|