@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
package/api/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;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
};
|
6
|
+
variations: {
|
7
|
+
size: {
|
8
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
+
};
|
13
|
+
view: {
|
14
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
+
};
|
16
|
+
};
|
17
|
+
};
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.config = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
9
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
+
var config = exports.config = {
|
11
|
+
defaults: {
|
12
|
+
view: 'default',
|
13
|
+
size: 'm'
|
14
|
+
},
|
15
|
+
variations: {
|
16
|
+
size: {
|
17
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": auto;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.063rem;\n ", ": 0;\n ", ": 0.5rem;\n ", ": 0;\n ", ": 0.375rem;\n\n ", ": auto;\n ", ": 1rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5rem;\n ", ": 2rem;\n ", ": 100%;\n ", ": 0.5rem;\n ", ": 0 2.5rem 0 0.75rem;\n ", ": 0 2.625rem 0 0.375rem;\n ", ": 0 2.625rem 0 0.625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight),
|
18
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": auto;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.063rem;\n ", ": 0;\n ", ": 0.75rem;\n ", ": 0;\n ", ": 0.75rem;\n\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 1.75rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.75rem;\n ", ": 2.5rem;\n ", ": 100%;\n ", ": 0.625rem;\n ", ": 0 3rem 0 1rem;\n ", ": 0 3.125rem 0 0.375rem;\n ", ": 0 3.125rem 0 0.625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight),
|
19
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": auto;\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.063rem;\n ", ": 0;\n ", ": 0.875rem;\n ", ": 0;\n ", ": 0.875rem;\n\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 1.75rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.875rem;\n ", ": 3rem;\n ", ": 100%;\n ", ": 0.75rem;\n ", ": 0 3.25rem 0 1.25rem;\n ", ": 0 3.375rem 0 0.375rem;\n ", ": 0 3.375rem 0 0.625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight),
|
20
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": auto;\n ", ": 0.875rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.063rem;\n ", ": 0;\n ", ": 1rem;\n ", ": 0;\n ", ": 1rem;\n\n ", ": auto;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 1.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1rem;\n ", ": 3.5rem;\n ", ": 100%;\n ", ": 0.875rem;\n ", ": 0 3.5rem 0 1.5rem;\n ", ": 0 3.625rem 0 0.375rem;\n ", ": 0 3.625rem 0 0.625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight)
|
21
|
+
},
|
22
|
+
view: {
|
23
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-accent);\n\n ", ": var(--surface-solid-card-brightness);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: \u0417\u0430\u0431\u0438\u0440\u0430\u0442\u044C \u0438\u0437 \u0442\u043E\u043A\u0435\u043D\u0430 --shadow-down-soft-s */\n\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), _styledComponents.comboboxTokens.targetColor, _styledComponents.comboboxTokens.targetLabelColor, _styledComponents.comboboxTokens.targetArrowColor, _styledComponents.comboboxTokens.targetBorderColor, _styledComponents.comboboxTokens.targetBorderColorHover, _styledComponents.comboboxTokens.targetBorderColorActive, _styledComponents.comboboxTokens.targetBorderColorOpen, _styledComponents.comboboxTokens.background, _styledComponents.comboboxTokens.boxShadow, _styledComponents.comboboxTokens.itemBackground, _styledComponents.comboboxTokens.itemBackgroundHover, _styledComponents.comboboxTokens.itemBackgroundSelectedHover, _styledComponents.comboboxTokens.itemColor, _styledComponents.comboboxTokens.itemContentLeftColor, _styledComponents.comboboxTokens.chipCloseIconColor, _styledComponents.comboboxTokens.chipColor, _styledComponents.comboboxTokens.chipBackground, _styledComponents.comboboxTokens.chipColorHover, _styledComponents.comboboxTokens.chipBackgroundHover, _styledComponents.comboboxTokens.chipColorActive, _styledComponents.comboboxTokens.chipBackgroundActive, _styledComponents.comboboxTokens.chipBackgroundReadOnly, _styledComponents.comboboxTokens.chipColorReadOnly, _styledComponents.comboboxTokens.chipBackgroundReadOnlyHover, _styledComponents.comboboxTokens.chipColorReadOnlyHover, _styledComponents.comboboxTokens.chipOpacityReadonly, _styledComponents.comboboxTokens.disabledOpacity, _styledComponents.comboboxTokens.focusColor)
|
24
|
+
}
|
25
|
+
}
|
26
|
+
};
|
@@ -0,0 +1,61 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const Combobox: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
3
|
+
size: {
|
4
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
7
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
|
+
};
|
9
|
+
view: {
|
10
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
+
};
|
12
|
+
}> & ((Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types").CustomComboboxProps & {
|
13
|
+
valueType?: "single" | undefined;
|
14
|
+
value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue | undefined;
|
15
|
+
onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue | undefined) => void) | undefined;
|
16
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types").CustomComboboxProps & {
|
17
|
+
valueType: "multiple";
|
18
|
+
value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue[] | undefined;
|
19
|
+
onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue[] | undefined) => void) | undefined;
|
20
|
+
} & import("react").RefAttributes<HTMLInputElement>))>;
|
21
|
+
export declare const ComboboxItem: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
22
|
+
id?: string | undefined;
|
23
|
+
disabled?: boolean | undefined;
|
24
|
+
label?: import("react").ReactNode;
|
25
|
+
role?: string | undefined;
|
26
|
+
contentLeft?: string | number | boolean | import("react").ReactFragment | import("react").ReactPortal | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | null | undefined;
|
27
|
+
contentRight?: string | number | boolean | import("react").ReactFragment | import("react").ReactPortal | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | null | undefined;
|
28
|
+
name?: string | undefined;
|
29
|
+
checked?: boolean | undefined;
|
30
|
+
text?: string | undefined;
|
31
|
+
value?: string | number | boolean | undefined;
|
32
|
+
isSelected?: boolean | undefined;
|
33
|
+
onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
34
|
+
onSelect?: ((value?: any, text?: any) => void) | undefined;
|
35
|
+
size?: string | undefined;
|
36
|
+
view?: string | undefined;
|
37
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
38
|
+
export declare const ComboboxDivider: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
|
39
|
+
id?: string | undefined;
|
40
|
+
size?: string | undefined;
|
41
|
+
view?: string | undefined;
|
42
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
43
|
+
export declare const ComboboxFooter: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
|
44
|
+
id?: string | undefined;
|
45
|
+
size?: string | undefined;
|
46
|
+
view?: string | undefined;
|
47
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
48
|
+
export declare const ComboboxGroup: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
|
49
|
+
id?: string | undefined;
|
50
|
+
labelClassName?: string | undefined;
|
51
|
+
groupClassName?: string | undefined;
|
52
|
+
label?: import("react").ReactNode;
|
53
|
+
role?: string | undefined;
|
54
|
+
size?: string | undefined;
|
55
|
+
view?: string | undefined;
|
56
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
57
|
+
export declare const ComboboxHeader: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
|
58
|
+
id?: string | undefined;
|
59
|
+
size?: string | undefined;
|
60
|
+
view?: string | undefined;
|
61
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.ComboboxItem = exports.ComboboxHeader = exports.ComboboxGroup = exports.ComboboxFooter = exports.ComboboxDivider = exports.Combobox = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _Combobox = /*#__PURE__*/require("./Combobox.config");
|
9
|
+
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxConfig, _Combobox.config);
|
10
|
+
var Combobox = exports.Combobox = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
11
|
+
var mergedItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxItemConfig);
|
12
|
+
var ComboboxItem = exports.ComboboxItem = /*#__PURE__*/(0, _styledComponents.component)(mergedItemConfig);
|
13
|
+
var mergedDividerConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxDividerConfig);
|
14
|
+
var ComboboxDivider = exports.ComboboxDivider = /*#__PURE__*/(0, _styledComponents.component)(mergedDividerConfig);
|
15
|
+
var mergedFooterConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxFooterConfig);
|
16
|
+
var ComboboxFooter = exports.ComboboxFooter = /*#__PURE__*/(0, _styledComponents.component)(mergedFooterConfig);
|
17
|
+
var mergedGroupConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxGroupConfig);
|
18
|
+
var ComboboxGroup = exports.ComboboxGroup = /*#__PURE__*/(0, _styledComponents.component)(mergedGroupConfig);
|
19
|
+
var mergedHeaderConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxHeaderConfig);
|
20
|
+
var ComboboxHeader = exports.ComboboxHeader = /*#__PURE__*/(0, _styledComponents.component)(mergedHeaderConfig);
|
@@ -0,0 +1,42 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "Combobox", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _Combobox.Combobox;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "ComboboxDivider", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _Combobox.ComboboxDivider;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
Object.defineProperty(exports, "ComboboxFooter", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _Combobox.ComboboxFooter;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
Object.defineProperty(exports, "ComboboxGroup", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _Combobox.ComboboxGroup;
|
28
|
+
}
|
29
|
+
});
|
30
|
+
Object.defineProperty(exports, "ComboboxHeader", {
|
31
|
+
enumerable: true,
|
32
|
+
get: function get() {
|
33
|
+
return _Combobox.ComboboxHeader;
|
34
|
+
}
|
35
|
+
});
|
36
|
+
Object.defineProperty(exports, "ComboboxItem", {
|
37
|
+
enumerable: true,
|
38
|
+
get: function get() {
|
39
|
+
return _Combobox.ComboboxItem;
|
40
|
+
}
|
41
|
+
});
|
42
|
+
var _Combobox = /*#__PURE__*/require("./Combobox");
|
@@ -0,0 +1,30 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
size: string;
|
4
|
+
};
|
5
|
+
variations: {
|
6
|
+
size: {
|
7
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
+
};
|
12
|
+
orientation: {
|
13
|
+
horizontal: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
+
vertical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
+
};
|
16
|
+
gap: {
|
17
|
+
none: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
18
|
+
dense: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
|
+
wide: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
|
+
};
|
21
|
+
shape: {
|
22
|
+
segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
23
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
24
|
+
};
|
25
|
+
stretching: {
|
26
|
+
auto: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
27
|
+
filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
|
+
};
|
29
|
+
};
|
30
|
+
};
|
@@ -0,0 +1,39 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.config = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
9
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
+
var config = exports.config = {
|
11
|
+
defaults: {
|
12
|
+
size: 'm'
|
13
|
+
},
|
14
|
+
variations: {
|
15
|
+
size: {
|
16
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.inputGroupTokens.inputDefaultRadius, _styledComponents.inputGroupTokens.inputSegmentedRadius, _styledComponents.inputGroupTokens.inputSideRadius, _styledComponents.inputGroupTokens.height, _styledComponents.inputGroupTokens.padding, _styledComponents.inputGroupTokens.paddingWithChips, _styledComponents.inputGroupTokens.leftContentMargin, _styledComponents.inputGroupTokens.rightContentMargin, _styledComponents.inputGroupTokens.textBeforeMargin, _styledComponents.inputGroupTokens.textAfterMargin, _styledComponents.inputGroupTokens.fontFamily, _styledComponents.inputGroupTokens.fontSize, _styledComponents.inputGroupTokens.fontStyle, _styledComponents.inputGroupTokens.fontWeight, _styledComponents.inputGroupTokens.letterSpacing, _styledComponents.inputGroupTokens.lineHeight, _styledComponents.inputGroupTokens.labelOffset, _styledComponents.inputGroupTokens.labelFontFamily, _styledComponents.inputGroupTokens.labelFontSize, _styledComponents.inputGroupTokens.labelFontStyle, _styledComponents.inputGroupTokens.labelFontWeight, _styledComponents.inputGroupTokens.labelLetterSpacing, _styledComponents.inputGroupTokens.labelLineHeight, _styledComponents.inputGroupTokens.leftHelperOffset, _styledComponents.inputGroupTokens.leftHelperFontFamily, _styledComponents.inputGroupTokens.leftHelperFontSize, _styledComponents.inputGroupTokens.leftHelperFontStyle, _styledComponents.inputGroupTokens.leftHelperFontWeight, _styledComponents.inputGroupTokens.leftHelperLetterSpacing, _styledComponents.inputGroupTokens.leftHelperLineHeight, _styledComponents.inputGroupTokens.labelInnerPadding, _styledComponents.inputGroupTokens.contentLabelInnerPadding, _styledComponents.inputGroupTokens.chipGap, _styledComponents.inputGroupTokens.chipBorderRadius, _styledComponents.inputGroupTokens.chipWidth, _styledComponents.inputGroupTokens.chipHeight, _styledComponents.inputGroupTokens.chipPaddingRight, _styledComponents.inputGroupTokens.chipPaddingLeft, _styledComponents.inputGroupTokens.chipClearContentMarginLeft, _styledComponents.inputGroupTokens.chipClearContentMarginRight, _styledComponents.inputGroupTokens.chipCloseIconSize, _styledComponents.inputGroupTokens.chipFontFamily, _styledComponents.inputGroupTokens.chipFontSize, _styledComponents.inputGroupTokens.chipFontStyle, _styledComponents.inputGroupTokens.chipFontWeight, _styledComponents.inputGroupTokens.chipLetterSpacing, _styledComponents.inputGroupTokens.chipLineHeight),
|
17
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.inputGroupTokens.inputDefaultRadius, _styledComponents.inputGroupTokens.inputSegmentedRadius, _styledComponents.inputGroupTokens.inputSideRadius, _styledComponents.inputGroupTokens.height, _styledComponents.inputGroupTokens.padding, _styledComponents.inputGroupTokens.paddingWithChips, _styledComponents.inputGroupTokens.leftContentMargin, _styledComponents.inputGroupTokens.rightContentMargin, _styledComponents.inputGroupTokens.textBeforeMargin, _styledComponents.inputGroupTokens.textAfterMargin, _styledComponents.inputGroupTokens.fontFamily, _styledComponents.inputGroupTokens.fontSize, _styledComponents.inputGroupTokens.fontStyle, _styledComponents.inputGroupTokens.fontWeight, _styledComponents.inputGroupTokens.letterSpacing, _styledComponents.inputGroupTokens.lineHeight, _styledComponents.inputGroupTokens.labelOffset, _styledComponents.inputGroupTokens.labelFontFamily, _styledComponents.inputGroupTokens.labelFontSize, _styledComponents.inputGroupTokens.labelFontStyle, _styledComponents.inputGroupTokens.labelFontWeight, _styledComponents.inputGroupTokens.labelLetterSpacing, _styledComponents.inputGroupTokens.labelLineHeight, _styledComponents.inputGroupTokens.leftHelperOffset, _styledComponents.inputGroupTokens.leftHelperFontFamily, _styledComponents.inputGroupTokens.leftHelperFontSize, _styledComponents.inputGroupTokens.leftHelperFontStyle, _styledComponents.inputGroupTokens.leftHelperFontWeight, _styledComponents.inputGroupTokens.leftHelperLetterSpacing, _styledComponents.inputGroupTokens.leftHelperLineHeight, _styledComponents.inputGroupTokens.labelInnerPadding, _styledComponents.inputGroupTokens.contentLabelInnerPadding, _styledComponents.inputGroupTokens.chipGap, _styledComponents.inputGroupTokens.chipBorderRadius, _styledComponents.inputGroupTokens.chipWidth, _styledComponents.inputGroupTokens.chipHeight, _styledComponents.inputGroupTokens.chipPaddingRight, _styledComponents.inputGroupTokens.chipPaddingLeft, _styledComponents.inputGroupTokens.chipClearContentMarginLeft, _styledComponents.inputGroupTokens.chipClearContentMarginRight, _styledComponents.inputGroupTokens.chipCloseIconSize, _styledComponents.inputGroupTokens.chipFontFamily, _styledComponents.inputGroupTokens.chipFontSize, _styledComponents.inputGroupTokens.chipFontStyle, _styledComponents.inputGroupTokens.chipFontWeight, _styledComponents.inputGroupTokens.chipLetterSpacing, _styledComponents.inputGroupTokens.chipLineHeight),
|
18
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.inputGroupTokens.inputSegmentedRadius, _styledComponents.inputGroupTokens.inputSideRadius, _styledComponents.inputGroupTokens.inputDefaultRadius, _styledComponents.inputGroupTokens.height, _styledComponents.inputGroupTokens.padding, _styledComponents.inputGroupTokens.paddingWithChips, _styledComponents.inputGroupTokens.leftContentMargin, _styledComponents.inputGroupTokens.rightContentMargin, _styledComponents.inputGroupTokens.textBeforeMargin, _styledComponents.inputGroupTokens.textAfterMargin, _styledComponents.inputGroupTokens.fontFamily, _styledComponents.inputGroupTokens.fontSize, _styledComponents.inputGroupTokens.fontStyle, _styledComponents.inputGroupTokens.fontWeight, _styledComponents.inputGroupTokens.letterSpacing, _styledComponents.inputGroupTokens.lineHeight, _styledComponents.inputGroupTokens.labelOffset, _styledComponents.inputGroupTokens.labelFontFamily, _styledComponents.inputGroupTokens.labelFontSize, _styledComponents.inputGroupTokens.labelFontStyle, _styledComponents.inputGroupTokens.labelFontWeight, _styledComponents.inputGroupTokens.labelLetterSpacing, _styledComponents.inputGroupTokens.labelLineHeight, _styledComponents.inputGroupTokens.leftHelperOffset, _styledComponents.inputGroupTokens.leftHelperFontFamily, _styledComponents.inputGroupTokens.leftHelperFontSize, _styledComponents.inputGroupTokens.leftHelperFontStyle, _styledComponents.inputGroupTokens.leftHelperFontWeight, _styledComponents.inputGroupTokens.leftHelperLetterSpacing, _styledComponents.inputGroupTokens.leftHelperLineHeight, _styledComponents.inputGroupTokens.labelInnerPadding, _styledComponents.inputGroupTokens.contentLabelInnerPadding, _styledComponents.inputGroupTokens.chipGap, _styledComponents.inputGroupTokens.chipBorderRadius, _styledComponents.inputGroupTokens.chipWidth, _styledComponents.inputGroupTokens.chipHeight, _styledComponents.inputGroupTokens.chipPaddingRight, _styledComponents.inputGroupTokens.chipPaddingLeft, _styledComponents.inputGroupTokens.chipClearContentMarginLeft, _styledComponents.inputGroupTokens.chipClearContentMarginRight, _styledComponents.inputGroupTokens.chipCloseIconSize, _styledComponents.inputGroupTokens.chipFontFamily, _styledComponents.inputGroupTokens.chipFontSize, _styledComponents.inputGroupTokens.chipFontStyle, _styledComponents.inputGroupTokens.chipFontWeight, _styledComponents.inputGroupTokens.chipLetterSpacing, _styledComponents.inputGroupTokens.chipLineHeight),
|
19
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.inputGroupTokens.inputSegmentedRadius, _styledComponents.inputGroupTokens.inputDefaultRadius, _styledComponents.inputGroupTokens.inputSideRadius, _styledComponents.inputGroupTokens.height, _styledComponents.inputGroupTokens.padding, _styledComponents.inputGroupTokens.paddingWithChips, _styledComponents.inputGroupTokens.leftContentMargin, _styledComponents.inputGroupTokens.rightContentMargin, _styledComponents.inputGroupTokens.textBeforeMargin, _styledComponents.inputGroupTokens.textAfterMargin, _styledComponents.inputGroupTokens.fontFamily, _styledComponents.inputGroupTokens.fontSize, _styledComponents.inputGroupTokens.fontStyle, _styledComponents.inputGroupTokens.fontWeight, _styledComponents.inputGroupTokens.letterSpacing, _styledComponents.inputGroupTokens.lineHeight, _styledComponents.inputGroupTokens.labelOffset, _styledComponents.inputGroupTokens.labelFontFamily, _styledComponents.inputGroupTokens.labelFontSize, _styledComponents.inputGroupTokens.labelFontStyle, _styledComponents.inputGroupTokens.labelFontWeight, _styledComponents.inputGroupTokens.labelLetterSpacing, _styledComponents.inputGroupTokens.labelLineHeight, _styledComponents.inputGroupTokens.leftHelperOffset, _styledComponents.inputGroupTokens.leftHelperFontFamily, _styledComponents.inputGroupTokens.leftHelperFontSize, _styledComponents.inputGroupTokens.leftHelperFontStyle, _styledComponents.inputGroupTokens.leftHelperFontWeight, _styledComponents.inputGroupTokens.leftHelperLetterSpacing, _styledComponents.inputGroupTokens.leftHelperLineHeight, _styledComponents.inputGroupTokens.labelInnerPadding, _styledComponents.inputGroupTokens.contentLabelInnerPadding, _styledComponents.inputGroupTokens.chipGap, _styledComponents.inputGroupTokens.chipBorderRadius, _styledComponents.inputGroupTokens.chipWidth, _styledComponents.inputGroupTokens.chipHeight, _styledComponents.inputGroupTokens.chipPaddingRight, _styledComponents.inputGroupTokens.chipPaddingLeft, _styledComponents.inputGroupTokens.chipClearContentMarginLeft, _styledComponents.inputGroupTokens.chipClearContentMarginRight, _styledComponents.inputGroupTokens.chipCloseIconSize, _styledComponents.inputGroupTokens.chipFontFamily, _styledComponents.inputGroupTokens.chipFontSize, _styledComponents.inputGroupTokens.chipFontStyle, _styledComponents.inputGroupTokens.chipFontWeight, _styledComponents.inputGroupTokens.chipLetterSpacing, _styledComponents.inputGroupTokens.chipLineHeight)
|
20
|
+
},
|
21
|
+
orientation: {
|
22
|
+
horizontal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": row;\n "])), _styledComponents.inputGroupTokens.inputGroupOrientation),
|
23
|
+
vertical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": column;\n "])), _styledComponents.inputGroupTokens.inputGroupOrientation)
|
24
|
+
},
|
25
|
+
gap: {
|
26
|
+
none: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": -0.063rem;\n ", ": inset(0 0.063rem 0 0);\n ", ": -0.063rem;\n ", ": inset(0.063rem 0 0 0);\n "])), _styledComponents.inputGroupTokens.inputGroupItemsGap, _styledComponents.inputGroupTokens.inputGroupWebMarginLeft, _styledComponents.inputGroupTokens.inputGroupWebClipPath, _styledComponents.inputGroupTokens.inputGroupWebMarginTop, _styledComponents.inputGroupTokens.inputGroupWebVerticalClipPath),
|
27
|
+
dense: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n "])), _styledComponents.inputGroupTokens.inputGroupItemsGap),
|
28
|
+
wide: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n "])), _styledComponents.inputGroupTokens.inputGroupItemsGap)
|
29
|
+
},
|
30
|
+
shape: {
|
31
|
+
segmented: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
32
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
33
|
+
},
|
34
|
+
stretching: {
|
35
|
+
auto: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
36
|
+
filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
37
|
+
}
|
38
|
+
}
|
39
|
+
};
|
@@ -0,0 +1,45 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
/**
|
3
|
+
* Группа Input.
|
4
|
+
*/
|
5
|
+
export declare const InputGroup: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
6
|
+
size: {
|
7
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
+
};
|
12
|
+
orientation: {
|
13
|
+
horizontal: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
+
vertical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
+
};
|
16
|
+
gap: {
|
17
|
+
none: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
18
|
+
dense: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
|
+
wide: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
|
+
};
|
21
|
+
shape: {
|
22
|
+
segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
23
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
24
|
+
};
|
25
|
+
stretching: {
|
26
|
+
auto: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
27
|
+
filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
|
+
};
|
29
|
+
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
30
|
+
orientation?: import("@salutejs/plasma-new-hope/types/components/InputGroup/InputGroup.types").Orientation | undefined;
|
31
|
+
stretching?: ("auto" | "filled") | undefined;
|
32
|
+
size?: string | undefined;
|
33
|
+
isCommonInputStyles?: boolean | undefined;
|
34
|
+
} & {
|
35
|
+
gap?: "none" | "dense" | undefined;
|
36
|
+
shape?: "segmented" | undefined;
|
37
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
38
|
+
orientation?: import("@salutejs/plasma-new-hope/types/components/InputGroup/InputGroup.types").Orientation | undefined;
|
39
|
+
stretching?: ("auto" | "filled") | undefined;
|
40
|
+
size?: string | undefined;
|
41
|
+
isCommonInputStyles?: boolean | undefined;
|
42
|
+
} & {
|
43
|
+
gap?: "dense" | "wide" | undefined;
|
44
|
+
shape?: "default" | undefined;
|
45
|
+
} & import("react").RefAttributes<HTMLDivElement>))>;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.InputGroup = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _InputGroup = /*#__PURE__*/require("./InputGroup.config");
|
9
|
+
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.inputGroupConfig, _InputGroup.config);
|
10
|
+
|
11
|
+
/**
|
12
|
+
* Группа Input.
|
13
|
+
*/
|
14
|
+
var InputGroup = exports.InputGroup = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|