@salutejs/plasma-web 1.644.0-next-sbcom.0 → 1.644.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 (78) 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_1kwr2bk.css → Autocomplete.clear.config_jk4e9k.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_4tb451.css → Autocomplete.config_2qywla.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_1kwr2bk.css → Autocomplete.clear.config_jk4e9k.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_4tb451.css → Autocomplete.config_2qywla.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 +14 -14
  76. package/types/components/Avatar/Avatar.d.ts +4 -4
  77. package/types/components/Spinner/Spinner.d.ts +3 -40
  78. package/types/components/Spinner/index.d.ts +1 -0
@@ -251,7 +251,7 @@ const config = {
251
251
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
252
252
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
253
253
 
254
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
254
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
255
255
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
256
256
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
257
257
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -333,7 +333,7 @@ const config = {
333
333
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
334
334
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
335
335
 
336
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
336
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
337
337
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
338
338
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
339
339
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -415,7 +415,7 @@ const config = {
415
415
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
416
416
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
417
417
 
418
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
418
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
419
419
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
420
420
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
421
421
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -497,7 +497,7 @@ const config = {
497
497
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
498
498
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
499
499
 
500
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
500
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
501
501
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
502
502
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
503
503
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -251,7 +251,7 @@ const config = {
251
251
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
252
252
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
253
253
 
254
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
254
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
255
255
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
256
256
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
257
257
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -334,7 +334,7 @@ const config = {
334
334
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
335
335
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
336
336
 
337
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
337
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
338
338
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
339
339
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
340
340
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -417,7 +417,7 @@ const config = {
417
417
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
418
418
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
419
419
 
420
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
420
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
421
421
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
422
422
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
423
423
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -500,7 +500,7 @@ const config = {
500
500
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
501
501
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
502
502
 
503
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
503
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
504
504
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
505
505
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
506
506
  ${_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
+ ]);
@@ -241,7 +241,7 @@ export const config = {
241
241
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
242
242
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
243
243
 
244
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
244
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
245
245
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
246
246
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
247
247
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -323,7 +323,7 @@ export const config = {
323
323
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
324
324
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
325
325
 
326
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
326
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
327
327
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
328
328
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
329
329
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -405,7 +405,7 @@ export const config = {
405
405
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
406
406
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
407
407
 
408
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
408
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
409
409
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
410
410
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
411
411
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -487,7 +487,7 @@ export const config = {
487
487
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
488
488
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
489
489
 
490
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
490
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
491
491
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
492
492
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
493
493
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -241,7 +241,7 @@ export const config = {
241
241
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
242
242
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
243
243
 
244
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
244
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
245
245
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
246
246
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
247
247
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -324,7 +324,7 @@ export const config = {
324
324
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
325
325
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
326
326
 
327
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
327
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
328
328
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
329
329
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
330
330
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -407,7 +407,7 @@ export const config = {
407
407
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
408
408
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
409
409
 
410
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
410
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
411
411
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
412
412
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
413
413
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -490,7 +490,7 @@ export const config = {
490
490
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
491
491
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
492
492
 
493
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
493
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
494
494
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
495
495
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
496
496
  ${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
+ ]);