@salutejs/plasma-homeds 0.366.0-next-sbcom.0 → 0.366.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 (28) hide show
  1. package/README.md +3 -3
  2. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
  3. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +0 -5
  4. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +0 -5
  5. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -4
  6. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +0 -5
  7. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -5
  8. package/dist/styled-components/cjs/components/Select/Select.config.js +4 -4
  9. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +8 -31
  10. package/dist/styled-components/cjs/components/Spinner/Spinner.js +15 -4
  11. package/dist/styled-components/cjs/components/TextField/TextField.config.js +3 -3
  12. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  13. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
  14. package/dist/styled-components/es/components/Calendar/Calendar.config.js +0 -5
  15. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +0 -5
  16. package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -4
  17. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +0 -5
  18. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -5
  19. package/dist/styled-components/es/components/Select/Select.config.js +4 -4
  20. package/dist/styled-components/es/components/Spinner/Spinner.config.js +9 -32
  21. package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
  22. package/dist/styled-components/es/components/TextField/TextField.config.js +3 -3
  23. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  24. package/package.json +9 -9
  25. package/types/components/Avatar/Avatar.d.ts +4 -4
  26. package/types/components/Spinner/Spinner.config.d.ts +0 -9
  27. package/types/components/Spinner/Spinner.d.ts +38 -27
  28. package/types/components/Spinner/index.d.ts +1 -1
package/README.md CHANGED
@@ -27,9 +27,9 @@ $ npm install --save styled-components@5.3.1
27
27
 
28
28
  ## Варианты поставки
29
29
 
30
- | Точка входа | Реализация | Дополнительные зависимости |
31
- | ------------------------- | ----------------- | -------------------------- |
32
- | `@salutejs/plasma-homeds` | styled-components | `styled-components@5.3.1` |
30
+ | Точка входа | Реализация | Дополнительные зависимости |
31
+ | -------------------------- | ------------------ | --------------------------- |
32
+ | `@salutejs/plasma-homeds` | styled-components | `styled-components@5.3.1` |
33
33
 
34
34
  ```jsx
35
35
  import { Button } from '@salutejs/plasma-homeds';
@@ -224,7 +224,7 @@ const config = {
224
224
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
225
225
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
226
226
 
227
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
227
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
228
228
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
229
229
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
230
230
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -299,7 +299,7 @@ const config = {
299
299
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
300
300
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
301
301
 
302
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
302
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
303
303
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
304
304
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
305
305
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -374,7 +374,7 @@ const config = {
374
374
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
375
375
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
376
376
 
377
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
377
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
378
378
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
379
379
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
380
380
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -449,7 +449,7 @@ const config = {
449
449
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
450
450
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
451
451
 
452
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
452
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
453
453
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
454
454
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
455
455
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.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;
@@ -276,7 +276,7 @@ const config = {
276
276
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
277
277
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
278
278
 
279
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
279
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
280
280
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
281
281
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
282
282
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -397,7 +397,7 @@ const config = {
397
397
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
398
398
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
399
399
 
400
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
400
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
401
401
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
402
402
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
403
403
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -518,7 +518,7 @@ const config = {
518
518
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
519
519
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
520
520
 
521
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
521
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
522
522
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
523
523
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
524
524
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -639,7 +639,7 @@ const config = {
639
639
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
640
640
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
641
641
 
642
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
642
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
643
643
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
644
644
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
645
645
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -261,7 +261,6 @@ const config = {
261
261
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
262
262
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
263
263
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
264
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
265
264
 
266
265
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
267
266
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -427,7 +426,6 @@ const config = {
427
426
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
428
427
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
429
428
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
430
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
431
429
 
432
430
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
433
431
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -593,7 +591,6 @@ const config = {
593
591
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
594
592
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
595
593
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
596
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
597
594
 
598
595
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
599
596
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -759,7 +756,6 @@ const config = {
759
756
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
760
757
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
761
758
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
762
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
763
759
 
764
760
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
765
761
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -925,7 +921,6 @@ const config = {
925
921
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
926
922
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
927
923
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
928
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
929
924
 
930
925
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
931
926
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -235,7 +235,6 @@ const config = {
235
235
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
236
236
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
237
237
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
238
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
239
238
 
240
239
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
241
240
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -403,7 +402,6 @@ const config = {
403
402
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
404
403
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
405
404
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
406
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
407
405
 
408
406
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
409
407
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -571,7 +569,6 @@ const config = {
571
569
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
572
570
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
573
571
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
574
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
575
572
 
576
573
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
577
574
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -739,7 +736,6 @@ const config = {
739
736
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
740
737
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
741
738
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
742
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
743
739
 
744
740
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
745
741
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -907,7 +903,6 @@ const config = {
907
903
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
908
904
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
909
905
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
910
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
911
906
 
912
907
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
913
908
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -403,7 +403,7 @@ const config = {
403
403
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
404
404
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
405
405
 
406
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
406
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
407
407
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
408
408
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
409
409
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -528,7 +528,7 @@ const config = {
528
528
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
529
529
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
530
530
 
531
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
531
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
532
532
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
533
533
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
534
534
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -653,7 +653,7 @@ const config = {
653
653
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
654
654
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
655
655
 
656
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
656
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
657
657
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
658
658
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
659
659
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -778,7 +778,7 @@ const config = {
778
778
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
779
779
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
780
780
 
781
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
781
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
782
782
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
783
783
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
784
784
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -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
  }
@@ -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
+ ]);
@@ -104,7 +104,7 @@ const config = {
104
104
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
105
105
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
106
106
 
107
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
107
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
108
108
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
109
109
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
110
110
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -178,7 +178,7 @@ const config = {
178
178
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
179
179
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
180
180
 
181
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
181
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
182
182
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
183
183
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
184
184
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -252,7 +252,7 @@ const config = {
252
252
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
253
253
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
254
254
 
255
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
255
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
256
256
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
257
257
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
258
258
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -46,7 +46,7 @@ const config = {
46
46
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyL.letterSpacing};
47
47
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyL.lineHeight};
48
48
 
49
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
49
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
50
50
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
51
51
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
52
52
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -102,7 +102,7 @@ const config = {
102
102
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyM.letterSpacing};
103
103
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyM.lineHeight};
104
104
 
105
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
105
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
106
106
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
107
107
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
108
108
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -158,7 +158,7 @@ const config = {
158
158
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyS.letterSpacing};
159
159
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyS.lineHeight};
160
160
 
161
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
161
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
162
162
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
163
163
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
164
164
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -214,7 +214,7 @@ const config = {
214
214
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
215
215
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
216
216
 
217
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
217
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
218
218
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
219
219
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
220
220
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -214,7 +214,7 @@ export const config = {
214
214
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
215
215
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
216
216
 
217
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
217
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
218
218
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
219
219
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
220
220
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -289,7 +289,7 @@ export const config = {
289
289
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
290
290
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
291
291
 
292
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
292
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
293
293
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
294
294
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
295
295
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -364,7 +364,7 @@ export const config = {
364
364
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
365
365
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
366
366
 
367
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
367
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
368
368
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
369
369
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
370
370
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -439,7 +439,7 @@ export const config = {
439
439
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
440
440
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
441
441
 
442
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
442
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
443
443
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
444
444
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
445
445
  ${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;
@@ -266,7 +266,7 @@ export const config = {
266
266
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
267
267
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
268
268
 
269
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
269
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
270
270
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
271
271
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
272
272
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -387,7 +387,7 @@ export const config = {
387
387
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
388
388
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
389
389
 
390
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
390
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
391
391
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
392
392
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
393
393
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -508,7 +508,7 @@ export const config = {
508
508
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
509
509
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
510
510
 
511
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
511
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
512
512
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
513
513
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
514
514
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -629,7 +629,7 @@ export const config = {
629
629
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
630
630
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
631
631
 
632
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
632
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
633
633
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
634
634
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
635
635
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -251,7 +251,6 @@ export const config = {
251
251
  ${tokens.calendarHeaderWrapperPadding}: 0;
252
252
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
253
253
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
254
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
255
254
 
256
255
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
257
256
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -417,7 +416,6 @@ export const config = {
417
416
  ${tokens.calendarHeaderWrapperPadding}: 0;
418
417
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
419
418
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
420
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
421
419
 
422
420
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
423
421
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -583,7 +581,6 @@ export const config = {
583
581
  ${tokens.calendarHeaderWrapperPadding}: 0;
584
582
  ${tokens.calendarHeaderArrowGap}: 0;
585
583
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
586
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
587
584
 
588
585
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
589
586
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -749,7 +746,6 @@ export const config = {
749
746
  ${tokens.calendarHeaderWrapperPadding}: 0;
750
747
  ${tokens.calendarHeaderArrowGap}: 0;
751
748
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
752
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
753
749
 
754
750
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
755
751
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -915,7 +911,6 @@ export const config = {
915
911
  ${tokens.calendarHeaderWrapperPadding}: 0;
916
912
  ${tokens.calendarHeaderArrowGap}: 0;
917
913
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
918
- ${tokens.calendarHeaderArrowSize}: 1rem;
919
914
 
920
915
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
921
916
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -225,7 +225,6 @@ export const config = {
225
225
  ${tokens.calendarHeaderWrapperPadding}: 0;
226
226
  ${tokens.calendarHeaderArrowGap}: 0;
227
227
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
228
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
229
228
 
230
229
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
231
230
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -393,7 +392,6 @@ export const config = {
393
392
  ${tokens.calendarHeaderWrapperPadding}: 0;
394
393
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
395
394
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
396
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
397
395
 
398
396
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
399
397
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -561,7 +559,6 @@ export const config = {
561
559
  ${tokens.calendarHeaderWrapperPadding}: 0;
562
560
  ${tokens.calendarHeaderArrowGap}: 0;
563
561
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
564
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
565
562
 
566
563
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
567
564
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -729,7 +726,6 @@ export const config = {
729
726
  ${tokens.calendarHeaderWrapperPadding}: 0;
730
727
  ${tokens.calendarHeaderArrowGap}: 0;
731
728
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
732
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
733
729
 
734
730
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
735
731
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -897,7 +893,6 @@ export const config = {
897
893
  ${tokens.calendarHeaderWrapperPadding}: 0;
898
894
  ${tokens.calendarHeaderArrowGap}: 0;
899
895
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
900
- ${tokens.calendarHeaderArrowSize}: 1rem;
901
896
 
902
897
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
903
898
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -393,7 +393,7 @@ export const config = {
393
393
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
394
394
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
395
395
 
396
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
396
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
397
397
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
398
398
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
399
399
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -518,7 +518,7 @@ export const config = {
518
518
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
519
519
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
520
520
 
521
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
521
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
522
522
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
523
523
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
524
524
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -643,7 +643,7 @@ export const config = {
643
643
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
644
644
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
645
645
 
646
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
646
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
647
647
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
648
648
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
649
649
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -768,7 +768,7 @@ export const config = {
768
768
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
769
769
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
770
770
 
771
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
771
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
772
772
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
773
773
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
774
774
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -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
  }
@@ -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
+ ]);
@@ -94,7 +94,7 @@ export const config = {
94
94
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
95
95
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
96
96
 
97
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
97
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
98
98
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
99
99
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
100
100
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -168,7 +168,7 @@ export const config = {
168
168
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
169
169
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
170
170
 
171
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
171
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
172
172
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
173
173
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
174
174
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -242,7 +242,7 @@ export const config = {
242
242
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
243
243
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
244
244
 
245
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
245
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
246
246
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
247
247
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
248
248
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -36,7 +36,7 @@ export const config = {
36
36
  ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};
37
37
  ${tokens.labelLineHeight}: ${bodyL.lineHeight};
38
38
 
39
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
39
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
40
40
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
41
41
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
42
42
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -92,7 +92,7 @@ export const config = {
92
92
  ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
93
93
  ${tokens.labelLineHeight}: ${bodyM.lineHeight};
94
94
 
95
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
95
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
96
96
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
97
97
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
98
98
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -148,7 +148,7 @@ export const config = {
148
148
  ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
149
149
  ${tokens.labelLineHeight}: ${bodyS.lineHeight};
150
150
 
151
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
151
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
152
152
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
153
153
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
154
154
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -204,7 +204,7 @@ export const config = {
204
204
  ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
205
205
  ${tokens.labelLineHeight}: ${bodyXS.lineHeight};
206
206
 
207
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
207
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
208
208
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
209
209
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
210
210
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-homeds",
3
- "version": "0.366.0-next-sbcom.0",
3
+ "version": "0.366.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.1"
36
36
  },
37
37
  "dependencies": {
38
- "@salutejs/plasma-new-hope": "0.383.0-next-sbcom.0",
39
- "@salutejs/plasma-themes": "0.67.0-next-sbcom.0"
38
+ "@salutejs/plasma-new-hope": "0.383.0",
39
+ "@salutejs/plasma-themes": "0.66.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.26.0-next-sbcom.0",
58
- "@salutejs/plasma-core": "1.246.0-next-sbcom.0",
59
- "@salutejs/plasma-cy-utils": "0.176.0-next-sbcom.0",
60
- "@salutejs/plasma-icons": "1.253.0-next-sbcom.0",
61
- "@salutejs/plasma-sb-utils": "0.247.0-next-sbcom.0",
57
+ "@salutejs/plasma-colors": "0.25.0",
58
+ "@salutejs/plasma-core": "1.245.0",
59
+ "@salutejs/plasma-cy-utils": "0.175.0",
60
+ "@salutejs/plasma-icons": "1.252.0",
61
+ "@salutejs/plasma-sb-utils": "0.246.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": "c62684bb3d9ab338c855e9e88388bead92899739"
102
+ "gitHead": "f0c723fb6cbc14c286e23fc3899929c2336fe7e9"
103
103
  }
@@ -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;
@@ -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;
@@ -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,21 +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> & {
36
+ width?: never;
37
+ height?: never;
23
38
  size?: string | number;
24
39
  view?: string;
25
- strokeSize?: number;
26
- width?: string | number;
27
- height?: string | number;
28
- color?: string;
29
- deviceScale?: number;
30
- } & import("react").RefAttributes<HTMLDivElement>>;
31
- type Variations = ComponentProps<typeof SpinnerComponent>;
32
- type SpinnerComponentProps = Omit<Variations, 'size'> & {
33
- size?: Variations['size'] | number;
34
- };
35
- /**
36
- * Компонент для отображения индикатора загрузки.
37
- */
38
- export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
39
- export {};
40
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
41
+ width: number;
42
+ height: number;
43
+ size?: never;
44
+ view?: string;
45
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
46
+ width: string;
47
+ height: string;
48
+ size?: never;
49
+ view?: string;
50
+ } & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
@@ -1,2 +1,2 @@
1
1
  export { Spinner } from './Spinner';
2
- export type { SpinnerProps } from '@salutejs/plasma-new-hope/styled-components';
2
+ export type { SpinnerProps } from './Spinner';