@salutejs/sdds-netology 0.377.0-dev.0 → 0.378.0-next-sbcom.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_iwhs54.css → Autocomplete.clear.config_gjzkpd.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_1q1wb71.css → Autocomplete.config_37wf31.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_spyzqj.css → cjs/components/Calendar/Calendar.config_1bshjk3.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_qmgohr.css → cjs/components/Calendar/CalendarDouble.config_7kjvpj.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_1lye6oj.css → cjs/components/DatePicker/DatePicker.config_cvp0co.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_dz4vom.css → cjs/components/DateTimePicker/DateTimePicker.config_141iuzo.css} +5 -5
  22. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
  23. package/dist/css/cjs/components/Spinner/Spinner.config.js +18 -9
  24. package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
  25. package/dist/css/cjs/components/Spinner/Spinner.config_an5kzx.css +15 -0
  26. package/dist/css/cjs/components/Spinner/Spinner.css +15 -8
  27. package/dist/css/cjs/components/Spinner/Spinner.js +3 -0
  28. package/dist/css/cjs/components/Spinner/Spinner.js.map +1 -1
  29. package/dist/css/cjs/index.css +88 -81
  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_iwhs54.css → Autocomplete.clear.config_gjzkpd.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_1q1wb71.css → Autocomplete.config_37wf31.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_spyzqj.css → es/components/Calendar/Calendar.config_1bshjk3.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_qmgohr.css → es/components/Calendar/CalendarDouble.config_7kjvpj.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_1lye6oj.css → es/components/DatePicker/DatePicker.config_cvp0co.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_dz4vom.css → es/components/DateTimePicker/DateTimePicker.config_141iuzo.css} +5 -5
  51. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
  52. package/dist/css/es/components/Spinner/Spinner.config.js +18 -9
  53. package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
  54. package/dist/css/es/components/Spinner/Spinner.config_an5kzx.css +15 -0
  55. package/dist/css/es/components/Spinner/Spinner.css +15 -8
  56. package/dist/css/es/components/Spinner/Spinner.js +3 -0
  57. package/dist/css/es/components/Spinner/Spinner.js.map +1 -1
  58. package/dist/css/es/index.css +88 -81
  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 +5 -0
  62. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +5 -0
  63. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +5 -0
  64. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -0
  65. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +31 -8
  66. package/dist/styled-components/cjs/components/Spinner/Spinner.js +4 -15
  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 +5 -0
  70. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +5 -0
  71. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +5 -0
  72. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -0
  73. package/dist/styled-components/es/components/Spinner/Spinner.config.js +32 -9
  74. package/dist/styled-components/es/components/Spinner/Spinner.js +1 -7
  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 +9 -0
  78. package/types/components/Spinner/Spinner.d.ts +24 -28
  79. package/types/components/Spinner/index.d.ts +0 -1
  80. package/dist/css/cjs/components/Spinner/Spinner.config_7nu3zf.css +0 -8
  81. package/dist/css/es/components/Spinner/Spinner.config_7nu3zf.css +0 -8
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -264,7 +264,7 @@ const config = {
264
264
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
265
265
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
266
266
 
267
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
267
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
268
268
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
269
269
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
270
270
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -347,7 +347,7 @@ const config = {
347
347
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
348
348
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
349
349
 
350
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
350
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
351
351
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
352
352
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
353
353
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -430,7 +430,7 @@ const config = {
430
430
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
431
431
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
432
432
 
433
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
433
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
434
434
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
435
435
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
436
436
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -513,7 +513,7 @@ const config = {
513
513
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
514
514
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
515
515
 
516
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
516
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
517
517
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
518
518
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
519
519
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -257,7 +257,7 @@ const config = {
257
257
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
258
258
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
259
259
 
260
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
260
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
261
261
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
262
262
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
263
263
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.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.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
344
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
345
345
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
346
346
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
347
347
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.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.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
428
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
429
429
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
430
430
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
431
431
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.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.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
512
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
513
513
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
514
514
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
515
515
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Calendar/Calendar.config.js CHANGED
@@ -106,6 +106,7 @@ const config = {
106
106
 
107
107
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
108
108
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
109
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
109
110
 
110
111
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
111
112
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -175,6 +176,7 @@ const config = {
175
176
 
176
177
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
177
178
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
179
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
178
180
 
179
181
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
180
182
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -244,6 +246,7 @@ const config = {
244
246
 
245
247
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
246
248
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
249
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
247
250
 
248
251
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
249
252
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -313,6 +316,7 @@ const config = {
313
316
 
314
317
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
315
318
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
319
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
316
320
 
317
321
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
318
322
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -382,6 +386,7 @@ const config = {
382
386
 
383
387
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
384
388
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
389
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
385
390
 
386
391
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
387
392
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js CHANGED
@@ -107,6 +107,7 @@ const config = {
107
107
 
108
108
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
109
109
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
110
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
110
111
 
111
112
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
112
113
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,6 +177,7 @@ const config = {
176
177
 
177
178
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
178
179
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
180
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
179
181
 
180
182
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
181
183
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -245,6 +247,7 @@ const config = {
245
247
 
246
248
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
247
249
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
250
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
248
251
 
249
252
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
250
253
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -314,6 +317,7 @@ const config = {
314
317
 
315
318
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
316
319
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
320
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
317
321
 
318
322
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
319
323
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -383,6 +387,7 @@ const config = {
383
387
 
384
388
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
385
389
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
390
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
386
391
 
387
392
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
388
393
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -263,6 +263,7 @@ 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;
266
267
 
267
268
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
268
269
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -434,6 +435,7 @@ const config = {
434
435
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
435
436
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
436
437
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
438
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
437
439
 
438
440
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
439
441
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -605,6 +607,7 @@ const config = {
605
607
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
606
608
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
607
609
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
610
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
608
611
 
609
612
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
610
613
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -776,6 +779,7 @@ const config = {
776
779
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
777
780
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
778
781
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
782
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
779
783
 
780
784
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
781
785
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -947,6 +951,7 @@ const config = {
947
951
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
948
952
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
949
953
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
954
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
950
955
 
951
956
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
952
957
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -236,6 +236,7 @@ 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;
239
240
 
240
241
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
241
242
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -404,6 +405,7 @@ const config = {
404
405
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
405
406
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
406
407
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
408
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
407
409
 
408
410
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
409
411
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -572,6 +574,7 @@ const config = {
572
574
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
573
575
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
574
576
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
577
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
575
578
 
576
579
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
577
580
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -740,6 +743,7 @@ const config = {
740
743
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
741
744
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
742
745
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
746
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
743
747
 
744
748
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
745
749
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -908,6 +912,7 @@ const config = {
908
912
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
909
913
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
910
914
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
915
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
911
916
 
912
917
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
913
918
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Spinner/Spinner.config.js CHANGED
@@ -16,30 +16,53 @@ 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
+ },
19
42
  view: {
20
43
  default: (0, _styledcomponents.css)`
21
- --plasma-spinner-color: ${_plasma_b2c.textPrimary};
44
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textPrimary};
22
45
  `,
23
46
  secondary: (0, _styledcomponents.css)`
24
- --plasma-spinner-color: ${_plasma_b2c.textSecondary};
47
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textSecondary};
25
48
  `,
26
49
  tertiary: (0, _styledcomponents.css)`
27
- --plasma-spinner-color: ${_plasma_b2c.textTertiary};
50
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textTertiary};
28
51
  `,
29
52
  paragraph: (0, _styledcomponents.css)`
30
- --plasma-spinner-color: ${_plasma_b2c.textParagraph};
53
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textParagraph};
31
54
  `,
32
55
  accent: (0, _styledcomponents.css)`
33
- --plasma-spinner-color: ${_plasma_b2c.textAccent};
56
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textAccent};
34
57
  `,
35
58
  positive: (0, _styledcomponents.css)`
36
- --plasma-spinner-color: ${_plasma_b2c.textPositive};
59
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textPositive};
37
60
  `,
38
61
  warning: (0, _styledcomponents.css)`
39
- --plasma-spinner-color: ${_plasma_b2c.textWarning};
62
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textWarning};
40
63
  `,
41
64
  negative: (0, _styledcomponents.css)`
42
- --plasma-spinner-color: ${_plasma_b2c.textNegative};
65
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textNegative};
43
66
  `
44
67
  }
45
68
  }
package/dist/styled-components/cjs/components/Spinner/Spinner.js CHANGED
@@ -8,19 +8,8 @@ Object.defineProperty(exports, "Spinner", {
8
8
  return Spinner;
9
9
  }
10
10
  });
11
- const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
12
- const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
11
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
13
12
  const _Spinnerconfig = require("./Spinner.config");
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
- ]);
13
+ const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
14
+ const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
15
+ const Spinner = SpinnerComponent;
package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -254,7 +254,7 @@ export const config = {
254
254
  ${tokens.textFieldHintTargetSize}: 2.375rem;
255
255
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
256
256
 
257
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
257
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
258
258
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
259
259
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
260
260
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -337,7 +337,7 @@ export const config = {
337
337
  ${tokens.textFieldHintTargetSize}: 2.375rem;
338
338
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
339
339
 
340
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
340
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
341
341
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
342
342
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
343
343
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -420,7 +420,7 @@ export const config = {
420
420
  ${tokens.textFieldHintTargetSize}: 2.375rem;
421
421
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
422
422
 
423
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
423
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
424
424
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
425
425
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
426
426
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -503,7 +503,7 @@ export const config = {
503
503
  ${tokens.textFieldHintTargetSize}: 2.375rem;
504
504
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
505
505
 
506
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
506
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
507
507
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
508
508
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
509
509
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -247,7 +247,7 @@ export const config = {
247
247
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
248
248
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
249
249
 
250
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
250
+ ${tokens.textFieldLeftHelperPadding}: 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.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
334
+ ${tokens.textFieldLeftHelperPadding}: 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.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
418
+ ${tokens.textFieldLeftHelperPadding}: 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.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
502
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
503
503
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
504
504
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
505
505
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/Calendar/Calendar.config.js CHANGED
@@ -96,6 +96,7 @@ export const config = {
96
96
 
97
97
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
98
98
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
99
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
99
100
 
100
101
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
101
102
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -165,6 +166,7 @@ export const config = {
165
166
 
166
167
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
167
168
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
169
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
168
170
 
169
171
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
170
172
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -234,6 +236,7 @@ export const config = {
234
236
 
235
237
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
236
238
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
239
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
237
240
 
238
241
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
239
242
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -303,6 +306,7 @@ export const config = {
303
306
 
304
307
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
305
308
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
309
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
306
310
 
307
311
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
308
312
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -372,6 +376,7 @@ export const config = {
372
376
 
373
377
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
374
378
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
379
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
375
380
 
376
381
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
377
382
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js CHANGED
@@ -97,6 +97,7 @@ export const config = {
97
97
 
98
98
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
99
99
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
100
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
100
101
 
101
102
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
102
103
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,6 +167,7 @@ export const config = {
166
167
 
167
168
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
168
169
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
170
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
169
171
 
170
172
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
171
173
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -235,6 +237,7 @@ export const config = {
235
237
 
236
238
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
237
239
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
240
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
238
241
 
239
242
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
240
243
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -304,6 +307,7 @@ export const config = {
304
307
 
305
308
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
306
309
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
310
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
307
311
 
308
312
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
309
313
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -373,6 +377,7 @@ export const config = {
373
377
 
374
378
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
375
379
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
380
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
376
381
 
377
382
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
378
383
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -253,6 +253,7 @@ 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;
256
257
 
257
258
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
258
259
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -424,6 +425,7 @@ export const config = {
424
425
  ${tokens.calendarHeaderWrapperPadding}: 0;
425
426
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
426
427
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
428
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
427
429
 
428
430
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
429
431
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -595,6 +597,7 @@ export const config = {
595
597
  ${tokens.calendarHeaderWrapperPadding}: 0;
596
598
  ${tokens.calendarHeaderArrowGap}: 0;
597
599
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
600
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
598
601
 
599
602
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
600
603
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -766,6 +769,7 @@ export const config = {
766
769
  ${tokens.calendarHeaderWrapperPadding}: 0;
767
770
  ${tokens.calendarHeaderArrowGap}: 0;
768
771
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
772
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
769
773
 
770
774
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
771
775
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -937,6 +941,7 @@ export const config = {
937
941
  ${tokens.calendarHeaderWrapperPadding}: 0;
938
942
  ${tokens.calendarHeaderArrowGap}: 0;
939
943
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
944
+ ${tokens.calendarHeaderArrowSize}: 1rem;
940
945
 
941
946
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
942
947
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -226,6 +226,7 @@ export const config = {
226
226
  ${tokens.calendarHeaderWrapperPadding}: 0;
227
227
  ${tokens.calendarHeaderArrowGap}: 0;
228
228
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
229
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
229
230
 
230
231
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
231
232
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -394,6 +395,7 @@ export const config = {
394
395
  ${tokens.calendarHeaderWrapperPadding}: 0;
395
396
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
396
397
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
398
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
397
399
 
398
400
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
399
401
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -562,6 +564,7 @@ export const config = {
562
564
  ${tokens.calendarHeaderWrapperPadding}: 0;
563
565
  ${tokens.calendarHeaderArrowGap}: 0;
564
566
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
567
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
565
568
 
566
569
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
567
570
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -730,6 +733,7 @@ export const config = {
730
733
  ${tokens.calendarHeaderWrapperPadding}: 0;
731
734
  ${tokens.calendarHeaderArrowGap}: 0;
732
735
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
736
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
733
737
 
734
738
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
735
739
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -898,6 +902,7 @@ export const config = {
898
902
  ${tokens.calendarHeaderWrapperPadding}: 0;
899
903
  ${tokens.calendarHeaderArrowGap}: 0;
900
904
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
905
+ ${tokens.calendarHeaderArrowSize}: 1rem;
901
906
 
902
907
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
903
908
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/Spinner/Spinner.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import { css } from '@salutejs/plasma-new-hope/styled-components';
1
+ import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
2
2
  import { textAccent, textNegative, textParagraph, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/plasma-themes/tokens/plasma_b2c';
3
3
  export const config = {
4
4
  defaults: {
@@ -6,30 +6,53 @@ 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
+ },
9
32
  view: {
10
33
  default: css`
11
- --plasma-spinner-color: ${textPrimary};
34
+ ${tokens.color}: ${textPrimary};
12
35
  `,
13
36
  secondary: css`
14
- --plasma-spinner-color: ${textSecondary};
37
+ ${tokens.color}: ${textSecondary};
15
38
  `,
16
39
  tertiary: css`
17
- --plasma-spinner-color: ${textTertiary};
40
+ ${tokens.color}: ${textTertiary};
18
41
  `,
19
42
  paragraph: css`
20
- --plasma-spinner-color: ${textParagraph};
43
+ ${tokens.color}: ${textParagraph};
21
44
  `,
22
45
  accent: css`
23
- --plasma-spinner-color: ${textAccent};
46
+ ${tokens.color}: ${textAccent};
24
47
  `,
25
48
  positive: css`
26
- --plasma-spinner-color: ${textPositive};
49
+ ${tokens.color}: ${textPositive};
27
50
  `,
28
51
  warning: css`
29
- --plasma-spinner-color: ${textWarning};
52
+ ${tokens.color}: ${textWarning};
30
53
  `,
31
54
  negative: css`
32
- --plasma-spinner-color: ${textNegative};
55
+ ${tokens.color}: ${textNegative};
33
56
  `
34
57
  }
35
58
  }
package/dist/styled-components/es/components/Spinner/Spinner.js CHANGED
@@ -1,13 +1,7 @@
1
- import styled from 'styled-components';
2
1
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
3
2
  import { config } from './Spinner.config';
4
3
  const mergedConfig = mergeConfig(spinnerConfig, config);
5
4
  const SpinnerComponent = component(mergedConfig);
6
5
  /**
7
6
  * Компонент для отображения индикатора загрузки.
8
- */ export const Spinner = styled(SpinnerComponent).withConfig({
9
- displayName: "Spinner",
10
- componentId: "sc-d47c168-0"
11
- })([
12
- ``
13
- ]);
7
+ */ export const Spinner = SpinnerComponent;