@salutejs/sdds-cs 0.359.0-next-sbcom.0 → 0.359.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/emotion/cjs/components/Accordion/Accordion.config.js +1 -1
- package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/emotion/cjs/components/Badge/Badge.clear.config.js +47 -0
- package/dist/emotion/cjs/components/Badge/Badge.config.common.js +41 -0
- package/dist/emotion/cjs/components/Badge/Badge.config.js +3 -18
- package/dist/emotion/cjs/components/Badge/Badge.js +22 -4
- package/dist/emotion/cjs/components/Button/Button.config.js +19 -0
- package/dist/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
- package/dist/emotion/cjs/components/IconButton/IconButton.config.js +15 -0
- package/dist/emotion/cjs/components/Select/Select.config.js +1 -1
- package/dist/emotion/cjs/components/Slider/Slider.config.js +0 -1
- package/dist/emotion/cjs/components/TextField/TextField.clear.config.js +1 -1
- package/dist/emotion/cjs/components/TextField/TextField.config.js +78 -1
- package/dist/emotion/es/components/Accordion/Accordion.config.js +1 -1
- package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/emotion/es/components/Badge/Badge.clear.config.js +37 -0
- package/dist/emotion/es/components/Badge/Badge.config.common.js +23 -0
- package/dist/emotion/es/components/Badge/Badge.config.js +3 -18
- package/dist/emotion/es/components/Badge/Badge.js +9 -2
- package/dist/emotion/es/components/Button/Button.config.js +19 -0
- package/dist/emotion/es/components/Combobox/Combobox.config.js +2 -2
- package/dist/emotion/es/components/IconButton/IconButton.config.js +15 -0
- package/dist/emotion/es/components/Select/Select.config.js +1 -1
- package/dist/emotion/es/components/Slider/Slider.config.js +0 -1
- package/dist/emotion/es/components/TextField/TextField.clear.config.js +1 -1
- package/dist/emotion/es/components/TextField/TextField.config.js +78 -1
- package/package.json +8 -8
- package/types/components/Attach/Attach.d.ts +32 -16
- package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
- package/types/components/Avatar/Avatar.d.ts +8 -0
- package/types/components/Badge/Badge.clear.config.d.ts +23 -0
- package/types/components/Badge/Badge.config.common.d.ts +2 -0
- package/types/components/Badge/Badge.d.ts +166 -18
- package/types/components/Button/Button.config.d.ts +1 -0
- package/types/components/Button/Button.d.ts +3 -0
- package/types/components/DatePicker/DatePicker.d.ts +5 -1
- package/types/components/Dropdown/Dropdown.d.ts +2 -2
- package/types/components/IconButton/IconButton.config.d.ts +1 -0
- package/types/components/IconButton/IconButton.d.ts +1 -0
- package/types/components/Mask/Mask.d.ts +24 -16
- package/types/components/Range/Range.d.ts +372 -0
- package/types/components/TextArea/TextArea.d.ts +32 -32
- package/types/components/TextField/TextField.config.d.ts +1 -0
- package/types/components/TextField/TextField.d.ts +41 -32
- package/types/components/TimePicker/TimePicker.d.ts +8 -2
|
@@ -95,6 +95,83 @@ export const config = {
|
|
|
95
95
|
`
|
|
96
96
|
},
|
|
97
97
|
size: {
|
|
98
|
+
m: css`
|
|
99
|
+
${tokens.height}: 3rem;
|
|
100
|
+
${tokens.padding}: 0.75rem 0.875rem 0.75rem 0.875rem;
|
|
101
|
+
${tokens.paddingWithChips}: 0.375rem;
|
|
102
|
+
${tokens.borderRadius}: 0.75rem;
|
|
103
|
+
${tokens.borderWidth}: 0.125rem;
|
|
104
|
+
|
|
105
|
+
${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
|
|
106
|
+
${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
|
|
107
|
+
${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;
|
|
108
|
+
|
|
109
|
+
${tokens.contentRightWrapperGap}: 0.25rem;
|
|
110
|
+
${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
|
|
111
|
+
|
|
112
|
+
${tokens.textBeforeMargin}: 0 0.25rem 0 0;
|
|
113
|
+
${tokens.textAfterMargin}: 0 0 0 0.25rem;
|
|
114
|
+
|
|
115
|
+
${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);
|
|
116
|
+
${tokens.fontSize}: var(--plasma-typo-body-m-font-size);
|
|
117
|
+
${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);
|
|
118
|
+
${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
|
|
119
|
+
${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
120
|
+
${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);
|
|
121
|
+
|
|
122
|
+
${tokens.labelOffset}: 0.5rem;
|
|
123
|
+
${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
|
|
124
|
+
${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
|
|
125
|
+
${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
|
|
126
|
+
${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
|
|
127
|
+
${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
|
|
128
|
+
${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
|
|
129
|
+
|
|
130
|
+
${tokens.hintMargin}: -0.688rem -0.5rem;
|
|
131
|
+
${tokens.hintTargetSize}: 2.375rem;
|
|
132
|
+
${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
133
|
+
|
|
134
|
+
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
135
|
+
${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
136
|
+
${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
137
|
+
${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
138
|
+
${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
|
|
139
|
+
${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
|
|
140
|
+
${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
|
|
141
|
+
|
|
142
|
+
${tokens.leftHelperOffset}: 0.25rem;
|
|
143
|
+
${tokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
|
|
144
|
+
${tokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
|
|
145
|
+
${tokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
|
|
146
|
+
${tokens.leftHelperFontWeight}: var(--plasma-typo-body-s-font-weight);
|
|
147
|
+
${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
|
|
148
|
+
${tokens.leftHelperLineHeight}: var(--plasma-typo-body-s-line-height);
|
|
149
|
+
|
|
150
|
+
${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
|
|
151
|
+
${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
|
|
152
|
+
|
|
153
|
+
${tokens.chipGap}: 0.25rem;
|
|
154
|
+
${tokens.chipBorderRadius}: 0.375rem;
|
|
155
|
+
${tokens.chipWidth}: auto;
|
|
156
|
+
${tokens.chipHeight}: 2.25rem;
|
|
157
|
+
${tokens.chipPadding}: 0 0.625rem 0 0.875rem;
|
|
158
|
+
${tokens.chipClearContentMarginLeft}: 0.5rem;
|
|
159
|
+
${tokens.chipClearContentMarginRight}: 0rem;
|
|
160
|
+
${tokens.chipCloseIconSize}: 1.25rem;
|
|
161
|
+
${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);
|
|
162
|
+
${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);
|
|
163
|
+
${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);
|
|
164
|
+
${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);
|
|
165
|
+
${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
166
|
+
${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);
|
|
167
|
+
|
|
168
|
+
${tokens.indicatorSizeInner}: 0.5rem;
|
|
169
|
+
${tokens.indicatorSizeOuter}: 0.375rem;
|
|
170
|
+
${tokens.indicatorLabelPlacementInner}: 0 0 0 0;
|
|
171
|
+
${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;
|
|
172
|
+
${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;
|
|
173
|
+
${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;
|
|
174
|
+
`,
|
|
98
175
|
s: css`
|
|
99
176
|
${tokens.height}: 2.5rem;
|
|
100
177
|
${tokens.padding}: 0.6875rem 0.75rem 0.6875rem 0.75rem;
|
|
@@ -135,7 +212,7 @@ export const config = {
|
|
|
135
212
|
${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
|
|
136
213
|
${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
|
|
137
214
|
|
|
138
|
-
${tokens.
|
|
215
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
139
216
|
${tokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
|
|
140
217
|
${tokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
|
|
141
218
|
${tokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.359.0
|
|
3
|
+
"version": "0.359.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"publishConfig": {
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"styled-components": "^5.3.1"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@salutejs/plasma-new-hope": "0.367.0
|
|
46
|
-
"@salutejs/sdds-themes": "0.69.0
|
|
45
|
+
"@salutejs/plasma-new-hope": "0.367.0",
|
|
46
|
+
"@salutejs/sdds-themes": "0.69.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@babel/cli": "7.24.1",
|
|
@@ -58,10 +58,10 @@
|
|
|
58
58
|
"@emotion/styled": ">=11",
|
|
59
59
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
60
60
|
"@salutejs/plasma-colors": "0.16.0",
|
|
61
|
-
"@salutejs/plasma-core": "1.230.0
|
|
62
|
-
"@salutejs/plasma-cy-utils": "0.160.0
|
|
63
|
-
"@salutejs/plasma-icons": "1.241.0
|
|
64
|
-
"@salutejs/plasma-sb-utils": "0.231.0
|
|
61
|
+
"@salutejs/plasma-core": "1.230.0",
|
|
62
|
+
"@salutejs/plasma-cy-utils": "0.160.0",
|
|
63
|
+
"@salutejs/plasma-icons": "1.241.0",
|
|
64
|
+
"@salutejs/plasma-sb-utils": "0.231.0",
|
|
65
65
|
"@types/node": "16.7.13",
|
|
66
66
|
"@types/react": "18.0.28",
|
|
67
67
|
"@types/react-dom": "18.0.11",
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"salute.developers@gmail.com"
|
|
103
103
|
],
|
|
104
104
|
"sideEffects": false,
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "22cd4c680b11c65c8abe88d14e6c8c37af778906"
|
|
106
106
|
}
|
|
@@ -38,6 +38,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
38
38
|
value?: string | number;
|
|
39
39
|
contentRight?: never;
|
|
40
40
|
} & {
|
|
41
|
+
files?: File[];
|
|
41
42
|
acceptedFileFormats?: string[];
|
|
42
43
|
hideButtonOnAttach?: boolean;
|
|
43
44
|
hasAttachment?: boolean;
|
|
@@ -53,7 +54,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
53
54
|
dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types.js").DropdownOptions;
|
|
54
55
|
} & {
|
|
55
56
|
buttonType?: "button";
|
|
56
|
-
} & import("react").RefAttributes<
|
|
57
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
57
58
|
text?: string;
|
|
58
59
|
contentLeft?: import("react").ReactNode;
|
|
59
60
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -77,6 +78,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
77
78
|
value?: string | number;
|
|
78
79
|
contentRight?: never;
|
|
79
80
|
} & {
|
|
81
|
+
files?: File[];
|
|
80
82
|
acceptedFileFormats?: string[];
|
|
81
83
|
hideButtonOnAttach?: boolean;
|
|
82
84
|
hasAttachment?: boolean;
|
|
@@ -95,7 +97,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
95
97
|
} & {
|
|
96
98
|
value?: never;
|
|
97
99
|
contentRight?: import("react").ReactNode;
|
|
98
|
-
} & import("react").RefAttributes<
|
|
100
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
99
101
|
text?: string;
|
|
100
102
|
contentLeft?: import("react").ReactNode;
|
|
101
103
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -119,6 +121,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
119
121
|
value?: string | number;
|
|
120
122
|
contentRight?: never;
|
|
121
123
|
} & {
|
|
124
|
+
files?: File[];
|
|
122
125
|
acceptedFileFormats?: string[];
|
|
123
126
|
hideButtonOnAttach?: boolean;
|
|
124
127
|
hasAttachment?: boolean;
|
|
@@ -135,7 +138,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
135
138
|
} & {
|
|
136
139
|
buttonType?: "iconButton";
|
|
137
140
|
icon?: React.ReactNode;
|
|
138
|
-
} & import("react").RefAttributes<
|
|
141
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
139
142
|
text?: string;
|
|
140
143
|
contentLeft?: import("react").ReactNode;
|
|
141
144
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -159,6 +162,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
159
162
|
value?: string | number;
|
|
160
163
|
contentRight?: never;
|
|
161
164
|
} & {
|
|
165
|
+
files?: File[];
|
|
162
166
|
acceptedFileFormats?: string[];
|
|
163
167
|
hideButtonOnAttach?: boolean;
|
|
164
168
|
hasAttachment?: boolean;
|
|
@@ -178,7 +182,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
178
182
|
} & {
|
|
179
183
|
value?: never;
|
|
180
184
|
contentRight?: import("react").ReactNode;
|
|
181
|
-
} & import("react").RefAttributes<
|
|
185
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
182
186
|
text?: string;
|
|
183
187
|
contentLeft?: import("react").ReactNode;
|
|
184
188
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -202,6 +206,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
202
206
|
value?: string | number;
|
|
203
207
|
contentRight?: never;
|
|
204
208
|
} & {
|
|
209
|
+
files?: File[];
|
|
205
210
|
acceptedFileFormats?: string[];
|
|
206
211
|
hideButtonOnAttach?: boolean;
|
|
207
212
|
hasAttachment?: boolean;
|
|
@@ -217,7 +222,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
217
222
|
dropdownOptions?: never;
|
|
218
223
|
} & {
|
|
219
224
|
buttonType?: "button";
|
|
220
|
-
} & import("react").RefAttributes<
|
|
225
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
221
226
|
text?: string;
|
|
222
227
|
contentLeft?: import("react").ReactNode;
|
|
223
228
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -241,6 +246,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
241
246
|
value?: string | number;
|
|
242
247
|
contentRight?: never;
|
|
243
248
|
} & {
|
|
249
|
+
files?: File[];
|
|
244
250
|
acceptedFileFormats?: string[];
|
|
245
251
|
hideButtonOnAttach?: boolean;
|
|
246
252
|
hasAttachment?: boolean;
|
|
@@ -259,7 +265,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
259
265
|
} & {
|
|
260
266
|
value?: never;
|
|
261
267
|
contentRight?: import("react").ReactNode;
|
|
262
|
-
} & import("react").RefAttributes<
|
|
268
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
263
269
|
text?: string;
|
|
264
270
|
contentLeft?: import("react").ReactNode;
|
|
265
271
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -283,6 +289,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
283
289
|
value?: string | number;
|
|
284
290
|
contentRight?: never;
|
|
285
291
|
} & {
|
|
292
|
+
files?: File[];
|
|
286
293
|
acceptedFileFormats?: string[];
|
|
287
294
|
hideButtonOnAttach?: boolean;
|
|
288
295
|
hasAttachment?: boolean;
|
|
@@ -299,7 +306,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
299
306
|
} & {
|
|
300
307
|
buttonType?: "iconButton";
|
|
301
308
|
icon?: React.ReactNode;
|
|
302
|
-
} & import("react").RefAttributes<
|
|
309
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
303
310
|
text?: string;
|
|
304
311
|
contentLeft?: import("react").ReactNode;
|
|
305
312
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -323,6 +330,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
323
330
|
value?: string | number;
|
|
324
331
|
contentRight?: never;
|
|
325
332
|
} & {
|
|
333
|
+
files?: File[];
|
|
326
334
|
acceptedFileFormats?: string[];
|
|
327
335
|
hideButtonOnAttach?: boolean;
|
|
328
336
|
hasAttachment?: boolean;
|
|
@@ -342,7 +350,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
342
350
|
} & {
|
|
343
351
|
value?: never;
|
|
344
352
|
contentRight?: import("react").ReactNode;
|
|
345
|
-
} & import("react").RefAttributes<
|
|
353
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
346
354
|
text?: string;
|
|
347
355
|
contentLeft?: import("react").ReactNode;
|
|
348
356
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -366,6 +374,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
366
374
|
value?: never;
|
|
367
375
|
contentRight?: import("react").ReactNode;
|
|
368
376
|
} & {
|
|
377
|
+
files?: File[];
|
|
369
378
|
acceptedFileFormats?: string[];
|
|
370
379
|
hideButtonOnAttach?: boolean;
|
|
371
380
|
hasAttachment?: boolean;
|
|
@@ -384,7 +393,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
384
393
|
} & {
|
|
385
394
|
value?: string | number;
|
|
386
395
|
contentRight?: never;
|
|
387
|
-
} & import("react").RefAttributes<
|
|
396
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
388
397
|
text?: string;
|
|
389
398
|
contentLeft?: import("react").ReactNode;
|
|
390
399
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -408,6 +417,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
408
417
|
value?: never;
|
|
409
418
|
contentRight?: import("react").ReactNode;
|
|
410
419
|
} & {
|
|
420
|
+
files?: File[];
|
|
411
421
|
acceptedFileFormats?: string[];
|
|
412
422
|
hideButtonOnAttach?: boolean;
|
|
413
423
|
hasAttachment?: boolean;
|
|
@@ -423,7 +433,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
423
433
|
dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types.js").DropdownOptions;
|
|
424
434
|
} & {
|
|
425
435
|
buttonType?: "button";
|
|
426
|
-
} & import("react").RefAttributes<
|
|
436
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
427
437
|
text?: string;
|
|
428
438
|
contentLeft?: import("react").ReactNode;
|
|
429
439
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -447,6 +457,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
447
457
|
value?: never;
|
|
448
458
|
contentRight?: import("react").ReactNode;
|
|
449
459
|
} & {
|
|
460
|
+
files?: File[];
|
|
450
461
|
acceptedFileFormats?: string[];
|
|
451
462
|
hideButtonOnAttach?: boolean;
|
|
452
463
|
hasAttachment?: boolean;
|
|
@@ -466,7 +477,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
466
477
|
} & {
|
|
467
478
|
value?: string | number;
|
|
468
479
|
contentRight?: never;
|
|
469
|
-
} & import("react").RefAttributes<
|
|
480
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
470
481
|
text?: string;
|
|
471
482
|
contentLeft?: import("react").ReactNode;
|
|
472
483
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -490,6 +501,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
490
501
|
value?: never;
|
|
491
502
|
contentRight?: import("react").ReactNode;
|
|
492
503
|
} & {
|
|
504
|
+
files?: File[];
|
|
493
505
|
acceptedFileFormats?: string[];
|
|
494
506
|
hideButtonOnAttach?: boolean;
|
|
495
507
|
hasAttachment?: boolean;
|
|
@@ -506,7 +518,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
506
518
|
} & {
|
|
507
519
|
buttonType?: "iconButton";
|
|
508
520
|
icon?: React.ReactNode;
|
|
509
|
-
} & import("react").RefAttributes<
|
|
521
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
510
522
|
text?: string;
|
|
511
523
|
contentLeft?: import("react").ReactNode;
|
|
512
524
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -530,6 +542,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
530
542
|
value?: never;
|
|
531
543
|
contentRight?: import("react").ReactNode;
|
|
532
544
|
} & {
|
|
545
|
+
files?: File[];
|
|
533
546
|
acceptedFileFormats?: string[];
|
|
534
547
|
hideButtonOnAttach?: boolean;
|
|
535
548
|
hasAttachment?: boolean;
|
|
@@ -548,7 +561,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
548
561
|
} & {
|
|
549
562
|
value?: string | number;
|
|
550
563
|
contentRight?: never;
|
|
551
|
-
} & import("react").RefAttributes<
|
|
564
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
552
565
|
text?: string;
|
|
553
566
|
contentLeft?: import("react").ReactNode;
|
|
554
567
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -572,6 +585,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
572
585
|
value?: never;
|
|
573
586
|
contentRight?: import("react").ReactNode;
|
|
574
587
|
} & {
|
|
588
|
+
files?: File[];
|
|
575
589
|
acceptedFileFormats?: string[];
|
|
576
590
|
hideButtonOnAttach?: boolean;
|
|
577
591
|
hasAttachment?: boolean;
|
|
@@ -587,7 +601,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
587
601
|
dropdownOptions?: never;
|
|
588
602
|
} & {
|
|
589
603
|
buttonType?: "button";
|
|
590
|
-
} & import("react").RefAttributes<
|
|
604
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
591
605
|
text?: string;
|
|
592
606
|
contentLeft?: import("react").ReactNode;
|
|
593
607
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -611,6 +625,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
611
625
|
value?: never;
|
|
612
626
|
contentRight?: import("react").ReactNode;
|
|
613
627
|
} & {
|
|
628
|
+
files?: File[];
|
|
614
629
|
acceptedFileFormats?: string[];
|
|
615
630
|
hideButtonOnAttach?: boolean;
|
|
616
631
|
hasAttachment?: boolean;
|
|
@@ -630,7 +645,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
630
645
|
} & {
|
|
631
646
|
value?: string | number;
|
|
632
647
|
contentRight?: never;
|
|
633
|
-
} & import("react").RefAttributes<
|
|
648
|
+
} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
634
649
|
text?: string;
|
|
635
650
|
contentLeft?: import("react").ReactNode;
|
|
636
651
|
contentPlacing?: "default" | "relaxed";
|
|
@@ -654,6 +669,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
654
669
|
value?: never;
|
|
655
670
|
contentRight?: import("react").ReactNode;
|
|
656
671
|
} & {
|
|
672
|
+
files?: File[];
|
|
657
673
|
acceptedFileFormats?: string[];
|
|
658
674
|
hideButtonOnAttach?: boolean;
|
|
659
675
|
hasAttachment?: boolean;
|
|
@@ -670,4 +686,4 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
|
670
686
|
} & {
|
|
671
687
|
buttonType?: "iconButton";
|
|
672
688
|
icon?: React.ReactNode;
|
|
673
|
-
} & import("react").RefAttributes<
|
|
689
|
+
} & import("react").RefAttributes<HTMLInputElement>))>;
|
|
@@ -23,7 +23,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
|
|
|
23
23
|
labelPlacement?: string;
|
|
24
24
|
readOnly?: boolean;
|
|
25
25
|
disabled?: boolean;
|
|
26
|
-
portal?: string | React.RefObject<HTMLElement>;
|
|
26
|
+
portal?: string | React.RefObject<HTMLElement | null>;
|
|
27
27
|
zIndex?: React.CSSProperties["zIndex"];
|
|
28
28
|
value?: string;
|
|
29
29
|
defaultValue?: string;
|
|
@@ -81,7 +81,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
|
|
|
81
81
|
labelPlacement?: string;
|
|
82
82
|
readOnly?: boolean;
|
|
83
83
|
disabled?: boolean;
|
|
84
|
-
portal?: string | React.RefObject<HTMLElement>;
|
|
84
|
+
portal?: string | React.RefObject<HTMLElement | null>;
|
|
85
85
|
zIndex?: React.CSSProperties["zIndex"];
|
|
86
86
|
value?: string;
|
|
87
87
|
defaultValue?: string;
|
|
@@ -141,7 +141,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
|
|
|
141
141
|
labelPlacement?: string;
|
|
142
142
|
readOnly?: boolean;
|
|
143
143
|
disabled?: boolean;
|
|
144
|
-
portal?: string | React.RefObject<HTMLElement>;
|
|
144
|
+
portal?: string | React.RefObject<HTMLElement | null>;
|
|
145
145
|
zIndex?: React.CSSProperties["zIndex"];
|
|
146
146
|
value?: string;
|
|
147
147
|
defaultValue?: string;
|
|
@@ -199,7 +199,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
|
|
|
199
199
|
labelPlacement?: string;
|
|
200
200
|
readOnly?: boolean;
|
|
201
201
|
disabled?: boolean;
|
|
202
|
-
portal?: string | React.RefObject<HTMLElement>;
|
|
202
|
+
portal?: string | React.RefObject<HTMLElement | null>;
|
|
203
203
|
zIndex?: React.CSSProperties["zIndex"];
|
|
204
204
|
value?: string;
|
|
205
205
|
defaultValue?: string;
|
|
@@ -259,7 +259,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
|
|
|
259
259
|
labelPlacement?: string;
|
|
260
260
|
readOnly?: boolean;
|
|
261
261
|
disabled?: boolean;
|
|
262
|
-
portal?: string | React.RefObject<HTMLElement>;
|
|
262
|
+
portal?: string | React.RefObject<HTMLElement | null>;
|
|
263
263
|
zIndex?: React.CSSProperties["zIndex"];
|
|
264
264
|
value?: string;
|
|
265
265
|
defaultValue?: string;
|
|
@@ -317,7 +317,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
|
|
|
317
317
|
labelPlacement?: string;
|
|
318
318
|
readOnly?: boolean;
|
|
319
319
|
disabled?: boolean;
|
|
320
|
-
portal?: string | React.RefObject<HTMLElement>;
|
|
320
|
+
portal?: string | React.RefObject<HTMLElement | null>;
|
|
321
321
|
zIndex?: React.CSSProperties["zIndex"];
|
|
322
322
|
value?: string;
|
|
323
323
|
defaultValue?: string;
|
|
@@ -377,7 +377,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
|
|
|
377
377
|
labelPlacement?: string;
|
|
378
378
|
readOnly?: boolean;
|
|
379
379
|
disabled?: boolean;
|
|
380
|
-
portal?: string | React.RefObject<HTMLElement>;
|
|
380
|
+
portal?: string | React.RefObject<HTMLElement | null>;
|
|
381
381
|
zIndex?: React.CSSProperties["zIndex"];
|
|
382
382
|
value?: string;
|
|
383
383
|
defaultValue?: string;
|
|
@@ -435,7 +435,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
|
|
|
435
435
|
labelPlacement?: string;
|
|
436
436
|
readOnly?: boolean;
|
|
437
437
|
disabled?: boolean;
|
|
438
|
-
portal?: string | React.RefObject<HTMLElement>;
|
|
438
|
+
portal?: string | React.RefObject<HTMLElement | null>;
|
|
439
439
|
zIndex?: React.CSSProperties["zIndex"];
|
|
440
440
|
value?: string;
|
|
441
441
|
defaultValue?: string;
|
|
@@ -62,6 +62,8 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
|
|
|
62
62
|
text?: string | undefined;
|
|
63
63
|
customColor?: string | undefined;
|
|
64
64
|
customBackgroundColor?: string | undefined;
|
|
65
|
+
clear?: boolean | undefined;
|
|
66
|
+
transparent?: boolean | undefined;
|
|
65
67
|
contentLeft?: import("react").ReactNode;
|
|
66
68
|
contentRight?: import("react").ReactNode;
|
|
67
69
|
} & {
|
|
@@ -92,6 +94,8 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
|
|
|
92
94
|
text?: undefined;
|
|
93
95
|
customColor?: undefined;
|
|
94
96
|
customBackgroundColor?: undefined;
|
|
97
|
+
clear?: undefined;
|
|
98
|
+
transparent?: undefined;
|
|
95
99
|
contentLeft?: undefined;
|
|
96
100
|
contentRight?: never | undefined;
|
|
97
101
|
} & import("react").RefAttributes<HTMLDivElement>)>;
|
|
@@ -137,6 +141,8 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
137
141
|
text?: string | undefined;
|
|
138
142
|
customColor?: string | undefined;
|
|
139
143
|
customBackgroundColor?: string | undefined;
|
|
144
|
+
clear?: boolean | undefined;
|
|
145
|
+
transparent?: boolean | undefined;
|
|
140
146
|
contentLeft?: import("react").ReactNode;
|
|
141
147
|
contentRight?: import("react").ReactNode;
|
|
142
148
|
} & {
|
|
@@ -167,6 +173,8 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
167
173
|
text?: undefined;
|
|
168
174
|
customColor?: undefined;
|
|
169
175
|
customBackgroundColor?: undefined;
|
|
176
|
+
clear?: undefined;
|
|
177
|
+
transparent?: undefined;
|
|
170
178
|
contentLeft?: undefined;
|
|
171
179
|
contentRight?: never | undefined;
|
|
172
180
|
} & import("react").RefAttributes<HTMLDivElement>))>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
|
+
accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
10
|
+
positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
11
|
+
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
|
+
};
|
|
13
|
+
size: {
|
|
14
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
15
|
+
};
|
|
16
|
+
pilled: {
|
|
17
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
18
|
+
};
|
|
19
|
+
truncate: {
|
|
20
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|