@salutejs/plasma-web 1.384.0-canary.1406.10628421547.0 → 1.384.1-canary.1374.10632027763.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +82 -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/Tabs/TabItem.d.ts +3 -2
- package/components/Tabs/TabItem.js +21 -3
- package/components/Tabs/Tabs.d.ts +3 -2
- package/components/Tabs/Tabs.js +21 -3
- package/components/Tabs/TabsController.d.ts +2 -2
- package/components/Tabs/vertical/VerticalTabItem.config.d.ts +1 -0
- package/components/Tabs/vertical/VerticalTabItem.config.js +5 -0
- package/components/Tabs/vertical/VerticalTabs.config.d.ts +1 -0
- package/components/Tabs/vertical/VerticalTabs.config.js +5 -0
- 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_18fbty9.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/Tabs/TabItem.css +15 -15
- package/css/cjs/components/Tabs/TabItem.js +18 -3
- package/css/cjs/components/Tabs/TabItem.js.map +1 -1
- package/css/cjs/components/Tabs/Tabs.css +15 -15
- package/css/cjs/components/Tabs/Tabs.js +18 -3
- package/css/cjs/components/Tabs/Tabs.js.map +1 -1
- package/css/cjs/components/Tabs/TabsController.css +30 -30
- package/css/cjs/components/Tabs/TabsController.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config_xl402n.css +15 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config_17bycx2.css +15 -0
- package/css/cjs/index.css +37 -31
- package/css/cjs/index.js +7 -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_18fbty9.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/Tabs/TabItem.css +15 -15
- package/css/es/components/Tabs/TabItem.js +19 -4
- package/css/es/components/Tabs/TabItem.js.map +1 -1
- package/css/es/components/Tabs/Tabs.css +15 -15
- package/css/es/components/Tabs/Tabs.js +19 -4
- package/css/es/components/Tabs/Tabs.js.map +1 -1
- package/css/es/components/Tabs/TabsController.css +30 -30
- package/css/es/components/Tabs/TabsController.js.map +1 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +35 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config_xl402n.css +15 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js +37 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config_17bycx2.css +15 -0
- package/css/es/index.css +37 -31
- package/css/es/index.js +1 -0
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -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/Tabs/TabItem.js +21 -4
- package/es/components/Tabs/Tabs.js +21 -4
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -0
- package/es/components/Tabs/vertical/VerticalTabs.config.js +1 -0
- package/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/package.json +3 -3
- package/temp/plasma-web.api.md +82 -4
- package/css/cjs/components/Tabs/TabItem.config.js +0 -39
- package/css/cjs/components/Tabs/TabItem.config.js.map +0 -1
- package/css/cjs/components/Tabs/TabItem.config_mjoml6.css +0 -15
- package/css/cjs/components/Tabs/Tabs.config.js +0 -41
- package/css/cjs/components/Tabs/Tabs.config.js.map +0 -1
- package/css/cjs/components/Tabs/Tabs.config_1g344dn.css +0 -15
- package/css/es/components/Tabs/TabItem.config.js +0 -35
- package/css/es/components/Tabs/TabItem.config.js.map +0 -1
- package/css/es/components/Tabs/TabItem.config_mjoml6.css +0 -15
- package/css/es/components/Tabs/Tabs.config.js +0 -37
- package/css/es/components/Tabs/Tabs.config.js.map +0 -1
- package/css/es/components/Tabs/Tabs.config_1g344dn.css +0 -15
- /package/components/Tabs/{TabItem.config.d.ts → horizontal/HorizontalTabItem.config.d.ts} +0 -0
- /package/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +0 -0
- /package/components/Tabs/{Tabs.config.d.ts → horizontal/HorizontalTabs.config.d.ts} +0 -0
- /package/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +0 -0
- /package/es/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +0 -0
- /package/es/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +0 -0
package/api/plasma-web.api.md
CHANGED
|
@@ -88,14 +88,16 @@ 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
|
-
import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
|
|
98
|
-
import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
|
|
99
101
|
import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
|
|
100
102
|
import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
|
|
101
103
|
import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
|
|
@@ -208,7 +210,9 @@ import { rangeTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
|
208
210
|
import { Ratio } from '@salutejs/plasma-new-hope/styled-components';
|
|
209
211
|
import { default as React_2 } from 'react';
|
|
210
212
|
import { ReactElement } from 'react';
|
|
213
|
+
import { ReactFragment } from 'react';
|
|
211
214
|
import { ReactNode } from 'react';
|
|
215
|
+
import { ReactPortal } from 'react';
|
|
212
216
|
import { RectSkeleton } from '@salutejs/plasma-new-hope/styled-components';
|
|
213
217
|
import { RectSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
214
218
|
import { RefAttributes } from 'react';
|
|
@@ -935,6 +939,80 @@ export { ColProps }
|
|
|
935
939
|
|
|
936
940
|
export { ColSizeProps }
|
|
937
941
|
|
|
942
|
+
// @public (undocumented)
|
|
943
|
+
export const Combobox: FunctionComponent<PropsType< {
|
|
944
|
+
size: {
|
|
945
|
+
xs: PolymorphicClassName;
|
|
946
|
+
s: PolymorphicClassName;
|
|
947
|
+
m: PolymorphicClassName;
|
|
948
|
+
l: PolymorphicClassName;
|
|
949
|
+
};
|
|
950
|
+
view: {
|
|
951
|
+
default: PolymorphicClassName;
|
|
952
|
+
};
|
|
953
|
+
}> & ((Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
|
|
954
|
+
valueType?: "single" | undefined;
|
|
955
|
+
value?: ComboboxPrimitiveValue | undefined;
|
|
956
|
+
onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
|
|
957
|
+
} & RefAttributes<HTMLInputElement>) | (Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
|
|
958
|
+
valueType: "multiple";
|
|
959
|
+
value?: ComboboxPrimitiveValue[] | undefined;
|
|
960
|
+
onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
|
|
961
|
+
} & RefAttributes<HTMLInputElement>))>;
|
|
962
|
+
|
|
963
|
+
// @public (undocumented)
|
|
964
|
+
export const ComboboxDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
|
|
965
|
+
id?: string | undefined;
|
|
966
|
+
size?: string | undefined;
|
|
967
|
+
view?: string | undefined;
|
|
968
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
969
|
+
|
|
970
|
+
// @public (undocumented)
|
|
971
|
+
export const ComboboxFooter: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
|
|
972
|
+
id?: string | undefined;
|
|
973
|
+
size?: string | undefined;
|
|
974
|
+
view?: string | undefined;
|
|
975
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
976
|
+
|
|
977
|
+
// @public (undocumented)
|
|
978
|
+
export const ComboboxGroup: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
|
|
979
|
+
id?: string | undefined;
|
|
980
|
+
labelClassName?: string | undefined;
|
|
981
|
+
groupClassName?: string | undefined;
|
|
982
|
+
label?: ReactNode;
|
|
983
|
+
role?: string | undefined;
|
|
984
|
+
size?: string | undefined;
|
|
985
|
+
view?: string | undefined;
|
|
986
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
987
|
+
|
|
988
|
+
// @public (undocumented)
|
|
989
|
+
export const ComboboxHeader: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
|
|
990
|
+
id?: string | undefined;
|
|
991
|
+
size?: string | undefined;
|
|
992
|
+
view?: string | undefined;
|
|
993
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
994
|
+
|
|
995
|
+
// @public (undocumented)
|
|
996
|
+
export const ComboboxItem: FunctionComponent<PropsType<Variants> & Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
|
997
|
+
id?: string | undefined;
|
|
998
|
+
disabled?: boolean | undefined;
|
|
999
|
+
label?: ReactNode;
|
|
1000
|
+
role?: string | undefined;
|
|
1001
|
+
contentLeft?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined;
|
|
1002
|
+
contentRight?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined;
|
|
1003
|
+
name?: string | undefined;
|
|
1004
|
+
checked?: boolean | undefined;
|
|
1005
|
+
text?: string | undefined;
|
|
1006
|
+
value?: string | number | boolean | undefined;
|
|
1007
|
+
isSelected?: boolean | undefined;
|
|
1008
|
+
onClick?: ((event: MouseEvent_2<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
1009
|
+
onSelect?: ((value?: any, text?: any) => void) | undefined;
|
|
1010
|
+
size?: string | undefined;
|
|
1011
|
+
view?: string | undefined;
|
|
1012
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
1013
|
+
|
|
1014
|
+
export { ComboboxProps }
|
|
1015
|
+
|
|
938
1016
|
// @public (undocumented)
|
|
939
1017
|
export const Container: FunctionComponent<PropsType< {
|
|
940
1018
|
view: {
|
|
@@ -2251,14 +2329,14 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
|
|
|
2251
2329
|
export { syntheticFocus }
|
|
2252
2330
|
|
|
2253
2331
|
// @public
|
|
2254
|
-
export const TabItem:
|
|
2332
|
+
export const TabItem: ({ orientation, ...rest }: TabItemProps) => JSX.Element;
|
|
2255
2333
|
|
|
2256
2334
|
export { TabItemProps }
|
|
2257
2335
|
|
|
2258
2336
|
export { TabItemRefs }
|
|
2259
2337
|
|
|
2260
2338
|
// @public
|
|
2261
|
-
export const Tabs:
|
|
2339
|
+
export const Tabs: ({ orientation, ...rest }: TabsProps) => JSX.Element;
|
|
2262
2340
|
|
|
2263
2341
|
export { TabsContext }
|
|
2264
2342
|
|
|
@@ -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);\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");
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TabItemProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
3
|
/**
|
|
3
4
|
* Элемент списка, недопустимо использовать вне компонента Tabs.
|
|
4
5
|
*/
|
|
5
|
-
export declare const TabItem:
|
|
6
|
+
export declare const TabItem: ({ orientation, ...rest }: TabItemProps) => JSX.Element;
|
|
@@ -4,11 +4,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TabItem = void 0;
|
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
|
7
8
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
|
8
|
-
var
|
|
9
|
-
var
|
|
9
|
+
var _HorizontalTabItem = /*#__PURE__*/require("./horizontal/HorizontalTabItem.config");
|
|
10
|
+
var _div;
|
|
11
|
+
var _excluded = ["orientation"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
|
+
var mergedHorizontalTabItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.horizontalTabItemConfig, _HorizontalTabItem.config);
|
|
17
|
+
var HorizontalTabItem = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabItemConfig);
|
|
10
18
|
|
|
11
19
|
/**
|
|
12
20
|
* Элемент списка, недопустимо использовать вне компонента Tabs.
|
|
13
21
|
*/
|
|
14
|
-
var TabItem = exports.TabItem =
|
|
22
|
+
var TabItem = exports.TabItem = function TabItem(_ref) {
|
|
23
|
+
var _ref$orientation = _ref.orientation,
|
|
24
|
+
orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
|
|
25
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
+
if (orientation === 'vertical') {
|
|
27
|
+
return _div || (_div = /*#__PURE__*/_react["default"].createElement("div", null, "to be implemented"));
|
|
28
|
+
}
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement(HorizontalTabItem, _extends({
|
|
30
|
+
orientation: orientation
|
|
31
|
+
}, rest));
|
|
32
|
+
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TabsProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
3
|
/**
|
|
3
4
|
* Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
|
|
4
5
|
*/
|
|
5
|
-
export declare const Tabs:
|
|
6
|
+
export declare const Tabs: ({ orientation, ...rest }: TabsProps) => JSX.Element;
|
package/components/Tabs/Tabs.js
CHANGED
|
@@ -4,10 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Tabs = void 0;
|
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
|
7
8
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
|
8
|
-
var
|
|
9
|
-
var
|
|
9
|
+
var _HorizontalTabs = /*#__PURE__*/require("./horizontal/HorizontalTabs.config");
|
|
10
|
+
var _div;
|
|
11
|
+
var _excluded = ["orientation"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
|
+
var mergedHorizontalTabsConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.horizontalTabsConfig, _HorizontalTabs.config);
|
|
17
|
+
var HorizontalTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabsConfig);
|
|
18
|
+
|
|
10
19
|
/**
|
|
11
20
|
* Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
|
|
12
21
|
*/
|
|
13
|
-
var Tabs = exports.Tabs =
|
|
22
|
+
var Tabs = exports.Tabs = function Tabs(_ref) {
|
|
23
|
+
var orientation = _ref.orientation,
|
|
24
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
if (orientation === 'vertical') {
|
|
26
|
+
return _div || (_div = /*#__PURE__*/_react["default"].createElement("div", null, "to be implemented"));
|
|
27
|
+
}
|
|
28
|
+
return /*#__PURE__*/_react["default"].createElement(HorizontalTabs, _extends({
|
|
29
|
+
orientation: orientation
|
|
30
|
+
}, rest));
|
|
31
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* Контроллер вкладок.
|
|
4
4
|
* Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
|
|
5
5
|
*/
|
|
6
|
-
export declare const TabsController:
|
|
6
|
+
export declare const TabsController: ForwardRefExoticComponent<import("@salutejs/plasma-new-hope/styled-components").TabsControllerProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import './Combobox.config_18fbty9.css';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var config = {
|
|
7
|
+
defaults: {
|
|
8
|
+
view: 'default',
|
|
9
|
+
size: 'm'
|
|
10
|
+
},
|
|
11
|
+
variations: {
|
|
12
|
+
size: {
|
|
13
|
+
xs: "x1scuc1k",
|
|
14
|
+
s: "s953oeh",
|
|
15
|
+
m: "mcllkda",
|
|
16
|
+
l: "l1ioh6mq"
|
|
17
|
+
},
|
|
18
|
+
view: {
|
|
19
|
+
"default": "d1jkqh6u"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
exports.config = config;
|
|
25
|
+
//# sourceMappingURL=Combobox.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.config.js","sources":["../../../../src-css/components/Combobox/Combobox.config.ts"],"sourcesContent":["import { css, comboboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.5rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.5rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.375rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1rem;\n ${comboboxTokens.itemPaddingTop}: 0.5rem;\n ${comboboxTokens.itemPaddingRight}: 0.5rem;\n ${comboboxTokens.itemPaddingBottom}: 0.5rem;\n ${comboboxTokens.itemPaddingLeft}: 0.375rem;\n ${comboboxTokens.itemBorderRadius}: 0.375rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.25rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.125rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 1.25rem;\n ${comboboxTokens.chipPaddingRight}: 0.375rem;\n ${comboboxTokens.chipPaddingLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.25rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 0.75rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.5rem;\n ${comboboxTokens.targetHeight}: 2rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.5rem;\n ${comboboxTokens.targetPadding}: 0 2.5rem 0 0.75rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 2.625rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 2.625rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.625rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.75rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.75rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 0.5rem;\n ${comboboxTokens.itemPaddingRight}: 0.75rem;\n ${comboboxTokens.itemPaddingBottom}: 0.5rem;\n ${comboboxTokens.itemPaddingLeft}: 0.75rem;\n ${comboboxTokens.itemBorderRadius}: 0.5rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.75rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.25rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 1.75rem;\n ${comboboxTokens.chipPaddingRight}: 0.5rem;\n ${comboboxTokens.chipPaddingLeft}: 0.75rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.375rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 0.75rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.75rem;\n ${comboboxTokens.targetHeight}: 2.5rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.625rem;\n ${comboboxTokens.targetPadding}: 0 3rem 0 1rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.125rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.125rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-s-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.75rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.875rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.875rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 0.75rem;\n ${comboboxTokens.itemPaddingRight}: 0.875rem;\n ${comboboxTokens.itemPaddingBottom}: 0.75rem;\n ${comboboxTokens.itemPaddingLeft}: 0.875rem;\n ${comboboxTokens.itemBorderRadius}: 0.625rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.75rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.375rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 2.25rem;\n ${comboboxTokens.chipPaddingRight}: 0.875rem;\n ${comboboxTokens.chipPaddingLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.5rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 1rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.875rem;\n ${comboboxTokens.targetHeight}: 3rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.75rem;\n ${comboboxTokens.targetPadding}: 0 3.25rem 0 1.25rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.375rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.375rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-m-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n l: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.875rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 1rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 1rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 1rem;\n ${comboboxTokens.itemPaddingRight}: 1rem;\n ${comboboxTokens.itemPaddingBottom}: 1rem;\n ${comboboxTokens.itemPaddingLeft}: 1rem;\n ${comboboxTokens.itemBorderRadius}: 0.75rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.875rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.5rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 2.75rem;\n ${comboboxTokens.chipPaddingRight}: 0.75rem;\n ${comboboxTokens.chipPaddingLeft}: 1rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 1rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.targetArrowRight}: 1rem;\n ${comboboxTokens.targetHeight}: 3.5rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.875rem;\n ${comboboxTokens.targetPadding}: 0 3.5rem 0 1.5rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.625rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.625rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-l-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-l-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-l-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-l-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n view: {\n default: css`\n ${comboboxTokens.targetColor}: var(--text-primary);\n ${comboboxTokens.targetLabelColor}: var(--text-secondary);\n ${comboboxTokens.targetArrowColor}: var(--text-secondary);\n ${comboboxTokens.targetBorderColor}: var(--text-tertiary);\n ${comboboxTokens.targetBorderColorHover}: var(--text-tertiary-hover);\n ${comboboxTokens.targetBorderColorActive}: var(--text-tertiary-active);\n ${comboboxTokens.targetBorderColorOpen}: var(--text-accent);\n\n ${comboboxTokens.background}: var(--surface-solid-card);\n ${comboboxTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: Забирать из токена --shadow-down-soft-s */\n\n ${comboboxTokens.itemBackground}: var(--plasma-colors-transparent);\n ${comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.itemBackgroundSelectedHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.itemColor}: var(--text-primary);\n ${comboboxTokens.itemContentLeftColor}: var(--text-accent);\n\n ${comboboxTokens.chipCloseIconColor}: var(--text-secondary);\n ${comboboxTokens.chipColor}: var(--text-primary);\n ${comboboxTokens.chipBackground}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorHover}: var(--text-primary);\n ${comboboxTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${comboboxTokens.chipColorActive}: var(--text-primary);\n ${comboboxTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${comboboxTokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorReadOnly}: var(--text-primary);\n ${comboboxTokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorReadOnlyHover}: var(--text-primary);\n ${comboboxTokens.chipOpacityReadonly}: 0.72;\n\n ${comboboxTokens.disabledOpacity}: 0.4;\n ${comboboxTokens.focusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAoED,UAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAqEJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,UAAA;AAkCX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
.x1scuc1k{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.5rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.5rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.375rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1rem;--plasma-combobox-item-padding-top:0.5rem;--plasma-combobox-item-padding-right:0.5rem;--plasma-combobox-item-padding-bottom:0.5rem;--plasma-combobox-item-padding-left:0.375rem;--plasma-combobox-item-border-radius:0.375rem;--plasma-combobox-item-content-left-width:1.25rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.125rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:1.25rem;--plasma-combobox-chip-padding-right:0.375rem;--plasma-combobox-chip-padding-left:0.625rem;--plasma-combobox-chip-clear-content-margin-left:0.25rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:0.75rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-target-arrow-right:0.5rem;--plasma-combobox-target-height:2rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.5rem;--plasma-combobox-target-padding:0 2.5rem 0 0.75rem;--plasma-combobox-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-combobox-target-with-input:0 2.625rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
2
|
+
.s953oeh{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.625rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.75rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.75rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.5rem;--plasma-combobox-item-padding-right:0.75rem;--plasma-combobox-item-padding-bottom:0.5rem;--plasma-combobox-item-padding-left:0.75rem;--plasma-combobox-item-border-radius:0.5rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.25rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:1.75rem;--plasma-combobox-chip-padding-right:0.5rem;--plasma-combobox-chip-padding-left:0.75rem;--plasma-combobox-chip-clear-content-margin-left:0.375rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:0.75rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-arrow-right:0.75rem;--plasma-combobox-target-height:2.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.625rem;--plasma-combobox-target-padding:0 3rem 0 1rem;--plasma-combobox-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
3
|
+
.mcllkda{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.75rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.875rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.875rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.75rem;--plasma-combobox-item-padding-right:0.875rem;--plasma-combobox-item-padding-bottom:0.75rem;--plasma-combobox-item-padding-left:0.875rem;--plasma-combobox-item-border-radius:0.625rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.375rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.25rem;--plasma-combobox-chip-padding-right:0.875rem;--plasma-combobox-chip-padding-left:0.625rem;--plasma-combobox-chip-clear-content-margin-left:0.5rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:0.875rem;--plasma-combobox-target-height:3rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.75rem;--plasma-combobox-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
4
|
+
.l1ioh6mq{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.875rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:1rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:1rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:1rem;--plasma-combobox-item-padding-right:1rem;--plasma-combobox-item-padding-bottom:1rem;--plasma-combobox-item-padding-left:1rem;--plasma-combobox-item-border-radius:0.75rem;--plasma-combobox-item-content-left-width:1.875rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.5rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.75rem;--plasma-combobox-chip-padding-right:0.75rem;--plasma-combobox-chip-padding-left:1rem;--plasma-combobox-chip-clear-content-margin-left:0.625rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:1rem;--plasma-combobox-target-height:3.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.875rem;--plasma-combobox-target-padding:0 3.5rem 0 1.5rem;--plasma-combobox-target-padding-has-chips:0 3.625rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.625rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-s-line-height);}
|
|
5
|
+
.d1jkqh6u{--plasma-combobox-target-color:var(--text-primary);--plasma-combobox-target-label-color:var(--text-secondary);--plasma-combobox-target-arrow-color:var(--text-secondary);--plasma-combobox-target-border-color:var(--text-tertiary);--plasma-combobox-target-border-color-hover:var(--text-tertiary-hover);--plasma-combobox-target-border-color-active:var(--text-tertiary-active);--plasma-combobox-target-border-color-open:var(--text-accent);--plasma-combobox-background:var(--surface-solid-card);--plasma-combobox-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-combobox-item-background:var(--plasma-colors-transparent);--plasma-combobox-item-background-hover:var(--surface-transparent-secondary);--plasma-combobox-item-background-selected-hover:var(--surface-transparent-secondary);--plasma-combobox-item-color:var(--text-primary);--plasma-combobox-item-content-left-color:var(--text-accent);--plasma-combobox-chip-close-icon-color:var(--text-secondary);--plasma-combobox-chip-color:var(--text-primary);--plasma-combobox-chip-background:var(--surface-transparent-secondary);--plasma-combobox-chip-color-hover:var(--text-primary);--plasma-combobox-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-chip-color-active:var(--text-primary);--plasma-combobox-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-chip-background-readonly:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly:var(--text-primary);--plasma-combobox-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly-hover:var(--text-primary);--plasma-combobox-chip-opacity-readonly:0.72;--plasma-combobox-disabled-opacity:0.4;--plasma-combobox-focus-color:var(--surface-accent);}
|