@salutejs/plasma-web 1.646.0-next-sbcom.0 → 1.646.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 (77) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js.map +1 -1
  3. package/dist/css/cjs/components/Autocomplete/{Autocomplete.clear.config_1vd5koo.css → Autocomplete.clear.config_1czuchg.css} +4 -4
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  5. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  6. package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_17bfdbd.css → Autocomplete.config_1k2ytif.css} +4 -4
  7. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +28 -28
  8. package/dist/css/cjs/components/Calendar/Calendar.config.js +1 -1
  9. package/dist/css/cjs/components/Calendar/Calendar.config.js.map +1 -1
  10. package/dist/css/{es/components/Calendar/Calendar.config_1wkle4r.css → cjs/components/Calendar/Calendar.config_sm4qul.css} +5 -5
  11. package/dist/css/cjs/components/Calendar/Calendar.css +16 -16
  12. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
  13. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
  14. package/dist/css/{es/components/Calendar/CalendarDouble.config_1pfgpn2.css → cjs/components/Calendar/CalendarDouble.config_x0ke7h.css} +5 -5
  15. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  16. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  17. package/dist/css/{es/components/DatePicker/DatePicker.config_fwxu1e.css → cjs/components/DatePicker/DatePicker.config_1x1qhas.css} +5 -5
  18. package/dist/css/cjs/components/DatePicker/DatePicker.css +13 -13
  19. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  20. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  21. package/dist/css/{es/components/DateTimePicker/DateTimePicker.config_1pnb3re.css → cjs/components/DateTimePicker/DateTimePicker.config_qgrdla.css} +5 -5
  22. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
  23. package/dist/css/cjs/components/Spinner/Spinner.config.js +1 -1
  24. package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
  25. package/dist/css/cjs/components/Spinner/{Spinner.config_is3kyo.css → Spinner.config_ye49oa.css} +3 -3
  26. package/dist/css/cjs/components/Spinner/Spinner.css +12 -12
  27. package/dist/css/cjs/components/Spinner/Spinner.js +0 -2
  28. package/dist/css/cjs/components/Spinner/Spinner.js.map +1 -1
  29. package/dist/css/cjs/index.css +85 -85
  30. package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js +1 -1
  31. package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js.map +1 -1
  32. package/dist/css/es/components/Autocomplete/{Autocomplete.clear.config_1vd5koo.css → Autocomplete.clear.config_1czuchg.css} +4 -4
  33. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  34. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  35. package/dist/css/es/components/Autocomplete/{Autocomplete.config_17bfdbd.css → Autocomplete.config_1k2ytif.css} +4 -4
  36. package/dist/css/es/components/Autocomplete/Autocomplete.css +28 -28
  37. package/dist/css/es/components/Calendar/Calendar.config.js +1 -1
  38. package/dist/css/es/components/Calendar/Calendar.config.js.map +1 -1
  39. package/dist/css/{cjs/components/Calendar/Calendar.config_1wkle4r.css → es/components/Calendar/Calendar.config_sm4qul.css} +5 -5
  40. package/dist/css/es/components/Calendar/Calendar.css +16 -16
  41. package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
  42. package/dist/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  43. package/dist/css/{cjs/components/Calendar/CalendarDouble.config_1pfgpn2.css → es/components/Calendar/CalendarDouble.config_x0ke7h.css} +5 -5
  44. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  45. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  46. package/dist/css/{cjs/components/DatePicker/DatePicker.config_fwxu1e.css → es/components/DatePicker/DatePicker.config_1x1qhas.css} +5 -5
  47. package/dist/css/es/components/DatePicker/DatePicker.css +13 -13
  48. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  49. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  50. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.config_1pnb3re.css → es/components/DateTimePicker/DateTimePicker.config_qgrdla.css} +5 -5
  51. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
  52. package/dist/css/es/components/Spinner/Spinner.config.js +1 -1
  53. package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
  54. package/dist/css/es/components/Spinner/{Spinner.config_is3kyo.css → Spinner.config_ye49oa.css} +3 -3
  55. package/dist/css/es/components/Spinner/Spinner.css +12 -12
  56. package/dist/css/es/components/Spinner/Spinner.js +0 -2
  57. package/dist/css/es/components/Spinner/Spinner.js.map +1 -1
  58. package/dist/css/es/index.css +85 -85
  59. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js +4 -4
  60. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
  61. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +0 -5
  62. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +0 -5
  63. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +0 -5
  64. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -5
  65. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +12 -12
  66. package/dist/styled-components/cjs/components/Spinner/Spinner.js +12 -1
  67. package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js +4 -4
  68. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
  69. package/dist/styled-components/es/components/Calendar/Calendar.config.js +0 -5
  70. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +0 -5
  71. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +0 -5
  72. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -5
  73. package/dist/styled-components/es/components/Spinner/Spinner.config.js +13 -13
  74. package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
  75. package/package.json +12 -12
  76. package/types/components/Avatar/Avatar.d.ts +4 -4
  77. package/types/components/Spinner/Spinner.d.ts +2 -40
@@ -273,7 +273,7 @@ const config = {
273
273
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
274
274
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
275
275
 
276
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
276
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
277
277
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
278
278
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
279
279
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -357,7 +357,7 @@ const config = {
357
357
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
358
358
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
359
359
 
360
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
360
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
361
361
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
362
362
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
363
363
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -441,7 +441,7 @@ const config = {
441
441
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
442
442
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
443
443
 
444
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
444
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
445
445
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
446
446
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
447
447
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -525,7 +525,7 @@ const config = {
525
525
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
526
526
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
527
527
 
528
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
528
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
529
529
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
530
530
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
531
531
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -273,7 +273,7 @@ const config = {
273
273
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
274
274
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
275
275
 
276
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
276
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
277
277
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
278
278
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
279
279
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -358,7 +358,7 @@ const config = {
358
358
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
359
359
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
360
360
 
361
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
361
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
362
362
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
363
363
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
364
364
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -443,7 +443,7 @@ const config = {
443
443
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
444
444
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
445
445
 
446
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
446
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
447
447
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
448
448
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
449
449
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -528,7 +528,7 @@ const config = {
528
528
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
529
529
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
530
530
 
531
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
531
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
532
532
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
533
533
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
534
534
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -105,7 +105,6 @@ const config = {
105
105
 
106
106
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
107
107
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
108
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
109
108
 
110
109
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
111
110
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -175,7 +174,6 @@ const config = {
175
174
 
176
175
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
177
176
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
178
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
179
177
 
180
178
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
181
179
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -245,7 +243,6 @@ const config = {
245
243
 
246
244
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
247
245
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
248
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
249
246
 
250
247
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
251
248
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -315,7 +312,6 @@ const config = {
315
312
 
316
313
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
317
314
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
318
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
319
315
 
320
316
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
321
317
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -385,7 +381,6 @@ const config = {
385
381
 
386
382
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
387
383
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
388
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
389
384
 
390
385
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
391
386
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -106,7 +106,6 @@ const config = {
106
106
 
107
107
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
108
108
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
109
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
110
109
 
111
110
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
112
111
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,7 +175,6 @@ const config = {
176
175
 
177
176
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
178
177
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
179
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
180
178
 
181
179
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
182
180
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -246,7 +244,6 @@ const config = {
246
244
 
247
245
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
248
246
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
249
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
250
247
 
251
248
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
252
249
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -316,7 +313,6 @@ const config = {
316
313
 
317
314
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
318
315
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
319
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
320
316
 
321
317
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
322
318
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -386,7 +382,6 @@ const config = {
386
382
 
387
383
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
388
384
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
389
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
390
385
 
391
386
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
392
387
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -270,7 +270,6 @@ const config = {
270
270
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
271
271
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
272
272
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
273
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
274
273
 
275
274
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
276
275
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -444,7 +443,6 @@ const config = {
444
443
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
445
444
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
446
445
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
447
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
448
446
 
449
447
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
450
448
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -618,7 +616,6 @@ const config = {
618
616
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
619
617
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
620
618
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
621
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
622
619
 
623
620
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
624
621
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -792,7 +789,6 @@ const config = {
792
789
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
793
790
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
794
791
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
795
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
796
792
 
797
793
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
798
794
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -966,7 +962,6 @@ const config = {
966
962
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
967
963
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
968
964
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
969
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
970
965
 
971
966
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
972
967
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -238,7 +238,6 @@ const config = {
238
238
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
239
239
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
240
240
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
241
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
242
241
 
243
242
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
244
243
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -408,7 +407,6 @@ const config = {
408
407
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
409
408
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
410
409
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
411
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
412
410
 
413
411
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
414
412
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -578,7 +576,6 @@ const config = {
578
576
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
579
577
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
580
578
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
581
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
582
579
 
583
580
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
584
581
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -748,7 +745,6 @@ const config = {
748
745
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
749
746
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
750
747
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
751
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
752
748
 
753
749
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
754
750
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -918,7 +914,6 @@ const config = {
918
914
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
919
915
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
920
916
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
921
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
922
917
 
923
918
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
924
919
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -17,45 +17,45 @@ const config = {
17
17
  variations: {
18
18
  size: {
19
19
  s: (0, _styledcomponents.css)`
20
- ${_styledcomponents.spinnerTokens.size}: 1rem;
20
+ --plasma-spinner-size: 16px;
21
21
  `,
22
22
  m: (0, _styledcomponents.css)`
23
- ${_styledcomponents.spinnerTokens.size}: 1.5rem;
23
+ --plasma-spinner-size: 24px;
24
24
  `,
25
25
  l: (0, _styledcomponents.css)`
26
- ${_styledcomponents.spinnerTokens.size}: 2.25rem;
26
+ --plasma-spinner-size: 36px;
27
27
  `
28
28
  },
29
29
  view: {
30
30
  default: (0, _styledcomponents.css)`
31
- ${_styledcomponents.spinnerTokens.color}: var(--text-primary);
31
+ --plasma-spinner-color: var(--text-primary);
32
32
  `,
33
33
  /**
34
34
  * @deprecated
35
35
  * использовать `default`
36
36
  */ primary: (0, _styledcomponents.css)`
37
- ${_styledcomponents.spinnerTokens.color}: var(--text-primary);
37
+ --plasma-spinner-color: var(--text-primary);
38
38
  `,
39
39
  secondary: (0, _styledcomponents.css)`
40
- ${_styledcomponents.spinnerTokens.color}: var(--text-secondary);
40
+ --plasma-spinner-color: var(--text-secondary);
41
41
  `,
42
42
  tertiary: (0, _styledcomponents.css)`
43
- ${_styledcomponents.spinnerTokens.color}: var(--text-tertiary);
43
+ --plasma-spinner-color: var(--text-tertiary);
44
44
  `,
45
45
  paragraph: (0, _styledcomponents.css)`
46
- ${_styledcomponents.spinnerTokens.color}: var(--text-paragraph);
46
+ --plasma-spinner-color: var(--text-paragraph);
47
47
  `,
48
48
  accent: (0, _styledcomponents.css)`
49
- ${_styledcomponents.spinnerTokens.color}: var(--text-accent);
49
+ --plasma-spinner-color: var(--text-accent);
50
50
  `,
51
51
  positive: (0, _styledcomponents.css)`
52
- ${_styledcomponents.spinnerTokens.color}: var(--text-positive);
52
+ --plasma-spinner-color: var(--text-positive);
53
53
  `,
54
54
  warning: (0, _styledcomponents.css)`
55
- ${_styledcomponents.spinnerTokens.color}: var(--text-warning);
55
+ --plasma-spinner-color: var(--text-warning);
56
56
  `,
57
57
  negative: (0, _styledcomponents.css)`
58
- ${_styledcomponents.spinnerTokens.color}: var(--text-negative);
58
+ --plasma-spinner-color: var(--text-negative);
59
59
  `
60
60
  }
61
61
  }
@@ -9,7 +9,18 @@ Object.defineProperty(exports, "Spinner", {
9
9
  }
10
10
  });
11
11
  const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const _styledcomponents1 = /*#__PURE__*/ _interop_require_default(require("styled-components"));
12
13
  const _Spinnerconfig = require("./Spinner.config");
14
+ function _interop_require_default(obj) {
15
+ return obj && obj.__esModule ? obj : {
16
+ default: obj
17
+ };
18
+ }
13
19
  const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
14
20
  const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
15
- const Spinner = SpinnerComponent;
21
+ const Spinner = (0, _styledcomponents1.default)(SpinnerComponent).withConfig({
22
+ displayName: "Spinner",
23
+ componentId: "sc-a06270b0-0"
24
+ })([
25
+ ``
26
+ ]);
@@ -263,7 +263,7 @@ export const config = {
263
263
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
264
264
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
265
265
 
266
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
266
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
267
267
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
268
268
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
269
269
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -347,7 +347,7 @@ export const config = {
347
347
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
348
348
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
349
349
 
350
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
350
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
351
351
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
352
352
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
353
353
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -431,7 +431,7 @@ export const config = {
431
431
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
432
432
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
433
433
 
434
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
434
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
435
435
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
436
436
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
437
437
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -515,7 +515,7 @@ export const config = {
515
515
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
516
516
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
517
517
 
518
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
518
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
519
519
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
520
520
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
521
521
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -263,7 +263,7 @@ export const config = {
263
263
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
264
264
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
265
265
 
266
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
266
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
267
267
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
268
268
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
269
269
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -348,7 +348,7 @@ export const config = {
348
348
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
349
349
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
350
350
 
351
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
351
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
352
352
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
353
353
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
354
354
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -433,7 +433,7 @@ export const config = {
433
433
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
434
434
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
435
435
 
436
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
436
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
437
437
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
438
438
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
439
439
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -518,7 +518,7 @@ export const config = {
518
518
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
519
519
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
520
520
 
521
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
521
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
522
522
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
523
523
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
524
524
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -95,7 +95,6 @@ export const config = {
95
95
 
96
96
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
97
97
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
98
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
99
98
 
100
99
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
101
100
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -165,7 +164,6 @@ export const config = {
165
164
 
166
165
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
167
166
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
168
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
169
167
 
170
168
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
171
169
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -235,7 +233,6 @@ export const config = {
235
233
 
236
234
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
237
235
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
238
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
239
236
 
240
237
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
241
238
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -305,7 +302,6 @@ export const config = {
305
302
 
306
303
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
307
304
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
308
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
309
305
 
310
306
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
311
307
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -375,7 +371,6 @@ export const config = {
375
371
 
376
372
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
377
373
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
378
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
379
374
 
380
375
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
381
376
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -96,7 +96,6 @@ export const config = {
96
96
 
97
97
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
98
98
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
99
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
100
99
 
101
100
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
102
101
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,7 +165,6 @@ export const config = {
166
165
 
167
166
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
168
167
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
169
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
170
168
 
171
169
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
172
170
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -236,7 +234,6 @@ export const config = {
236
234
 
237
235
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
238
236
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
239
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
240
237
 
241
238
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
242
239
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -306,7 +303,6 @@ export const config = {
306
303
 
307
304
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
308
305
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
309
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
310
306
 
311
307
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
312
308
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -376,7 +372,6 @@ export const config = {
376
372
 
377
373
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
378
374
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
379
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
380
375
 
381
376
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
382
377
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -260,7 +260,6 @@ export const config = {
260
260
  ${tokens.calendarHeaderWrapperPadding}: 0;
261
261
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
262
262
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
263
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
264
263
 
265
264
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
266
265
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -434,7 +433,6 @@ export const config = {
434
433
  ${tokens.calendarHeaderWrapperPadding}: 0;
435
434
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
436
435
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
437
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
438
436
 
439
437
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
440
438
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -608,7 +606,6 @@ export const config = {
608
606
  ${tokens.calendarHeaderWrapperPadding}: 0;
609
607
  ${tokens.calendarHeaderArrowGap}: 0;
610
608
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
611
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
612
609
 
613
610
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
614
611
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -782,7 +779,6 @@ export const config = {
782
779
  ${tokens.calendarHeaderWrapperPadding}: 0;
783
780
  ${tokens.calendarHeaderArrowGap}: 0;
784
781
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
785
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
786
782
 
787
783
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
788
784
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -956,7 +952,6 @@ export const config = {
956
952
  ${tokens.calendarHeaderWrapperPadding}: 0;
957
953
  ${tokens.calendarHeaderArrowGap}: 0;
958
954
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
959
- ${tokens.calendarHeaderArrowSize}: 1rem;
960
955
 
961
956
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
962
957
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -228,7 +228,6 @@ export const config = {
228
228
  ${tokens.calendarHeaderWrapperPadding}: 0;
229
229
  ${tokens.calendarHeaderArrowGap}: 0;
230
230
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
231
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
232
231
 
233
232
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
234
233
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -398,7 +397,6 @@ export const config = {
398
397
  ${tokens.calendarHeaderWrapperPadding}: 0;
399
398
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
400
399
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
401
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
402
400
 
403
401
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
404
402
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -568,7 +566,6 @@ export const config = {
568
566
  ${tokens.calendarHeaderWrapperPadding}: 0;
569
567
  ${tokens.calendarHeaderArrowGap}: 0;
570
568
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
571
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
572
569
 
573
570
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
574
571
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -738,7 +735,6 @@ export const config = {
738
735
  ${tokens.calendarHeaderWrapperPadding}: 0;
739
736
  ${tokens.calendarHeaderArrowGap}: 0;
740
737
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
741
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
742
738
 
743
739
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
744
740
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -908,7 +904,6 @@ export const config = {
908
904
  ${tokens.calendarHeaderWrapperPadding}: 0;
909
905
  ${tokens.calendarHeaderArrowGap}: 0;
910
906
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
911
- ${tokens.calendarHeaderArrowSize}: 1rem;
912
907
 
913
908
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
914
909
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -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
  export const config = {
3
3
  defaults: {
4
4
  view: 'accent',
@@ -7,45 +7,45 @@ export const config = {
7
7
  variations: {
8
8
  size: {
9
9
  s: css`
10
- ${tokens.size}: 1rem;
10
+ --plasma-spinner-size: 16px;
11
11
  `,
12
12
  m: css`
13
- ${tokens.size}: 1.5rem;
13
+ --plasma-spinner-size: 24px;
14
14
  `,
15
15
  l: css`
16
- ${tokens.size}: 2.25rem;
16
+ --plasma-spinner-size: 36px;
17
17
  `
18
18
  },
19
19
  view: {
20
20
  default: css`
21
- ${tokens.color}: var(--text-primary);
21
+ --plasma-spinner-color: var(--text-primary);
22
22
  `,
23
23
  /**
24
24
  * @deprecated
25
25
  * использовать `default`
26
26
  */ primary: css`
27
- ${tokens.color}: var(--text-primary);
27
+ --plasma-spinner-color: var(--text-primary);
28
28
  `,
29
29
  secondary: css`
30
- ${tokens.color}: var(--text-secondary);
30
+ --plasma-spinner-color: var(--text-secondary);
31
31
  `,
32
32
  tertiary: css`
33
- ${tokens.color}: var(--text-tertiary);
33
+ --plasma-spinner-color: var(--text-tertiary);
34
34
  `,
35
35
  paragraph: css`
36
- ${tokens.color}: var(--text-paragraph);
36
+ --plasma-spinner-color: var(--text-paragraph);
37
37
  `,
38
38
  accent: css`
39
- ${tokens.color}: var(--text-accent);
39
+ --plasma-spinner-color: var(--text-accent);
40
40
  `,
41
41
  positive: css`
42
- ${tokens.color}: var(--text-positive);
42
+ --plasma-spinner-color: var(--text-positive);
43
43
  `,
44
44
  warning: css`
45
- ${tokens.color}: var(--text-warning);
45
+ --plasma-spinner-color: var(--text-warning);
46
46
  `,
47
47
  negative: css`
48
- ${tokens.color}: var(--text-negative);
48
+ --plasma-spinner-color: var(--text-negative);
49
49
  `
50
50
  }
51
51
  }
@@ -1,7 +1,13 @@
1
1
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import styled from '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-a06270b0-0"
11
+ })([
12
+ ``
13
+ ]);