@salutejs/plasma-homeds 0.371.0-next-sbcom.0 → 0.371.1-dev.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 (19) hide show
  1. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
  2. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +0 -5
  3. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +0 -5
  4. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +0 -5
  5. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -5
  6. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +8 -31
  7. package/dist/styled-components/cjs/components/Spinner/Spinner.js +15 -4
  8. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
  9. package/dist/styled-components/es/components/Calendar/Calendar.config.js +0 -5
  10. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +0 -5
  11. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +0 -5
  12. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -5
  13. package/dist/styled-components/es/components/Spinner/Spinner.config.js +9 -32
  14. package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
  15. package/package.json +9 -9
  16. package/types/components/Avatar/Avatar.d.ts +4 -4
  17. package/types/components/Spinner/Spinner.config.d.ts +0 -9
  18. package/types/components/Spinner/Spinner.d.ts +28 -24
  19. package/types/components/Spinner/index.d.ts +1 -0
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -257,7 +257,7 @@ const config = {
257
257
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
258
258
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
259
259
 
260
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
260
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
261
261
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
262
262
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
263
263
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -341,7 +341,7 @@ const config = {
341
341
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
342
342
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
343
343
 
344
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
344
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
345
345
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
346
346
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
347
347
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -425,7 +425,7 @@ const config = {
425
425
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
426
426
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
427
427
 
428
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
428
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
429
429
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
430
430
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
431
431
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -509,7 +509,7 @@ const config = {
509
509
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
510
510
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
511
511
 
512
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
512
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
513
513
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
514
514
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
515
515
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Calendar/Calendar.config.js CHANGED
@@ -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;
package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js CHANGED
@@ -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;
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -262,7 +262,6 @@ const config = {
262
262
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
263
263
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
264
264
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
265
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
266
265
 
267
266
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
268
267
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -429,7 +428,6 @@ const config = {
429
428
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
430
429
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
431
430
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
432
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
433
431
 
434
432
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
435
433
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -596,7 +594,6 @@ const config = {
596
594
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
597
595
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
598
596
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
599
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
600
597
 
601
598
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
602
599
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -763,7 +760,6 @@ const config = {
763
760
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
764
761
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
765
762
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
766
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
767
763
 
768
764
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
769
765
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -930,7 +926,6 @@ const config = {
930
926
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
931
927
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
932
928
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
933
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
934
929
 
935
930
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
936
931
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -236,7 +236,6 @@ const config = {
236
236
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
237
237
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
238
238
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
239
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
240
239
 
241
240
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
242
241
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -405,7 +404,6 @@ const config = {
405
404
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
406
405
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
407
406
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
408
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
409
407
 
410
408
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
411
409
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -574,7 +572,6 @@ const config = {
574
572
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
575
573
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
576
574
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
577
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
578
575
 
579
576
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
580
577
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -743,7 +740,6 @@ const config = {
743
740
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
744
741
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
745
742
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
746
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
747
743
 
748
744
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
749
745
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -912,7 +908,6 @@ const config = {
912
908
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
913
909
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
914
910
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
915
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
916
911
 
917
912
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
918
913
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Spinner/Spinner.config.js CHANGED
@@ -16,53 +16,30 @@ const config = {
16
16
  size: 'm'
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}: ${_plasma_homeds.textPrimary};
21
+ --plasma-spinner-color: ${_plasma_homeds.textPrimary};
45
22
  `,
46
23
  secondary: (0, _styledcomponents.css)`
47
- ${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textSecondary};
24
+ --plasma-spinner-color: ${_plasma_homeds.textSecondary};
48
25
  `,
49
26
  tertiary: (0, _styledcomponents.css)`
50
- ${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textTertiary};
27
+ --plasma-spinner-color: ${_plasma_homeds.textTertiary};
51
28
  `,
52
29
  paragraph: (0, _styledcomponents.css)`
53
- ${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textParagraph};
30
+ --plasma-spinner-color: ${_plasma_homeds.textParagraph};
54
31
  `,
55
32
  accent: (0, _styledcomponents.css)`
56
- ${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textAccent};
33
+ --plasma-spinner-color: ${_plasma_homeds.textAccent};
57
34
  `,
58
35
  positive: (0, _styledcomponents.css)`
59
- ${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textPositive};
36
+ --plasma-spinner-color: ${_plasma_homeds.textPositive};
60
37
  `,
61
38
  warning: (0, _styledcomponents.css)`
62
- ${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textWarning};
39
+ --plasma-spinner-color: ${_plasma_homeds.textWarning};
63
40
  `,
64
41
  negative: (0, _styledcomponents.css)`
65
- ${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textNegative};
42
+ --plasma-spinner-color: ${_plasma_homeds.textNegative};
66
43
  `
67
44
  }
68
45
  }
package/dist/styled-components/cjs/components/Spinner/Spinner.js CHANGED
@@ -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
+ ]);
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -247,7 +247,7 @@ export const config = {
247
247
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
248
248
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
249
249
 
250
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
250
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
251
251
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
252
252
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
253
253
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -331,7 +331,7 @@ export const config = {
331
331
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
332
332
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
333
333
 
334
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
334
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
335
335
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
336
336
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
337
337
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -415,7 +415,7 @@ export const config = {
415
415
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
416
416
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
417
417
 
418
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
418
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
419
419
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
420
420
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
421
421
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -499,7 +499,7 @@ export const config = {
499
499
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
500
500
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
501
501
 
502
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
502
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
503
503
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
504
504
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
505
505
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/Calendar/Calendar.config.js CHANGED
@@ -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;
package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js CHANGED
@@ -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;
package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -252,7 +252,6 @@ export const config = {
252
252
  ${tokens.calendarHeaderWrapperPadding}: 0;
253
253
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
254
254
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
255
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
256
255
 
257
256
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
258
257
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -419,7 +418,6 @@ export const config = {
419
418
  ${tokens.calendarHeaderWrapperPadding}: 0;
420
419
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
421
420
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
422
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
423
421
 
424
422
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
425
423
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -586,7 +584,6 @@ export const config = {
586
584
  ${tokens.calendarHeaderWrapperPadding}: 0;
587
585
  ${tokens.calendarHeaderArrowGap}: 0;
588
586
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
589
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
590
587
 
591
588
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
592
589
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -753,7 +750,6 @@ export const config = {
753
750
  ${tokens.calendarHeaderWrapperPadding}: 0;
754
751
  ${tokens.calendarHeaderArrowGap}: 0;
755
752
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
756
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
757
753
 
758
754
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
759
755
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -920,7 +916,6 @@ export const config = {
920
916
  ${tokens.calendarHeaderWrapperPadding}: 0;
921
917
  ${tokens.calendarHeaderArrowGap}: 0;
922
918
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
923
- ${tokens.calendarHeaderArrowSize}: 1rem;
924
919
 
925
920
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
926
921
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -226,7 +226,6 @@ export const config = {
226
226
  ${tokens.calendarHeaderWrapperPadding}: 0;
227
227
  ${tokens.calendarHeaderArrowGap}: 0;
228
228
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
229
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
230
229
 
231
230
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
232
231
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -395,7 +394,6 @@ export const config = {
395
394
  ${tokens.calendarHeaderWrapperPadding}: 0;
396
395
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
397
396
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
398
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
399
397
 
400
398
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
401
399
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -564,7 +562,6 @@ export const config = {
564
562
  ${tokens.calendarHeaderWrapperPadding}: 0;
565
563
  ${tokens.calendarHeaderArrowGap}: 0;
566
564
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
567
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
568
565
 
569
566
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
570
567
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -733,7 +730,6 @@ export const config = {
733
730
  ${tokens.calendarHeaderWrapperPadding}: 0;
734
731
  ${tokens.calendarHeaderArrowGap}: 0;
735
732
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
736
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
737
733
 
738
734
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
739
735
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -902,7 +898,6 @@ export const config = {
902
898
  ${tokens.calendarHeaderWrapperPadding}: 0;
903
899
  ${tokens.calendarHeaderArrowGap}: 0;
904
900
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
905
- ${tokens.calendarHeaderArrowSize}: 1rem;
906
901
 
907
902
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
908
903
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/Spinner/Spinner.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
1
+ import { css } from '@salutejs/plasma-new-hope/styled-components';
2
2
  import { textAccent, textNegative, textParagraph, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/plasma-themes/tokens/plasma_homeds';
3
3
  export const config = {
4
4
  defaults: {
@@ -6,53 +6,30 @@ export const config = {
6
6
  size: 'm'
7
7
  },
8
8
  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
9
  view: {
33
10
  default: css`
34
- ${tokens.color}: ${textPrimary};
11
+ --plasma-spinner-color: ${textPrimary};
35
12
  `,
36
13
  secondary: css`
37
- ${tokens.color}: ${textSecondary};
14
+ --plasma-spinner-color: ${textSecondary};
38
15
  `,
39
16
  tertiary: css`
40
- ${tokens.color}: ${textTertiary};
17
+ --plasma-spinner-color: ${textTertiary};
41
18
  `,
42
19
  paragraph: css`
43
- ${tokens.color}: ${textParagraph};
20
+ --plasma-spinner-color: ${textParagraph};
44
21
  `,
45
22
  accent: css`
46
- ${tokens.color}: ${textAccent};
23
+ --plasma-spinner-color: ${textAccent};
47
24
  `,
48
25
  positive: css`
49
- ${tokens.color}: ${textPositive};
26
+ --plasma-spinner-color: ${textPositive};
50
27
  `,
51
28
  warning: css`
52
- ${tokens.color}: ${textWarning};
29
+ --plasma-spinner-color: ${textWarning};
53
30
  `,
54
31
  negative: css`
55
- ${tokens.color}: ${textNegative};
32
+ --plasma-spinner-color: ${textNegative};
56
33
  `
57
34
  }
58
35
  }
package/dist/styled-components/es/components/Spinner/Spinner.js CHANGED
@@ -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/plasma-homeds",
3
- "version": "0.371.0-next-sbcom.0",
3
+ "version": "0.371.1-dev.0",
4
4
  "description": "Salute Design System / React UI kit for PLASMA-HOMEDS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -35,8 +35,8 @@
35
35
  "styled-components": "^5.3.11"
36
36
  },
37
37
  "dependencies": {
38
- "@salutejs/plasma-new-hope": "0.388.0-next-sbcom.0",
39
- "@salutejs/plasma-themes": "0.70.0-next-sbcom.0"
38
+ "@salutejs/plasma-new-hope": "0.388.1-dev.0",
39
+ "@salutejs/plasma-themes": "0.70.0-dev.0"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@babel/cli": "7.24.1",
@@ -54,11 +54,11 @@
54
54
  "@rollup/plugin-babel": "^6.0.4",
55
55
  "@rollup/plugin-commonjs": "^25.0.4",
56
56
  "@rollup/plugin-node-resolve": "^15.1.0",
57
- "@salutejs/plasma-colors": "0.28.0-next-sbcom.0",
58
- "@salutejs/plasma-core": "1.249.0-next-sbcom.0",
59
- "@salutejs/plasma-cy-utils": "0.179.0-next-sbcom.0",
60
- "@salutejs/plasma-icons": "1.257.0-next-sbcom.0",
61
- "@salutejs/plasma-sb-utils": "0.251.0-next-sbcom.0",
57
+ "@salutejs/plasma-colors": "0.28.0-dev.0",
58
+ "@salutejs/plasma-core": "1.249.0-dev.0",
59
+ "@salutejs/plasma-cy-utils": "0.179.0-dev.0",
60
+ "@salutejs/plasma-icons": "1.257.1-dev.0",
61
+ "@salutejs/plasma-sb-utils": "0.251.1-dev.0",
62
62
  "@types/node": "16.7.13",
63
63
  "@types/react": "18.0.28",
64
64
  "@types/react-dom": "18.0.11",
@@ -99,5 +99,5 @@
99
99
  "sideEffects": [
100
100
  "*.css"
101
101
  ],
102
- "gitHead": "1214cb8ea4c61ff3df59c99d4b73d7652764a7ef"
102
+ "gitHead": "ed4c47d66e4b9e902ba7b56c72b5df1da7230489"
103
103
  }
package/types/components/Avatar/Avatar.d.ts CHANGED
@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
75
75
  size?: string;
76
76
  name?: string;
77
77
  url?: string;
78
- customText?: import("react").ReactNode;
78
+ customText?: string;
79
79
  status?: "active" | "inactive";
80
80
  isScalable?: boolean;
81
81
  focused?: boolean;
@@ -104,7 +104,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
104
104
  size?: string;
105
105
  name?: string;
106
106
  url?: string;
107
- customText?: import("react").ReactNode;
107
+ customText?: string;
108
108
  status?: "active" | "inactive";
109
109
  isScalable?: boolean;
110
110
  focused?: boolean;
@@ -170,7 +170,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
170
170
  size?: string;
171
171
  name?: string;
172
172
  url?: string;
173
- customText?: import("react").ReactNode;
173
+ customText?: string;
174
174
  status?: "active" | "inactive";
175
175
  isScalable?: boolean;
176
176
  focused?: boolean;
@@ -199,7 +199,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
199
199
  size?: string;
200
200
  name?: string;
201
201
  url?: string;
202
- customText?: import("react").ReactNode;
202
+ customText?: string;
203
203
  status?: "active" | "inactive";
204
204
  isScalable?: boolean;
205
205
  focused?: boolean;
package/types/components/Spinner/Spinner.config.d.ts CHANGED
@@ -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;
package/types/components/Spinner/Spinner.d.ts CHANGED
@@ -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;
@@ -19,28 +32,19 @@ declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-h
19
32
  warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
33
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
34
  };
22
- }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
35
+ }> & ((HTMLAttributes<HTMLDivElement> & {
23
36
  width?: never;
24
37
  height?: never;
25
38
  size?: string | number;
26
39
  view?: string;
27
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
40
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
28
41
  width: number;
29
42
  height: number;
30
43
  size?: never;
31
44
  view?: string;
32
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
45
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
33
46
  width: string;
34
47
  height: string;
35
48
  size?: never;
36
49
  view?: string;
37
- } & import("react").RefAttributes<HTMLDivElement>))>;
38
- type Variations = ComponentProps<typeof SpinnerComponent>;
39
- type SpinnerComponentProps = Omit<Variations, 'size'> & {
40
- size?: Variations['size'] | number;
41
- };
42
- /**
43
- * Компонент для отображения индикатора загрузки.
44
- */
45
- export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
46
- export {};
50
+ } & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
package/types/components/Spinner/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { Spinner } from './Spinner';
2
+ export type { SpinnerProps } from './Spinner';