@salutejs/sdds-bizcom 0.376.0-next-sbcom.0 → 0.376.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 (81) 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_r75pya.css → Autocomplete.clear.config_1i0emta.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_n6pj0w.css → Autocomplete.config_7o5i5y.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_kqrh0z.css → cjs/components/Calendar/Calendar.config_r4tlf1.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_l0gbfs.css → cjs/components/Calendar/CalendarDouble.config_azpqm4.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_57mrji.css → cjs/components/DatePicker/DatePicker.config_16cxssg.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_b7oiho.css → cjs/components/DateTimePicker/DateTimePicker.config_r6gp9l.css} +5 -5
  22. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
  23. package/dist/css/cjs/components/Spinner/Spinner.config.js +9 -18
  24. package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
  25. package/dist/css/cjs/components/Spinner/Spinner.config_1sal5bb.css +8 -0
  26. package/dist/css/cjs/components/Spinner/Spinner.css +8 -15
  27. package/dist/css/cjs/components/Spinner/Spinner.js +0 -3
  28. package/dist/css/cjs/components/Spinner/Spinner.js.map +1 -1
  29. package/dist/css/cjs/index.css +81 -88
  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_r75pya.css → Autocomplete.clear.config_1i0emta.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_n6pj0w.css → Autocomplete.config_7o5i5y.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_kqrh0z.css → es/components/Calendar/Calendar.config_r4tlf1.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_l0gbfs.css → es/components/Calendar/CalendarDouble.config_azpqm4.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_57mrji.css → es/components/DatePicker/DatePicker.config_16cxssg.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_b7oiho.css → es/components/DateTimePicker/DateTimePicker.config_r6gp9l.css} +5 -5
  51. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
  52. package/dist/css/es/components/Spinner/Spinner.config.js +9 -18
  53. package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
  54. package/dist/css/es/components/Spinner/Spinner.config_1sal5bb.css +8 -0
  55. package/dist/css/es/components/Spinner/Spinner.css +8 -15
  56. package/dist/css/es/components/Spinner/Spinner.js +0 -3
  57. package/dist/css/es/components/Spinner/Spinner.js.map +1 -1
  58. package/dist/css/es/index.css +81 -88
  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 +8 -31
  66. package/dist/styled-components/cjs/components/Spinner/Spinner.js +15 -4
  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 +9 -32
  74. package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
  75. package/package.json +9 -9
  76. package/types/components/Avatar/Avatar.d.ts +4 -4
  77. package/types/components/Spinner/Spinner.config.d.ts +0 -9
  78. package/types/components/Spinner/Spinner.d.ts +28 -24
  79. package/types/components/Spinner/index.d.ts +1 -0
  80. package/dist/css/cjs/components/Spinner/Spinner.config_eyrgsm.css +0 -15
  81. package/dist/css/es/components/Spinner/Spinner.config_eyrgsm.css +0 -15
@@ -270,7 +270,7 @@ const config = {
270
270
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
271
271
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
272
272
 
273
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
273
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
274
274
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
275
275
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
276
276
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
@@ -353,7 +353,7 @@ const config = {
353
353
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
354
354
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
355
355
 
356
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
356
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
357
357
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
358
358
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
359
359
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
@@ -436,7 +436,7 @@ const config = {
436
436
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
437
437
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
438
438
 
439
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
439
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
440
440
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
441
441
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
442
442
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
@@ -519,7 +519,7 @@ const config = {
519
519
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
520
520
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
521
521
 
522
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
522
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
523
523
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
524
524
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
525
525
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
@@ -257,7 +257,7 @@ const config = {
257
257
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
258
258
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
259
259
 
260
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
260
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
261
261
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
262
262
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
263
263
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
@@ -341,7 +341,7 @@ const config = {
341
341
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
342
342
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
343
343
 
344
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
344
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
345
345
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
346
346
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
347
347
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
@@ -425,7 +425,7 @@ const config = {
425
425
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
426
426
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
427
427
 
428
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
428
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
429
429
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
430
430
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
431
431
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
@@ -509,7 +509,7 @@ const config = {
509
509
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
510
510
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
511
511
 
512
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
512
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
513
513
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
514
514
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
515
515
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.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;
@@ -263,7 +263,6 @@ const config = {
263
263
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
264
264
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
265
265
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
266
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
267
266
 
268
267
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
269
268
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -435,7 +434,6 @@ const config = {
435
434
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
436
435
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
437
436
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
438
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
439
437
 
440
438
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
441
439
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -607,7 +605,6 @@ const config = {
607
605
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
608
606
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
609
607
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
610
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
611
608
 
612
609
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
613
610
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -779,7 +776,6 @@ const config = {
779
776
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
780
777
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
781
778
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
782
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
783
779
 
784
780
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
785
781
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -951,7 +947,6 @@ const config = {
951
947
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
952
948
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
953
949
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
954
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
955
950
 
956
951
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
957
952
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -236,7 +236,6 @@ const config = {
236
236
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
237
237
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
238
238
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
239
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
240
239
 
241
240
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
242
241
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -405,7 +404,6 @@ const config = {
405
404
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
406
405
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
407
406
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
408
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
409
407
 
410
408
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
411
409
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -574,7 +572,6 @@ const config = {
574
572
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
575
573
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
576
574
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
577
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
578
575
 
579
576
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
580
577
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -743,7 +740,6 @@ const config = {
743
740
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
744
741
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
745
742
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
746
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
747
743
 
748
744
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
749
745
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -912,7 +908,6 @@ const config = {
912
908
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
913
909
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
914
910
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
915
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
916
911
 
917
912
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
918
913
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -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}: ${_sdds_bizcom.textPrimary};
21
+ --plasma-spinner-color: ${_sdds_bizcom.textPrimary};
45
22
  `,
46
23
  secondary: (0, _styledcomponents.css)`
47
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_bizcom.textSecondary};
24
+ --plasma-spinner-color: ${_sdds_bizcom.textSecondary};
48
25
  `,
49
26
  tertiary: (0, _styledcomponents.css)`
50
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_bizcom.textTertiary};
27
+ --plasma-spinner-color: ${_sdds_bizcom.textTertiary};
51
28
  `,
52
29
  paragraph: (0, _styledcomponents.css)`
53
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_bizcom.textParagraph};
30
+ --plasma-spinner-color: ${_sdds_bizcom.textParagraph};
54
31
  `,
55
32
  accent: (0, _styledcomponents.css)`
56
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_bizcom.textAccent};
33
+ --plasma-spinner-color: ${_sdds_bizcom.textAccent};
57
34
  `,
58
35
  positive: (0, _styledcomponents.css)`
59
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_bizcom.textPositive};
36
+ --plasma-spinner-color: ${_sdds_bizcom.textPositive};
60
37
  `,
61
38
  warning: (0, _styledcomponents.css)`
62
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_bizcom.textWarning};
39
+ --plasma-spinner-color: ${_sdds_bizcom.textWarning};
63
40
  `,
64
41
  negative: (0, _styledcomponents.css)`
65
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_bizcom.textNegative};
42
+ --plasma-spinner-color: ${_sdds_bizcom.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
+ ]);
@@ -260,7 +260,7 @@ export const config = {
260
260
  ${tokens.textFieldHintTargetSize}: 2.375rem;
261
261
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
262
262
 
263
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
263
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
264
264
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
265
265
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
266
266
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -343,7 +343,7 @@ export const config = {
343
343
  ${tokens.textFieldHintTargetSize}: 2.375rem;
344
344
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
345
345
 
346
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
346
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
347
347
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
348
348
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
349
349
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -426,7 +426,7 @@ export const config = {
426
426
  ${tokens.textFieldHintTargetSize}: 2.375rem;
427
427
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
428
428
 
429
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
429
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
430
430
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
431
431
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
432
432
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -509,7 +509,7 @@ export const config = {
509
509
  ${tokens.textFieldHintTargetSize}: 2.375rem;
510
510
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
511
511
 
512
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
512
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
513
513
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
514
514
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
515
515
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -247,7 +247,7 @@ export const config = {
247
247
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
248
248
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
249
249
 
250
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
250
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
251
251
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
252
252
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
253
253
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -331,7 +331,7 @@ export const config = {
331
331
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
332
332
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
333
333
 
334
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
334
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
335
335
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
336
336
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
337
337
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -415,7 +415,7 @@ export const config = {
415
415
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
416
416
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
417
417
 
418
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
418
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
419
419
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
420
420
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
421
421
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -499,7 +499,7 @@ export const config = {
499
499
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
500
500
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
501
501
 
502
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
502
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
503
503
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
504
504
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
505
505
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -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;
@@ -253,7 +253,6 @@ export const config = {
253
253
  ${tokens.calendarHeaderWrapperPadding}: 0;
254
254
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
255
255
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
256
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
257
256
 
258
257
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
259
258
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -425,7 +424,6 @@ export const config = {
425
424
  ${tokens.calendarHeaderWrapperPadding}: 0;
426
425
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
427
426
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
428
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
429
427
 
430
428
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
431
429
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -597,7 +595,6 @@ export const config = {
597
595
  ${tokens.calendarHeaderWrapperPadding}: 0;
598
596
  ${tokens.calendarHeaderArrowGap}: 0;
599
597
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
600
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
601
598
 
602
599
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
603
600
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -769,7 +766,6 @@ export const config = {
769
766
  ${tokens.calendarHeaderWrapperPadding}: 0;
770
767
  ${tokens.calendarHeaderArrowGap}: 0;
771
768
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
772
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
773
769
 
774
770
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
775
771
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -941,7 +937,6 @@ export const config = {
941
937
  ${tokens.calendarHeaderWrapperPadding}: 0;
942
938
  ${tokens.calendarHeaderArrowGap}: 0;
943
939
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
944
- ${tokens.calendarHeaderArrowSize}: 1rem;
945
940
 
946
941
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
947
942
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -226,7 +226,6 @@ export const config = {
226
226
  ${tokens.calendarHeaderWrapperPadding}: 0;
227
227
  ${tokens.calendarHeaderArrowGap}: 0;
228
228
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
229
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
230
229
 
231
230
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
232
231
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -395,7 +394,6 @@ export const config = {
395
394
  ${tokens.calendarHeaderWrapperPadding}: 0;
396
395
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
397
396
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
398
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
399
397
 
400
398
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
401
399
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -564,7 +562,6 @@ export const config = {
564
562
  ${tokens.calendarHeaderWrapperPadding}: 0;
565
563
  ${tokens.calendarHeaderArrowGap}: 0;
566
564
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
567
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
568
565
 
569
566
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
570
567
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -733,7 +730,6 @@ export const config = {
733
730
  ${tokens.calendarHeaderWrapperPadding}: 0;
734
731
  ${tokens.calendarHeaderArrowGap}: 0;
735
732
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
736
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
737
733
 
738
734
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
739
735
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -902,7 +898,6 @@ export const config = {
902
898
  ${tokens.calendarHeaderWrapperPadding}: 0;
903
899
  ${tokens.calendarHeaderArrowGap}: 0;
904
900
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
905
- ${tokens.calendarHeaderArrowSize}: 1rem;
906
901
 
907
902
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
908
903
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -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/sdds-themes/tokens/sdds_bizcom';
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
+ ]);