@salutejs/plasma-web 1.419.0-canary.1459.11345044568.0 → 1.419.0-canary.1459.11347702889.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +7 -226
- package/components/Combobox/Combobox.d.ts +126 -6
- package/components/Combobox/index.d.ts +12 -227
- package/components/Combobox/index.js +6 -2
- package/components/TextArea/TextArea.config.js +4 -4
- package/components/Toast/Toast.config.js +1 -1
- package/css/cjs/components/Combobox/index.js +6 -2
- package/css/cjs/components/Combobox/index.js.map +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/css/cjs/components/TextArea/{TextArea.config_o66pnl.css → TextArea.config_g5fxsq.css} +4 -4
- package/css/cjs/components/TextArea/TextArea.css +16 -16
- package/css/cjs/components/Toast/Toast.config.js +1 -1
- package/css/cjs/components/Toast/Toast.config.js.map +1 -1
- package/css/cjs/components/Toast/{Toast.config_1cwp1pi.css → Toast.config_1jtfxhk.css} +1 -1
- package/css/cjs/components/Toast/Toast.css +6 -6
- package/css/cjs/index.css +23 -23
- package/css/es/components/Combobox/index.js +6 -2
- package/css/es/components/Combobox/index.js.map +1 -1
- package/css/es/components/TextArea/TextArea.config.js +1 -1
- package/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/css/es/components/TextArea/{TextArea.config_o66pnl.css → TextArea.config_g5fxsq.css} +4 -4
- package/css/es/components/TextArea/TextArea.css +16 -16
- package/css/es/components/Toast/Toast.config.js +1 -1
- package/css/es/components/Toast/Toast.config.js.map +1 -1
- package/css/es/components/Toast/{Toast.config_1cwp1pi.css → Toast.config_1jtfxhk.css} +1 -1
- package/css/es/components/Toast/Toast.css +6 -6
- package/css/es/index.css +23 -23
- package/es/components/Combobox/index.js +6 -3
- package/es/components/TextArea/TextArea.config.js +4 -4
- package/es/components/Toast/Toast.config.js +1 -1
- package/package.json +3 -3
- package/temp/plasma-web.api.md +7 -226
@@ -1,229 +1,14 @@
|
|
1
|
-
import React from 'react';
|
1
|
+
import React, { ComponentProps } from 'react';
|
2
|
+
import type { ItemOption, ComboboxProps } from '@salutejs/plasma-new-hope';
|
3
|
+
import { config } from './Combobox.config';
|
4
|
+
import { Combobox as ComboboxOld } from './Legacy';
|
5
|
+
import { Combobox as ComboboxNew } from './Combobox';
|
2
6
|
export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';
|
3
7
|
export type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
|
4
|
-
declare
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
size: {
|
12
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
16
|
-
};
|
17
|
-
labelPlacement: {
|
18
|
-
inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
|
-
outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
|
-
};
|
21
|
-
disabled: {
|
22
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
23
|
-
};
|
24
|
-
readOnly: {
|
25
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
26
|
-
};
|
27
|
-
}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
|
28
|
-
readOnly?: boolean | undefined;
|
29
|
-
disabled?: true | undefined;
|
30
|
-
alwaysOpened?: false | undefined;
|
31
|
-
} & {
|
32
|
-
multiple?: false | undefined;
|
33
|
-
value?: string | undefined;
|
34
|
-
onChange?: ((value: string) => void) | undefined;
|
35
|
-
isTargetAmount?: false | undefined;
|
36
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
37
|
-
view: {
|
38
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
39
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
40
|
-
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
41
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
42
|
-
};
|
43
|
-
size: {
|
44
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
45
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
46
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
47
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
48
|
-
};
|
49
|
-
labelPlacement: {
|
50
|
-
inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
51
|
-
outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
52
|
-
};
|
53
|
-
disabled: {
|
54
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
55
|
-
};
|
56
|
-
readOnly: {
|
57
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
58
|
-
};
|
59
|
-
}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
|
60
|
-
readOnly?: boolean | undefined;
|
61
|
-
disabled?: true | undefined;
|
62
|
-
alwaysOpened?: false | undefined;
|
63
|
-
} & {
|
64
|
-
multiple: true;
|
65
|
-
value?: string[] | undefined;
|
66
|
-
onChange?: ((value: string[]) => void) | undefined;
|
67
|
-
isTargetAmount?: boolean | undefined;
|
68
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
69
|
-
view: {
|
70
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
71
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
72
|
-
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
73
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
74
|
-
};
|
75
|
-
size: {
|
76
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
77
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
78
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
79
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
80
|
-
};
|
81
|
-
labelPlacement: {
|
82
|
-
inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
83
|
-
outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
84
|
-
};
|
85
|
-
disabled: {
|
86
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
87
|
-
};
|
88
|
-
readOnly: {
|
89
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
90
|
-
};
|
91
|
-
}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
|
92
|
-
readOnly?: true | undefined;
|
93
|
-
disabled?: boolean | undefined;
|
94
|
-
alwaysOpened?: false | undefined;
|
95
|
-
} & {
|
96
|
-
multiple?: false | undefined;
|
97
|
-
value?: string | undefined;
|
98
|
-
onChange?: ((value: string) => void) | undefined;
|
99
|
-
isTargetAmount?: false | undefined;
|
100
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
101
|
-
view: {
|
102
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
103
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
104
|
-
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
105
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
106
|
-
};
|
107
|
-
size: {
|
108
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
109
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
110
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
111
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
112
|
-
};
|
113
|
-
labelPlacement: {
|
114
|
-
inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
115
|
-
outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
116
|
-
};
|
117
|
-
disabled: {
|
118
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
119
|
-
};
|
120
|
-
readOnly: {
|
121
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
122
|
-
};
|
123
|
-
}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
|
124
|
-
readOnly?: true | undefined;
|
125
|
-
disabled?: boolean | undefined;
|
126
|
-
alwaysOpened?: false | undefined;
|
127
|
-
} & {
|
128
|
-
multiple: true;
|
129
|
-
value?: string[] | undefined;
|
130
|
-
onChange?: ((value: string[]) => void) | undefined;
|
131
|
-
isTargetAmount?: boolean | undefined;
|
132
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
133
|
-
view: {
|
134
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
135
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
136
|
-
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
137
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
138
|
-
};
|
139
|
-
size: {
|
140
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
141
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
142
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
143
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
144
|
-
};
|
145
|
-
labelPlacement: {
|
146
|
-
inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
147
|
-
outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
148
|
-
};
|
149
|
-
disabled: {
|
150
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
151
|
-
};
|
152
|
-
readOnly: {
|
153
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
154
|
-
};
|
155
|
-
}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
|
156
|
-
readOnly?: false | undefined;
|
157
|
-
disabled?: false | undefined;
|
158
|
-
alwaysOpened?: true | undefined;
|
159
|
-
} & {
|
160
|
-
multiple?: false | undefined;
|
161
|
-
value?: string | undefined;
|
162
|
-
onChange?: ((value: string) => void) | undefined;
|
163
|
-
isTargetAmount?: false | undefined;
|
164
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
165
|
-
view: {
|
166
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
167
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
168
|
-
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
169
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
170
|
-
};
|
171
|
-
size: {
|
172
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
173
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
174
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
175
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
176
|
-
};
|
177
|
-
labelPlacement: {
|
178
|
-
inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
179
|
-
outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
180
|
-
};
|
181
|
-
disabled: {
|
182
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
183
|
-
};
|
184
|
-
readOnly: {
|
185
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
186
|
-
};
|
187
|
-
}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
|
188
|
-
readOnly?: false | undefined;
|
189
|
-
disabled?: false | undefined;
|
190
|
-
alwaysOpened?: true | undefined;
|
191
|
-
} & {
|
192
|
-
multiple: true;
|
193
|
-
value?: string[] | undefined;
|
194
|
-
onChange?: ((value: string[]) => void) | undefined;
|
195
|
-
isTargetAmount?: boolean | undefined;
|
196
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
197
|
-
size: {
|
198
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
199
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
200
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
201
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
202
|
-
};
|
203
|
-
view: {
|
204
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
205
|
-
};
|
206
|
-
}> & Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "type" | "target" | "size" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").CustomComboboxProps & {
|
207
|
-
valueType?: "single" | undefined;
|
208
|
-
value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue | undefined;
|
209
|
-
onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue | undefined) => void) | undefined;
|
210
|
-
} & React.RefAttributes<HTMLInputElement> & {
|
211
|
-
items?: undefined;
|
212
|
-
}, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
213
|
-
size: {
|
214
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
215
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
216
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
217
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
218
|
-
};
|
219
|
-
view: {
|
220
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
221
|
-
};
|
222
|
-
}> & Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "type" | "target" | "size" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").CustomComboboxProps & {
|
223
|
-
valueType: "multiple";
|
224
|
-
value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue[] | undefined;
|
225
|
-
onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue[] | undefined) => void) | undefined;
|
226
|
-
} & React.RefAttributes<HTMLInputElement> & {
|
227
|
-
items?: undefined;
|
228
|
-
}, "ref">) & React.RefAttributes<HTMLInputElement>>;
|
229
|
-
export { Combobox };
|
8
|
+
declare type PropsFromConfig = keyof typeof config['variations'];
|
9
|
+
declare type PropsOld = ComponentProps<typeof ComboboxOld> & {
|
10
|
+
items?: never;
|
11
|
+
};
|
12
|
+
declare type PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
|
13
|
+
declare type CommonProps<T extends ItemOption> = PropsOld | PropsNew<T>;
|
14
|
+
export declare const Combobox: <T extends ItemOption>(props: CommonProps<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
|
@@ -41,7 +41,10 @@ var _Combobox = /*#__PURE__*/require("./Combobox");
|
|
41
41
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
42
42
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
43
43
|
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); }
|
44
|
-
|
44
|
+
function fixedForwardRef(render) {
|
45
|
+
return /*#__PURE__*/(0, _react.forwardRef)(render);
|
46
|
+
}
|
47
|
+
var ComboboxComponent = function ComboboxComponent(props, ref) {
|
45
48
|
if (props.items) {
|
46
49
|
return /*#__PURE__*/_react["default"].createElement(_Combobox.Combobox, _extends({
|
47
50
|
ref: ref
|
@@ -50,4 +53,5 @@ var Combobox = exports.Combobox = /*#__PURE__*/(0, _react.forwardRef)(function (
|
|
50
53
|
return /*#__PURE__*/_react["default"].createElement(_Legacy.Combobox, _extends({
|
51
54
|
ref: ref
|
52
55
|
}, props));
|
53
|
-
}
|
56
|
+
};
|
57
|
+
var Combobox = exports.Combobox = /*#__PURE__*/fixedForwardRef(ComboboxComponent);
|
@@ -14,10 +14,10 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
size: {
|
17
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 1.5rem;\n ", ": 0.563rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ":
|
18
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-
|
19
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 2.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-
|
20
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-
|
17
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 1.5rem;\n ", ": 0.563rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 0.625rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.675rem auto auto;\n ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n ", ": 0.813rem -1.875rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n\n ", ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.751rem -1.875rem auto auto;\n ", ": -0.188rem -1.938rem auto auto;\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 "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.clearLabelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
|
18
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-footnote1-font-family);\n ", ": var(--plasma-typo-footnote1-font-size);\n ", ": var(--plasma-typo-footnote1-font-style);\n ", ": var(--plasma-typo-footnote1-font-weight);\n ", ": var(--plasma-typo-footnote1-letter-spacing);\n ", ": var(--plasma-typo-footnote1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.125rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.751rem -2rem auto auto;\n ", ": 0.062rem -2.063rem auto auto;\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 "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.clearLabelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
|
19
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 2.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.1875rem -0.625rem auto auto;\n ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n ", ": 1.25rem -2.25rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.751rem -2rem auto auto;\n ", ": 0.312rem -2.063rem auto auto;\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 "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.clearLabelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
|
20
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5625rem;\n ", ": 0.125rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 1.125rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 1.375rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n ", ": 1.5rem -2.25rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.751rem -2rem auto auto;\n ", ": 0.562rem -2.063rem auto auto;\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 "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.clearLabelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight)
|
21
21
|
},
|
22
22
|
view: {
|
23
23
|
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
|
@@ -20,7 +20,7 @@ var config = exports.config = {
|
|
20
20
|
* использовать `default`
|
21
21
|
*/
|
22
22
|
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
|
23
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-brightness);\n\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
|
23
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-primary-brightness);\n\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
|
24
24
|
light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-surface-solid-primary-brightness);\n\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
|
25
25
|
},
|
26
26
|
size: {
|
@@ -7,7 +7,10 @@ var React = require('react');
|
|
7
7
|
var Combobox$2 = require('./Combobox.js');
|
8
8
|
var Combobox$1 = require('./Legacy/Combobox.js');
|
9
9
|
|
10
|
-
|
10
|
+
function fixedForwardRef(render) {
|
11
|
+
return /*#__PURE__*/React.forwardRef(render);
|
12
|
+
}
|
13
|
+
var ComboboxComponent = function ComboboxComponent(props, ref) {
|
11
14
|
if (props.items) {
|
12
15
|
return /*#__PURE__*/React.createElement(Combobox$2.Combobox, _rollupPluginBabelHelpers.extends({
|
13
16
|
ref: ref
|
@@ -16,7 +19,8 @@ var Combobox = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
16
19
|
return /*#__PURE__*/React.createElement(Combobox$1.Combobox, _rollupPluginBabelHelpers.extends({
|
17
20
|
ref: ref
|
18
21
|
}, props));
|
19
|
-
}
|
22
|
+
};
|
23
|
+
var Combobox = /*#__PURE__*/fixedForwardRef(ComboboxComponent);
|
20
24
|
|
21
25
|
exports.ComboboxDivider = Combobox$1.ComboboxDivider;
|
22
26
|
exports.ComboboxFooter = Combobox$1.ComboboxFooter;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src-css/components/Combobox/index.tsx"],"sourcesContent":["import React, { forwardRef, ComponentProps } from 'react';\n\nimport { Combobox as ComboboxOld } from './Legacy';\nimport { Combobox as ComboboxNew } from './Combobox';\n\nexport { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';\n\nexport type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope';\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\ntype PropsNew = ComponentProps<typeof ComboboxNew>;\n\ntype CommonProps = PropsOld | PropsNew
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src-css/components/Combobox/index.tsx"],"sourcesContent":["import React, { forwardRef, ComponentProps } from 'react';\nimport type { ItemOption, ComboboxProps } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\nimport { Combobox as ComboboxNew } from './Combobox';\n\nexport { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';\n\nexport type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope';\n\nfunction fixedForwardRef<T, P = {}>(\n render: (props: P, ref: React.Ref<T>) => React.ReactElement | null,\n): (props: P & React.RefAttributes<T>) => React.ReactElement | null {\n return forwardRef(render as any) as any;\n}\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> &\n Pick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ItemOption> = PropsOld | PropsNew<T>;\n\nconst ComboboxComponent = <T extends ItemOption>(props: CommonProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...(props as any)} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n};\n\nexport const Combobox = fixedForwardRef(ComboboxComponent);\n"],"names":["fixedForwardRef","render","forwardRef","ComboboxComponent","props","ref","items","React","createElement","ComboboxNew","_extends","ComboboxOld","Combobox"],"mappings":";;;;;;;;;AAWA,SAASA,eAAeA,CACpBC,MAAkE,EACF;EAChE,oBAAOC,gBAAU,CAACD,MAAa,CAAC,CAAA;AACpC,CAAA;AAWA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAA0BC,KAAqB,EAAEC,GAAyC,EAAK;EAClH,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,mBAAW,EAAAC,iCAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACG,mBAAW,EAAAD,iCAAA,CAAA;AAACL,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC,CAAA;IAEYQ,QAAQ,gBAAGZ,eAAe,CAACG,iBAAiB;;;;;;;;;"}
|