@salutejs/sdds-dfa 0.321.1-canary.2207.17463055710.0 → 0.321.1-canary.2209.17603494170.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.
Files changed (11) hide show
  1. package/components/Autocomplete/Autocomplete.d.ts +124 -117
  2. package/components/Autocomplete/Autocomplete.js +76 -4
  3. package/components/Avatar/Avatar.config.d.ts +4 -2
  4. package/components/Avatar/Avatar.config.js +80 -55
  5. package/components/Avatar/Avatar.d.ts +13 -6
  6. package/components/Combobox/Combobox.d.ts +48 -24
  7. package/components/Dropdown/Dropdown.d.ts +6 -6
  8. package/components/Select/Select.d.ts +12 -6
  9. package/es/components/Autocomplete/Autocomplete.js +61 -2
  10. package/es/components/Avatar/Avatar.config.js +80 -55
  11. package/package.json +3 -3
package/components/Select/Select.d.ts CHANGED
@@ -78,7 +78,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
78
78
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
79
79
  variant?: "normal" | "tight";
80
80
  zIndex?: React.CSSProperties["zIndex"];
81
- listOverflow?: React.CSSProperties["overflow"];
82
81
  listMaxHeight?: React.CSSProperties["height"];
83
82
  listWidth?: React.CSSProperties["width"];
84
83
  portal?: string | React.RefObject<HTMLElement>;
@@ -90,6 +89,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
90
89
  virtual?: boolean;
91
90
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
92
91
  onToggle?: (isOpen: boolean) => void;
92
+ mode?: "default" | "radio";
93
93
  size?: string;
94
94
  view?: string;
95
95
  chipView?: string;
@@ -98,6 +98,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
98
98
  isOpen?: boolean;
99
99
  listHeight?: React.CSSProperties["height"];
100
100
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
101
+ listOverflow?: React.CSSProperties["overflow"];
101
102
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
102
103
  hintText: string;
103
104
  hintTrigger?: "hover" | "click";
@@ -136,7 +137,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
136
137
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
137
138
  variant?: "normal" | "tight";
138
139
  zIndex?: React.CSSProperties["zIndex"];
139
- listOverflow?: React.CSSProperties["overflow"];
140
140
  listMaxHeight?: React.CSSProperties["height"];
141
141
  listWidth?: React.CSSProperties["width"];
142
142
  portal?: string | React.RefObject<HTMLElement>;
@@ -148,6 +148,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
148
148
  virtual?: boolean;
149
149
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
150
150
  onToggle?: (isOpen: boolean) => void;
151
+ mode?: "default" | "radio";
151
152
  size?: string;
152
153
  view?: string;
153
154
  chipView?: string;
@@ -156,6 +157,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
156
157
  isOpen?: boolean;
157
158
  listHeight?: React.CSSProperties["height"];
158
159
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
160
+ listOverflow?: React.CSSProperties["overflow"];
159
161
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
160
162
  hintTrigger?: never;
161
163
  hintText?: never;
@@ -193,7 +195,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
193
195
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
194
196
  variant?: "normal" | "tight";
195
197
  zIndex?: React.CSSProperties["zIndex"];
196
- listOverflow?: React.CSSProperties["overflow"];
197
198
  listMaxHeight?: React.CSSProperties["height"];
198
199
  listWidth?: React.CSSProperties["width"];
199
200
  portal?: string | React.RefObject<HTMLElement>;
@@ -205,6 +206,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
205
206
  virtual?: boolean;
206
207
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
207
208
  onToggle?: (isOpen: boolean) => void;
209
+ mode?: "default" | "radio";
208
210
  size?: string;
209
211
  view?: string;
210
212
  chipView?: string;
@@ -213,6 +215,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
213
215
  isOpen?: boolean;
214
216
  listHeight?: React.CSSProperties["height"];
215
217
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
218
+ listOverflow?: React.CSSProperties["overflow"];
216
219
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
217
220
  hintTrigger?: never;
218
221
  hintText?: never;
@@ -251,7 +254,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
251
254
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
252
255
  variant?: "normal" | "tight";
253
256
  zIndex?: React.CSSProperties["zIndex"];
254
- listOverflow?: React.CSSProperties["overflow"];
255
257
  listMaxHeight?: React.CSSProperties["height"];
256
258
  listWidth?: React.CSSProperties["width"];
257
259
  portal?: string | React.RefObject<HTMLElement>;
@@ -263,6 +265,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
263
265
  virtual?: boolean;
264
266
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
265
267
  onToggle?: (isOpen: boolean) => void;
268
+ mode?: "default" | "radio";
266
269
  size?: string;
267
270
  view?: string;
268
271
  chipView?: string;
@@ -271,6 +274,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
271
274
  isOpen?: boolean;
272
275
  listHeight?: React.CSSProperties["height"];
273
276
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
277
+ listOverflow?: React.CSSProperties["overflow"];
274
278
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
275
279
  target: "button-like";
276
280
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
@@ -296,7 +300,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
296
300
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
297
301
  variant?: "normal" | "tight";
298
302
  zIndex?: React.CSSProperties["zIndex"];
299
- listOverflow?: React.CSSProperties["overflow"];
300
303
  listMaxHeight?: React.CSSProperties["height"];
301
304
  listWidth?: React.CSSProperties["width"];
302
305
  portal?: string | React.RefObject<HTMLElement>;
@@ -308,6 +311,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
308
311
  virtual?: boolean;
309
312
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
310
313
  onToggle?: (isOpen: boolean) => void;
314
+ mode?: "default" | "radio";
311
315
  size?: string;
312
316
  view?: string;
313
317
  chipView?: string;
@@ -316,6 +320,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
316
320
  isOpen?: boolean;
317
321
  listHeight?: React.CSSProperties["height"];
318
322
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
323
+ listOverflow?: React.CSSProperties["overflow"];
319
324
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
320
325
  target: "button-like";
321
326
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
@@ -342,7 +347,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
342
347
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
343
348
  variant?: "normal" | "tight";
344
349
  zIndex?: React.CSSProperties["zIndex"];
345
- listOverflow?: React.CSSProperties["overflow"];
346
350
  listMaxHeight?: React.CSSProperties["height"];
347
351
  listWidth?: React.CSSProperties["width"];
348
352
  portal?: string | React.RefObject<HTMLElement>;
@@ -354,6 +358,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
354
358
  virtual?: boolean;
355
359
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
356
360
  onToggle?: (isOpen: boolean) => void;
361
+ mode?: "default" | "radio";
357
362
  size?: string;
358
363
  view?: string;
359
364
  chipView?: string;
@@ -362,6 +367,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
362
367
  isOpen?: boolean;
363
368
  listHeight?: React.CSSProperties["height"];
364
369
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
370
+ listOverflow?: React.CSSProperties["overflow"];
365
371
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
366
372
  export type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
367
373
  declare const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
package/es/components/Autocomplete/Autocomplete.js CHANGED
@@ -1,4 +1,63 @@
1
- import { autocompleteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function ownKeys(object, enumerableOnly) {
30
+ var keys = Object.keys(object);
31
+ if (Object.getOwnPropertySymbols) {
32
+ var symbols = Object.getOwnPropertySymbols(object);
33
+ if (enumerableOnly) {
34
+ symbols = symbols.filter(function(sym) {
35
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
+ });
37
+ }
38
+ keys.push.apply(keys, symbols);
39
+ }
40
+ return keys;
41
+ }
42
+ function _object_spread_props(target, source) {
43
+ source = source != null ? source : {};
44
+ if (Object.getOwnPropertyDescriptors) {
45
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
+ } else {
47
+ ownKeys(Object(source)).forEach(function(key) {
48
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
+ });
50
+ }
51
+ return target;
52
+ }
53
+ import { autocompleteConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
54
+ import React from 'react';
2
55
  import { config } from './Autocomplete.config';
3
56
  var mergedConfig = mergeConfig(autocompleteConfig, config);
4
- export var Autocomplete = component(mergedConfig);
57
+ export var AutocompleteComponent = component(mergedConfig);
58
+ var AutocompleteWithoutRef = function(props, ref) {
59
+ return /*#__PURE__*/ React.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
60
+ ref: ref
61
+ }));
62
+ };
63
+ export var Autocomplete = fixedForwardRef(AutocompleteWithoutRef);
package/es/components/Avatar/Avatar.config.js CHANGED
@@ -30,7 +30,8 @@ function _templateObject1() {
30
30
  ": 2rem;\n ",
31
31
  ": 600;\n ",
32
32
  ": 2rem;\n ",
33
- ": 0.75rem;\n\n ",
33
+ ": 0.75rem;\n ",
34
+ ": 1.25rem;\n\n ",
34
35
  ": 0.5rem;\n ",
35
36
  ": 1.75rem;\n ",
36
37
  ": 0 0.688rem;\n ",
@@ -68,7 +69,8 @@ function _templateObject2() {
68
69
  ": 1.25rem;\n ",
69
70
  ": 600;\n ",
70
71
  ": 1.25rem;\n ",
71
- ": 0.5rem;\n\n ",
72
+ ": 0.5rem;\n ",
73
+ ": 0.75rem;\n\n ",
72
74
  ": 2;\n\n ",
73
75
  ": 0.375rem;\n ",
74
76
  ": 1.25rem;\n ",
@@ -107,7 +109,8 @@ function _templateObject3() {
107
109
  ": 0.875rem;\n ",
108
110
  ": 600;\n ",
109
111
  ": 0.875rem;\n ",
110
- ": 0.5rem;\n\n ",
112
+ ": 0.5rem;\n ",
113
+ ": 0.625rem;\n\n ",
111
114
  ": 2;\n\n ",
112
115
  ": 0.25rem;\n ",
113
116
  ": 1rem;\n ",
@@ -146,7 +149,8 @@ function _templateObject4() {
146
149
  ": 0.5rem;\n ",
147
150
  ": 600;\n ",
148
151
  ": 0.5rem;\n ",
149
- ": 0.375rem;\n\n ",
152
+ ": 0.375rem;\n ",
153
+ ": 0.5rem;\n\n ",
150
154
  ": 1;\n\n ",
151
155
  ": 1rem;\n ",
152
156
  ": 0.75rem;\n ",
@@ -180,9 +184,13 @@ function _templateObject5() {
180
184
  function _templateObject6() {
181
185
  var data = _tagged_template_literal([
182
186
  "\n ",
183
- ": 0.1rem;\n ",
184
- ": -0.2rem;\n ",
185
- ": var(--surface-accent);\n "
187
+ ": 50%;\n ",
188
+ ": calc(1.02 * 0.85 * var(",
189
+ ") - var(",
190
+ ") / 2);\n ",
191
+ ": calc(1.02 * 0.85 * var(",
192
+ ") - var(",
193
+ ") / 2);\n "
186
194
  ]);
187
195
  _templateObject6 = function _templateObject() {
188
196
  return data;
@@ -190,6 +198,21 @@ function _templateObject6() {
190
198
  return data;
191
199
  }
192
200
  function _templateObject7() {
201
+ var data = _tagged_template_literal([
202
+ "\n ",
203
+ ": calc(var(",
204
+ ") - var(",
205
+ "));\n ",
206
+ ": calc(var(",
207
+ ") - var(",
208
+ "));\n "
209
+ ]);
210
+ _templateObject7 = function _templateObject() {
211
+ return data;
212
+ };
213
+ return data;
214
+ }
215
+ function _templateObject8() {
193
216
  var data = _tagged_template_literal([
194
217
  "\n ",
195
218
  ": var(--inverse-text-primary);\n ",
@@ -199,12 +222,12 @@ function _templateObject7() {
199
222
  ": var(--text-primary);\n ",
200
223
  ": var(--surface-clear);\n "
201
224
  ]);
202
- _templateObject7 = function _templateObject() {
225
+ _templateObject8 = function _templateObject() {
203
226
  return data;
204
227
  };
205
228
  return data;
206
229
  }
207
- function _templateObject8() {
230
+ function _templateObject9() {
208
231
  var data = _tagged_template_literal([
209
232
  "\n ",
210
233
  ": var(--on-dark-text-primary);\n ",
@@ -214,12 +237,12 @@ function _templateObject8() {
214
237
  ": var(--text-accent);\n ",
215
238
  ": var(--surface-clear);\n "
216
239
  ]);
217
- _templateObject8 = function _templateObject() {
240
+ _templateObject9 = function _templateObject() {
218
241
  return data;
219
242
  };
220
243
  return data;
221
244
  }
222
- function _templateObject9() {
245
+ function _templateObject10() {
223
246
  var data = _tagged_template_literal([
224
247
  "\n ",
225
248
  ": var(--on-dark-text-primary);\n ",
@@ -229,12 +252,12 @@ function _templateObject9() {
229
252
  ": var(--text-positive);\n ",
230
253
  ": var(--surface-clear);\n "
231
254
  ]);
232
- _templateObject9 = function _templateObject() {
255
+ _templateObject10 = function _templateObject() {
233
256
  return data;
234
257
  };
235
258
  return data;
236
259
  }
237
- function _templateObject10() {
260
+ function _templateObject11() {
238
261
  var data = _tagged_template_literal([
239
262
  "\n ",
240
263
  ": var(--on-dark-text-primary);\n ",
@@ -244,12 +267,12 @@ function _templateObject10() {
244
267
  ": var(--text-warning);\n ",
245
268
  ": var(--surface-clear);\n "
246
269
  ]);
247
- _templateObject10 = function _templateObject() {
270
+ _templateObject11 = function _templateObject() {
248
271
  return data;
249
272
  };
250
273
  return data;
251
274
  }
252
- function _templateObject11() {
275
+ function _templateObject12() {
253
276
  var data = _tagged_template_literal([
254
277
  "\n ",
255
278
  ": var(--on-dark-text-primary);\n ",
@@ -259,12 +282,12 @@ function _templateObject11() {
259
282
  ": var(--text-negative);\n ",
260
283
  ": var(--surface-clear);\n "
261
284
  ]);
262
- _templateObject11 = function _templateObject() {
285
+ _templateObject12 = function _templateObject() {
263
286
  return data;
264
287
  };
265
288
  return data;
266
289
  }
267
- function _templateObject12() {
290
+ function _templateObject13() {
268
291
  var data = _tagged_template_literal([
269
292
  "\n ",
270
293
  ": var(--on-dark-text-primary);\n ",
@@ -274,12 +297,12 @@ function _templateObject12() {
274
297
  ": var(--on-light-text-primary);\n ",
275
298
  ": var(--surface-clear);\n "
276
299
  ]);
277
- _templateObject12 = function _templateObject() {
300
+ _templateObject13 = function _templateObject() {
278
301
  return data;
279
302
  };
280
303
  return data;
281
304
  }
282
- function _templateObject13() {
305
+ function _templateObject14() {
283
306
  var data = _tagged_template_literal([
284
307
  "\n ",
285
308
  ": var(--on-light-text-primary);\n ",
@@ -289,84 +312,84 @@ function _templateObject13() {
289
312
  ": var(--on-dark-text-primary);\n ",
290
313
  ": var(--surface-clear);\n "
291
314
  ]);
292
- _templateObject13 = function _templateObject() {
315
+ _templateObject14 = function _templateObject() {
293
316
  return data;
294
317
  };
295
318
  return data;
296
319
  }
297
- function _templateObject14() {
320
+ function _templateObject15() {
298
321
  var data = _tagged_template_literal([
299
322
  "\n ",
300
323
  ": var(--inverse-text-primary);\n ",
301
324
  ": var(--surface-solid-default);\n "
302
325
  ]);
303
- _templateObject14 = function _templateObject() {
326
+ _templateObject15 = function _templateObject() {
304
327
  return data;
305
328
  };
306
329
  return data;
307
330
  }
308
- function _templateObject15() {
331
+ function _templateObject16() {
309
332
  var data = _tagged_template_literal([
310
333
  "\n ",
311
334
  ": var(--on-dark-text-primary);\n ",
312
335
  ": var(--surface-accent);\n "
313
336
  ]);
314
- _templateObject15 = function _templateObject() {
337
+ _templateObject16 = function _templateObject() {
315
338
  return data;
316
339
  };
317
340
  return data;
318
341
  }
319
- function _templateObject16() {
342
+ function _templateObject17() {
320
343
  var data = _tagged_template_literal([
321
344
  "\n ",
322
345
  ": var(--on-dark-text-primary);\n ",
323
346
  ": var(--surface-positive);\n "
324
347
  ]);
325
- _templateObject16 = function _templateObject() {
348
+ _templateObject17 = function _templateObject() {
326
349
  return data;
327
350
  };
328
351
  return data;
329
352
  }
330
- function _templateObject17() {
353
+ function _templateObject18() {
331
354
  var data = _tagged_template_literal([
332
355
  "\n ",
333
356
  ": var(--on-dark-text-primary);\n ",
334
357
  ": var(--surface-warning);\n "
335
358
  ]);
336
- _templateObject17 = function _templateObject() {
359
+ _templateObject18 = function _templateObject() {
337
360
  return data;
338
361
  };
339
362
  return data;
340
363
  }
341
- function _templateObject18() {
364
+ function _templateObject19() {
342
365
  var data = _tagged_template_literal([
343
366
  "\n ",
344
367
  ": var(--on-dark-text-primary);\n ",
345
368
  ": var(--surface-negative);\n "
346
369
  ]);
347
- _templateObject18 = function _templateObject() {
370
+ _templateObject19 = function _templateObject() {
348
371
  return data;
349
372
  };
350
373
  return data;
351
374
  }
352
- function _templateObject19() {
375
+ function _templateObject20() {
353
376
  var data = _tagged_template_literal([
354
377
  "\n ",
355
378
  ": var(--on-dark-text-primary);\n ",
356
379
  ": var(--on-light-surface-solid-default);\n "
357
380
  ]);
358
- _templateObject19 = function _templateObject() {
381
+ _templateObject20 = function _templateObject() {
359
382
  return data;
360
383
  };
361
384
  return data;
362
385
  }
363
- function _templateObject20() {
386
+ function _templateObject21() {
364
387
  var data = _tagged_template_literal([
365
388
  "\n ",
366
389
  ": var(--on-light-text-primary);\n ",
367
390
  ": var(--on-dark-surface-solid-default);\n "
368
391
  ]);
369
- _templateObject20 = function _templateObject() {
392
+ _templateObject21 = function _templateObject() {
370
393
  return data;
371
394
  };
372
395
  return data;
@@ -375,7 +398,8 @@ import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/styled-co
375
398
  export var config = {
376
399
  defaults: {
377
400
  view: 'default',
378
- size: 'xxl'
401
+ size: 'xxl',
402
+ shape: 'circled'
379
403
  },
380
404
  variations: {
381
405
  view: {
@@ -383,32 +407,33 @@ export var config = {
383
407
  },
384
408
  size: {
385
409
  // TODO: #1044 токены типографики в Avatar
386
- xxl: css(_templateObject1(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
387
- l: css(_templateObject2(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
388
- m: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
389
- s: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
410
+ xxl: css(_templateObject1(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
411
+ l: css(_templateObject2(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
412
+ m: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
413
+ s: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
390
414
  fit: css(_templateObject5(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
391
415
  },
392
- focused: {
393
- true: css(_templateObject6(), tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
416
+ shape: {
417
+ circled: css(_templateObject6(), tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize),
418
+ rounded: css(_templateObject7(), tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
394
419
  },
395
420
  badgeView: {
396
- default: css(_templateObject7(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
397
- accent: css(_templateObject8(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
398
- positive: css(_templateObject9(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
399
- warning: css(_templateObject10(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
400
- negative: css(_templateObject11(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
401
- dark: css(_templateObject12(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
402
- light: css(_templateObject13(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
421
+ default: css(_templateObject8(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
422
+ accent: css(_templateObject9(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
423
+ positive: css(_templateObject10(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
424
+ warning: css(_templateObject11(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
425
+ negative: css(_templateObject12(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
426
+ dark: css(_templateObject13(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
427
+ light: css(_templateObject14(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
403
428
  },
404
429
  counterView: {
405
- default: css(_templateObject14(), tokens.counterColor, tokens.counterBackground),
406
- accent: css(_templateObject15(), tokens.counterColor, tokens.counterBackground),
407
- positive: css(_templateObject16(), tokens.counterColor, tokens.counterBackground),
408
- warning: css(_templateObject17(), tokens.counterColor, tokens.counterBackground),
409
- negative: css(_templateObject18(), tokens.counterColor, tokens.counterBackground),
410
- dark: css(_templateObject19(), tokens.counterColor, tokens.counterBackground),
411
- light: css(_templateObject20(), tokens.counterColor, tokens.counterBackground)
430
+ default: css(_templateObject15(), tokens.counterColor, tokens.counterBackground),
431
+ accent: css(_templateObject16(), tokens.counterColor, tokens.counterBackground),
432
+ positive: css(_templateObject17(), tokens.counterColor, tokens.counterBackground),
433
+ warning: css(_templateObject18(), tokens.counterColor, tokens.counterBackground),
434
+ negative: css(_templateObject19(), tokens.counterColor, tokens.counterBackground),
435
+ dark: css(_templateObject20(), tokens.counterColor, tokens.counterBackground),
436
+ light: css(_templateObject21(), tokens.counterColor, tokens.counterBackground)
412
437
  }
413
438
  }
414
439
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.321.1-canary.2207.17463055710.0",
3
+ "version": "0.321.1-canary.2209.17603494170.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.335.1-canary.2207.17463055710.0",
22
+ "@salutejs/plasma-new-hope": "0.335.1-canary.2209.17603494170.0",
23
23
  "@salutejs/sdds-themes": "0.47.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "51ac68afc828114c18d34034aa7eda681efe780c"
97
+ "gitHead": "2c797fac026f1c295adbc10f922747a80cd00134"
98
98
  }