@salutejs/sdds-platform-ai 0.375.0-next-sbcom.0 → 0.375.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 (59) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_7wxy3v.css → Autocomplete.config_1ebrfjo.css} +1 -1
  3. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +11 -11
  4. package/dist/css/cjs/components/Calendar/Calendar.css +16 -16
  5. package/dist/css/cjs/components/Calendar/CalendarBase.config.js +1 -1
  6. package/dist/css/{es/components/Calendar/CalendarBase.config_yk0gw2.css → cjs/components/Calendar/CalendarBase.config_1w4tdbc.css} +5 -5
  7. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
  8. package/dist/css/{es/components/Calendar/CalendarDouble.config_noxf.css → cjs/components/Calendar/CalendarDouble.config_1dbhk3v.css} +5 -5
  9. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  10. package/dist/css/{es/components/DatePicker/DatePicker.config_1dbryyn.css → cjs/components/DatePicker/DatePicker.config_1rggone.css} +1 -1
  11. package/dist/css/cjs/components/DatePicker/DatePicker.css +9 -9
  12. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  13. package/dist/css/cjs/components/DateTimePicker/{DateTimePicker.config_aoddza.css → DateTimePicker.config_6b6lwc.css} +1 -1
  14. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +9 -9
  15. package/dist/css/cjs/components/Spinner/Spinner.config.js +8 -17
  16. package/dist/css/cjs/components/Spinner/Spinner.config_1pvnqtk.css +6 -0
  17. package/dist/css/cjs/components/Spinner/Spinner.css +6 -14
  18. package/dist/css/cjs/components/Spinner/Spinner.js +0 -3
  19. package/dist/css/cjs/index.css +52 -60
  20. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  21. package/dist/css/es/components/Autocomplete/{Autocomplete.config_7wxy3v.css → Autocomplete.config_1ebrfjo.css} +1 -1
  22. package/dist/css/es/components/Autocomplete/Autocomplete.css +11 -11
  23. package/dist/css/es/components/Calendar/Calendar.css +16 -16
  24. package/dist/css/es/components/Calendar/CalendarBase.config.js +1 -1
  25. package/dist/css/{cjs/components/Calendar/CalendarBase.config_yk0gw2.css → es/components/Calendar/CalendarBase.config_1w4tdbc.css} +5 -5
  26. package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
  27. package/dist/css/{cjs/components/Calendar/CalendarDouble.config_noxf.css → es/components/Calendar/CalendarDouble.config_1dbhk3v.css} +5 -5
  28. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  29. package/dist/css/{cjs/components/DatePicker/DatePicker.config_1dbryyn.css → es/components/DatePicker/DatePicker.config_1rggone.css} +1 -1
  30. package/dist/css/es/components/DatePicker/DatePicker.css +9 -9
  31. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  32. package/dist/css/es/components/DateTimePicker/{DateTimePicker.config_aoddza.css → DateTimePicker.config_6b6lwc.css} +1 -1
  33. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +9 -9
  34. package/dist/css/es/components/Spinner/Spinner.config.js +8 -17
  35. package/dist/css/es/components/Spinner/Spinner.config_1pvnqtk.css +6 -0
  36. package/dist/css/es/components/Spinner/Spinner.css +6 -14
  37. package/dist/css/es/components/Spinner/Spinner.js +0 -3
  38. package/dist/css/es/index.css +52 -60
  39. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  40. package/dist/styled-components/cjs/components/Calendar/CalendarBase.config.js +0 -5
  41. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +0 -5
  42. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +0 -1
  43. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -1
  44. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +6 -32
  45. package/dist/styled-components/cjs/components/Spinner/Spinner.js +15 -4
  46. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +1 -1
  47. package/dist/styled-components/es/components/Calendar/CalendarBase.config.js +0 -5
  48. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +0 -5
  49. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +0 -1
  50. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -1
  51. package/dist/styled-components/es/components/Spinner/Spinner.config.js +9 -34
  52. package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
  53. package/package.json +9 -9
  54. package/types/components/Avatar/Avatar.d.ts +4 -4
  55. package/types/components/Spinner/Spinner.config.d.ts +0 -10
  56. package/types/components/Spinner/Spinner.d.ts +28 -25
  57. package/types/components/Spinner/index.d.ts +1 -0
  58. package/dist/css/cjs/components/Spinner/Spinner.config_1gs0iyd.css +0 -14
  59. package/dist/css/es/components/Spinner/Spinner.config_1gs0iyd.css +0 -14
@@ -262,7 +262,7 @@ const config = {
262
262
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
263
263
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
264
264
 
265
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
265
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
266
266
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
267
267
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
268
268
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -106,7 +106,6 @@ const config = {
106
106
 
107
107
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
108
108
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
109
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
110
109
 
111
110
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
112
111
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,7 +175,6 @@ const config = {
176
175
 
177
176
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
178
177
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
179
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
180
178
 
181
179
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
182
180
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -246,7 +244,6 @@ const config = {
246
244
 
247
245
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
248
246
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
249
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
250
247
 
251
248
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
252
249
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -316,7 +313,6 @@ const config = {
316
313
 
317
314
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
318
315
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
319
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
320
316
 
321
317
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
322
318
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -386,7 +382,6 @@ const config = {
386
382
 
387
383
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
388
384
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
389
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
390
385
 
391
386
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
392
387
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -107,7 +107,6 @@ const config = {
107
107
 
108
108
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
109
109
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
110
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
111
110
 
112
111
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
113
112
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -177,7 +176,6 @@ const config = {
177
176
 
178
177
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
179
178
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
180
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
181
179
 
182
180
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
183
181
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -247,7 +245,6 @@ const config = {
247
245
 
248
246
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
249
247
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
250
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
251
248
 
252
249
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
253
250
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -317,7 +314,6 @@ const config = {
317
314
 
318
315
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
319
316
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
320
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
321
317
 
322
318
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
323
319
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -387,7 +383,6 @@ const config = {
387
383
 
388
384
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
389
385
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
390
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
391
386
 
392
387
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
393
388
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -280,7 +280,6 @@ const config = {
280
280
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
281
281
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
282
282
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
283
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
284
283
 
285
284
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
286
285
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -241,7 +241,6 @@ const config = {
241
241
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
242
242
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
243
243
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
244
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
245
244
 
246
245
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
247
246
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -16,50 +16,24 @@ const config = {
16
16
  size: 'xxs'
17
17
  },
18
18
  variations: {
19
- size: {
20
- xxs: (0, _styledcomponents.css)`
21
- ${_styledcomponents.spinnerTokens.size}: 1rem;
22
- `,
23
- xs: (0, _styledcomponents.css)`
24
- ${_styledcomponents.spinnerTokens.size}: 1.5rem;
25
- `,
26
- s: (0, _styledcomponents.css)`
27
- ${_styledcomponents.spinnerTokens.size}: 2.25rem;
28
- `,
29
- m: (0, _styledcomponents.css)`
30
- ${_styledcomponents.spinnerTokens.size}: 3rem;
31
- `,
32
- l: (0, _styledcomponents.css)`
33
- ${_styledcomponents.spinnerTokens.size}: 3.5rem;
34
- `,
35
- xl: (0, _styledcomponents.css)`
36
- ${_styledcomponents.spinnerTokens.size}: 5.5rem;
37
- `,
38
- xxl: (0, _styledcomponents.css)`
39
- ${_styledcomponents.spinnerTokens.size}: 8rem;
40
- `
41
- },
42
19
  view: {
43
20
  default: (0, _styledcomponents.css)`
44
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_platform_ai.textPrimary};
21
+ --plasma-spinner-color: ${_sdds_platform_ai.textPrimary};
45
22
  `,
46
23
  secondary: (0, _styledcomponents.css)`
47
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_platform_ai.textSecondary};
24
+ --plasma-spinner-color: ${_sdds_platform_ai.textSecondary};
48
25
  `,
49
26
  accent: (0, _styledcomponents.css)`
50
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_platform_ai.textAccent};
27
+ --plasma-spinner-color: ${_sdds_platform_ai.textAccent};
51
28
  `,
52
29
  positive: (0, _styledcomponents.css)`
53
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_platform_ai.textPositive};
30
+ --plasma-spinner-color: ${_sdds_platform_ai.textPositive};
54
31
  `,
55
32
  warning: (0, _styledcomponents.css)`
56
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_platform_ai.textWarning};
33
+ --plasma-spinner-color: ${_sdds_platform_ai.textWarning};
57
34
  `,
58
35
  negative: (0, _styledcomponents.css)`
59
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_platform_ai.textNegative};
60
- `,
61
- info: (0, _styledcomponents.css)`
62
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_platform_ai.textInfo};
36
+ --plasma-spinner-color: ${_sdds_platform_ai.textNegative};
63
37
  `
64
38
  }
65
39
  }
@@ -8,8 +8,19 @@ Object.defineProperty(exports, "Spinner", {
8
8
  return Spinner;
9
9
  }
10
10
  });
11
- const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
11
+ const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
12
+ const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
12
13
  const _Spinnerconfig = require("./Spinner.config");
13
- const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
14
- const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
15
- const Spinner = SpinnerComponent;
14
+ function _interop_require_default(obj) {
15
+ return obj && obj.__esModule ? obj : {
16
+ default: obj
17
+ };
18
+ }
19
+ const mergedConfig = (0, _styledcomponents1.mergeConfig)(_styledcomponents1.spinnerConfig, _Spinnerconfig.config);
20
+ const SpinnerComponent = (0, _styledcomponents1.component)(mergedConfig);
21
+ const Spinner = (0, _styledcomponents.default)(SpinnerComponent).withConfig({
22
+ displayName: "Spinner",
23
+ componentId: "sc-d47c168-0"
24
+ })([
25
+ ``
26
+ ]);
@@ -252,7 +252,7 @@ export const config = {
252
252
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
253
253
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
254
254
 
255
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
255
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
256
256
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
257
257
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
258
258
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -96,7 +96,6 @@ export const config = {
96
96
 
97
97
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
98
98
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
99
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
100
99
 
101
100
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
102
101
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,7 +165,6 @@ export const config = {
166
165
 
167
166
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
168
167
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
169
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
170
168
 
171
169
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
172
170
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -236,7 +234,6 @@ export const config = {
236
234
 
237
235
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
238
236
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
239
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
240
237
 
241
238
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
242
239
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -306,7 +303,6 @@ export const config = {
306
303
 
307
304
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
308
305
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
309
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
310
306
 
311
307
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
312
308
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -376,7 +372,6 @@ export const config = {
376
372
 
377
373
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
378
374
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
379
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
380
375
 
381
376
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
382
377
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -97,7 +97,6 @@ export const config = {
97
97
 
98
98
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
99
99
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
100
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
101
100
 
102
101
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
103
102
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -167,7 +166,6 @@ export const config = {
167
166
 
168
167
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
169
168
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
170
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
171
169
 
172
170
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
173
171
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -237,7 +235,6 @@ export const config = {
237
235
 
238
236
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
239
237
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
240
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
241
238
 
242
239
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
243
240
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -307,7 +304,6 @@ export const config = {
307
304
 
308
305
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
309
306
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
310
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
311
307
 
312
308
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
313
309
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -377,7 +373,6 @@ export const config = {
377
373
 
378
374
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
379
375
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
380
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
381
376
 
382
377
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
383
378
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -270,7 +270,6 @@ export const config = {
270
270
  ${tokens.calendarHeaderWrapperPadding}: 0;
271
271
  ${tokens.calendarHeaderArrowGap}: 0;
272
272
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
273
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
274
273
 
275
274
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
276
275
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -231,7 +231,6 @@ export const config = {
231
231
  ${tokens.calendarHeaderWrapperPadding}: 0;
232
232
  ${tokens.calendarHeaderArrowGap}: 0;
233
233
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
234
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
235
234
 
236
235
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
237
236
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -1,55 +1,30 @@
1
- import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
2
- import { textAccent, textInfo, textNegative, textPositive, textPrimary, textSecondary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_platform_ai';
1
+ import { css } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { textAccent, textNegative, textPositive, textPrimary, textSecondary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_platform_ai';
3
+ // TODO: Добавить view info
3
4
  export const config = {
4
5
  defaults: {
5
6
  view: 'accent',
6
7
  size: 'xxs'
7
8
  },
8
9
  variations: {
9
- size: {
10
- xxs: css`
11
- ${tokens.size}: 1rem;
12
- `,
13
- xs: css`
14
- ${tokens.size}: 1.5rem;
15
- `,
16
- s: css`
17
- ${tokens.size}: 2.25rem;
18
- `,
19
- m: css`
20
- ${tokens.size}: 3rem;
21
- `,
22
- l: css`
23
- ${tokens.size}: 3.5rem;
24
- `,
25
- xl: css`
26
- ${tokens.size}: 5.5rem;
27
- `,
28
- xxl: css`
29
- ${tokens.size}: 8rem;
30
- `
31
- },
32
10
  view: {
33
11
  default: css`
34
- ${tokens.color}: ${textPrimary};
12
+ --plasma-spinner-color: ${textPrimary};
35
13
  `,
36
14
  secondary: css`
37
- ${tokens.color}: ${textSecondary};
15
+ --plasma-spinner-color: ${textSecondary};
38
16
  `,
39
17
  accent: css`
40
- ${tokens.color}: ${textAccent};
18
+ --plasma-spinner-color: ${textAccent};
41
19
  `,
42
20
  positive: css`
43
- ${tokens.color}: ${textPositive};
21
+ --plasma-spinner-color: ${textPositive};
44
22
  `,
45
23
  warning: css`
46
- ${tokens.color}: ${textWarning};
24
+ --plasma-spinner-color: ${textWarning};
47
25
  `,
48
26
  negative: css`
49
- ${tokens.color}: ${textNegative};
50
- `,
51
- info: css`
52
- ${tokens.color}: ${textInfo};
27
+ --plasma-spinner-color: ${textNegative};
53
28
  `
54
29
  }
55
30
  }
@@ -1,7 +1,13 @@
1
+ import styled from 'styled-components';
1
2
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
3
  import { config } from './Spinner.config';
3
4
  const mergedConfig = mergeConfig(spinnerConfig, config);
4
5
  const SpinnerComponent = component(mergedConfig);
5
6
  /**
6
7
  * Компонент для отображения индикатора загрузки.
7
- */ export const Spinner = SpinnerComponent;
8
+ */ export const Spinner = styled(SpinnerComponent).withConfig({
9
+ displayName: "Spinner",
10
+ componentId: "sc-d47c168-0"
11
+ })([
12
+ ``
13
+ ]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-platform-ai",
3
- "version": "0.375.0-next-sbcom.0",
3
+ "version": "0.375.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS PLATFORM-AI web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -40,8 +40,8 @@
40
40
  "styled-components": "^5.3.11"
41
41
  },
42
42
  "dependencies": {
43
- "@salutejs/plasma-new-hope": "0.388.0-next-sbcom.0",
44
- "@salutejs/sdds-themes": "0.87.0-next-sbcom.0"
43
+ "@salutejs/plasma-new-hope": "0.388.0",
44
+ "@salutejs/sdds-themes": "0.86.0"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@babel/cli": "7.24.1",
@@ -59,11 +59,11 @@
59
59
  "@rollup/plugin-babel": "^6.0.4",
60
60
  "@rollup/plugin-commonjs": "^25.0.4",
61
61
  "@rollup/plugin-node-resolve": "^15.1.0",
62
- "@salutejs/plasma-colors": "0.28.0-next-sbcom.0",
63
- "@salutejs/plasma-core": "1.249.0-next-sbcom.0",
64
- "@salutejs/plasma-cy-utils": "0.179.0-next-sbcom.0",
65
- "@salutejs/plasma-icons": "1.257.0-next-sbcom.0",
66
- "@salutejs/plasma-sb-utils": "0.251.0-next-sbcom.0",
62
+ "@salutejs/plasma-colors": "0.27.0",
63
+ "@salutejs/plasma-core": "1.248.0",
64
+ "@salutejs/plasma-cy-utils": "0.178.0",
65
+ "@salutejs/plasma-icons": "1.257.0",
66
+ "@salutejs/plasma-sb-utils": "0.251.0",
67
67
  "@types/node": "16.7.13",
68
68
  "@types/react": "18.0.28",
69
69
  "@types/react-dom": "18.0.11",
@@ -109,5 +109,5 @@
109
109
  "sideEffects": [
110
110
  "*.css"
111
111
  ],
112
- "gitHead": "1214cb8ea4c61ff3df59c99d4b73d7652764a7ef"
112
+ "gitHead": "efd41f41a4c5aba398fef6d8400d902385d17e74"
113
113
  }
@@ -73,7 +73,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
73
73
  size?: string;
74
74
  name?: string;
75
75
  url?: string;
76
- customText?: import("react").ReactNode;
76
+ customText?: string;
77
77
  status?: "active" | "inactive";
78
78
  isScalable?: boolean;
79
79
  focused?: boolean;
@@ -102,7 +102,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
102
102
  size?: string;
103
103
  name?: string;
104
104
  url?: string;
105
- customText?: import("react").ReactNode;
105
+ customText?: string;
106
106
  status?: "active" | "inactive";
107
107
  isScalable?: boolean;
108
108
  focused?: boolean;
@@ -167,7 +167,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
167
167
  size?: string;
168
168
  name?: string;
169
169
  url?: string;
170
- customText?: import("react").ReactNode;
170
+ customText?: string;
171
171
  status?: "active" | "inactive";
172
172
  isScalable?: boolean;
173
173
  focused?: boolean;
@@ -196,7 +196,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
196
196
  size?: string;
197
197
  name?: string;
198
198
  url?: string;
199
- customText?: import("react").ReactNode;
199
+ customText?: string;
200
200
  status?: "active" | "inactive";
201
201
  isScalable?: boolean;
202
202
  focused?: boolean;
@@ -4,15 +4,6 @@ export declare const config: {
4
4
  size: string;
5
5
  };
6
6
  variations: {
7
- size: {
8
- xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
- xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
- l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
- xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
- xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
- };
16
7
  view: {
17
8
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
9
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -20,7 +11,6 @@ export declare const config: {
20
11
  positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
12
  warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
13
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
23
- info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
24
14
  };
25
15
  };
26
16
  };
@@ -1,14 +1,27 @@
1
- import type { ComponentProps, FunctionComponent } from 'react';
2
- declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
3
- size: {
4
- xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
5
- xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
6
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
- l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
- xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
- xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
- };
1
+ import type { HTMLAttributes } from 'react';
2
+ export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
3
+ /**
4
+ * Размер спиннера
5
+ */
6
+ size?: string | number;
7
+ /**
8
+ * Цвет спиннера
9
+ */
10
+ view?: string;
11
+ /**
12
+ * Цвет спиннера
13
+ * @deprecated
14
+ */
15
+ color?: string;
16
+ /**
17
+ * @deprecated
18
+ */
19
+ deviceScale?: number;
20
+ };
21
+ /**
22
+ * Компонент для отображения индикатора загрузки.
23
+ */
24
+ export declare const Spinner: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
12
25
  view: {
13
26
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
27
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -16,30 +29,20 @@ declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-h
16
29
  positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
30
  warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
31
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
- info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
32
  };
21
- }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
33
+ }> & ((HTMLAttributes<HTMLDivElement> & {
22
34
  width?: never;
23
35
  height?: never;
24
36
  size?: string | number;
25
37
  view?: string;
26
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
38
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
27
39
  width: number;
28
40
  height: number;
29
41
  size?: never;
30
42
  view?: string;
31
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
43
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
32
44
  width: string;
33
45
  height: string;
34
46
  size?: never;
35
47
  view?: string;
36
- } & import("react").RefAttributes<HTMLDivElement>))>;
37
- type Variations = ComponentProps<typeof SpinnerComponent>;
38
- type SpinnerComponentProps = Omit<Variations, 'size'> & {
39
- size?: Variations['size'] | number;
40
- };
41
- /**
42
- * Компонент для отображения индикатора загрузки.
43
- */
44
- export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
45
- export {};
48
+ } & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
@@ -1 +1,2 @@
1
1
  export { Spinner } from './Spinner';
2
+ export type { SpinnerProps } from './Spinner';
@@ -1,14 +0,0 @@
1
- .x1x5tqpm{--plasma-spinner-size:1rem;}
2
- .x1jvlmv7{--plasma-spinner-size:1.5rem;}
3
- .s1gckrx7{--plasma-spinner-size:2.25rem;}
4
- .m1uk1ap6{--plasma-spinner-size:3rem;}
5
- .l1el443i{--plasma-spinner-size:3.5rem;}
6
- .x74k20o{--plasma-spinner-size:5.5rem;}
7
- .xf42aip{--plasma-spinner-size:8rem;}
8
- .do0v0wt{--plasma-spinner-color:var(--text-primary,#F5F5F5);}
9
- .sn7m3f{--plasma-spinner-color:var(--text-secondary,#F5F5F58F);}
10
- .arain5q{--plasma-spinner-color:var(--text-accent,#24B23E);}
11
- .pewxek2{--plasma-spinner-color:var(--text-positive,#24B23E);}
12
- .w1qiprti{--plasma-spinner-color:var(--text-warning,#FF7024);}
13
- .nryht9g{--plasma-spinner-color:var(--text-negative,#FF3D51);}
14
- .i13rupaw{--plasma-spinner-color:var(--text-info,#199AF0);}
@@ -1,14 +0,0 @@
1
- .x1x5tqpm{--plasma-spinner-size:1rem;}
2
- .x1jvlmv7{--plasma-spinner-size:1.5rem;}
3
- .s1gckrx7{--plasma-spinner-size:2.25rem;}
4
- .m1uk1ap6{--plasma-spinner-size:3rem;}
5
- .l1el443i{--plasma-spinner-size:3.5rem;}
6
- .x74k20o{--plasma-spinner-size:5.5rem;}
7
- .xf42aip{--plasma-spinner-size:8rem;}
8
- .do0v0wt{--plasma-spinner-color:var(--text-primary,#F5F5F5);}
9
- .sn7m3f{--plasma-spinner-color:var(--text-secondary,#F5F5F58F);}
10
- .arain5q{--plasma-spinner-color:var(--text-accent,#24B23E);}
11
- .pewxek2{--plasma-spinner-color:var(--text-positive,#24B23E);}
12
- .w1qiprti{--plasma-spinner-color:var(--text-warning,#FF7024);}
13
- .nryht9g{--plasma-spinner-color:var(--text-negative,#FF3D51);}
14
- .i13rupaw{--plasma-spinner-color:var(--text-info,#199AF0);}