@salutejs/plasma-b2c 1.643.0 → 1.644.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 (77) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js.map +1 -1
  3. package/dist/css/cjs/components/Autocomplete/{Autocomplete.clear.config_1pr7yxc.css → Autocomplete.clear.config_hr59nm.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_1aol6rz.css → Autocomplete.config_12ee1fe.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_sm4qul.css → cjs/components/Calendar/Calendar.config_1wkle4r.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_x0ke7h.css → cjs/components/Calendar/CalendarDouble.config_1pfgpn2.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_1yxdldh.css → cjs/components/DatePicker/DatePicker.config_tgevnf.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_1wc65ll.css → cjs/components/DateTimePicker/DateTimePicker.config_1os6gsi.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_ye49oa.css → Spinner.config_is3kyo.css} +3 -3
  26. package/dist/css/cjs/components/Spinner/Spinner.css +12 -12
  27. package/dist/css/cjs/components/Spinner/Spinner.js +2 -0
  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_1pr7yxc.css → Autocomplete.clear.config_hr59nm.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_1aol6rz.css → Autocomplete.config_12ee1fe.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_sm4qul.css → es/components/Calendar/Calendar.config_1wkle4r.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_x0ke7h.css → es/components/Calendar/CalendarDouble.config_1pfgpn2.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_1yxdldh.css → es/components/DatePicker/DatePicker.config_tgevnf.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_1wc65ll.css → es/components/DateTimePicker/DateTimePicker.config_1os6gsi.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_ye49oa.css → Spinner.config_is3kyo.css} +3 -3
  55. package/dist/css/es/components/Spinner/Spinner.css +12 -12
  56. package/dist/css/es/components/Spinner/Spinner.js +2 -0
  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 +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 +12 -12
  66. package/dist/styled-components/cjs/components/Spinner/Spinner.js +1 -12
  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 +13 -13
  74. package/dist/styled-components/es/components/Spinner/Spinner.js +1 -7
  75. package/package.json +11 -11
  76. package/types/components/Avatar/Avatar.d.ts +4 -4
  77. package/types/components/Spinner/Spinner.d.ts +40 -2
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -263,7 +263,7 @@ const config = {
263
263
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
264
264
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
265
265
 
266
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
266
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
267
267
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
268
268
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
269
269
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -346,7 +346,7 @@ const config = {
346
346
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
347
347
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
348
348
 
349
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
349
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
350
350
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
351
351
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
352
352
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -429,7 +429,7 @@ const config = {
429
429
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
430
430
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
431
431
 
432
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
432
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
433
433
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
434
434
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
435
435
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -512,7 +512,7 @@ const config = {
512
512
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
513
513
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
514
514
 
515
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
515
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
516
516
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
517
517
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
518
518
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -256,7 +256,7 @@ const config = {
256
256
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
257
257
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
258
258
 
259
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
259
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
260
260
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
261
261
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
262
262
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -340,7 +340,7 @@ const config = {
340
340
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
341
341
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
342
342
 
343
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
343
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
344
344
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
345
345
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
346
346
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -424,7 +424,7 @@ const config = {
424
424
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
425
425
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
426
426
 
427
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
427
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
428
428
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
429
429
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
430
430
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -508,7 +508,7 @@ const config = {
508
508
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
509
509
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
510
510
 
511
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
511
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
512
512
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
513
513
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
514
514
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Calendar/Calendar.config.js CHANGED
@@ -105,6 +105,7 @@ const config = {
105
105
 
106
106
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
107
107
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
108
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
108
109
 
109
110
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
110
111
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -174,6 +175,7 @@ const config = {
174
175
 
175
176
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
176
177
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
178
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
177
179
 
178
180
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
179
181
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -243,6 +245,7 @@ const config = {
243
245
 
244
246
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
245
247
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
248
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
246
249
 
247
250
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
248
251
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -312,6 +315,7 @@ const config = {
312
315
 
313
316
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
314
317
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
318
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
315
319
 
316
320
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
317
321
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -381,6 +385,7 @@ const config = {
381
385
 
382
386
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
383
387
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
388
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
384
389
 
385
390
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
386
391
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js CHANGED
@@ -106,6 +106,7 @@ const config = {
106
106
 
107
107
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
108
108
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
109
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
109
110
 
110
111
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
111
112
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -175,6 +176,7 @@ const config = {
175
176
 
176
177
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
177
178
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
179
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
178
180
 
179
181
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
180
182
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -244,6 +246,7 @@ const config = {
244
246
 
245
247
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
246
248
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
249
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
247
250
 
248
251
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
249
252
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -313,6 +316,7 @@ const config = {
313
316
 
314
317
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
315
318
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
319
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
316
320
 
317
321
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
318
322
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -382,6 +386,7 @@ const config = {
382
386
 
383
387
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
384
388
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
389
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
385
390
 
386
391
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
387
392
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -261,6 +261,7 @@ const config = {
261
261
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
262
262
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
263
263
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
264
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
264
265
 
265
266
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
266
267
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -432,6 +433,7 @@ const config = {
432
433
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
433
434
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
434
435
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
436
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
435
437
 
436
438
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
437
439
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -603,6 +605,7 @@ const config = {
603
605
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
604
606
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
605
607
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
608
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
606
609
 
607
610
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
608
611
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -774,6 +777,7 @@ const config = {
774
777
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
775
778
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
776
779
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
780
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
777
781
 
778
782
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
779
783
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -945,6 +949,7 @@ const config = {
945
949
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
946
950
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
947
951
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
952
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
948
953
 
949
954
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
950
955
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -235,6 +235,7 @@ const config = {
235
235
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
236
236
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
237
237
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
238
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
238
239
 
239
240
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
240
241
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -403,6 +404,7 @@ const config = {
403
404
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
404
405
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
405
406
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
407
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
406
408
 
407
409
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
408
410
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -571,6 +573,7 @@ const config = {
571
573
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
572
574
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
573
575
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
576
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
574
577
 
575
578
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
576
579
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -739,6 +742,7 @@ const config = {
739
742
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
740
743
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
741
744
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
745
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
742
746
 
743
747
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
744
748
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -907,6 +911,7 @@ const config = {
907
911
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
908
912
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
909
913
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
914
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
910
915
 
911
916
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
912
917
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Spinner/Spinner.config.js CHANGED
@@ -17,45 +17,45 @@ const config = {
17
17
  variations: {
18
18
  size: {
19
19
  s: (0, _styledcomponents.css)`
20
- --plasma-spinner-size: 16px;
20
+ ${_styledcomponents.spinnerTokens.size}: 1rem;
21
21
  `,
22
22
  m: (0, _styledcomponents.css)`
23
- --plasma-spinner-size: 24px;
23
+ ${_styledcomponents.spinnerTokens.size}: 1.5rem;
24
24
  `,
25
25
  l: (0, _styledcomponents.css)`
26
- --plasma-spinner-size: 36px;
26
+ ${_styledcomponents.spinnerTokens.size}: 2.25rem;
27
27
  `
28
28
  },
29
29
  view: {
30
30
  default: (0, _styledcomponents.css)`
31
- --plasma-spinner-color: var(--text-primary);
31
+ ${_styledcomponents.spinnerTokens.color}: var(--text-primary);
32
32
  `,
33
33
  /**
34
34
  * @deprecated
35
35
  * использовать `default`
36
36
  */ primary: (0, _styledcomponents.css)`
37
- --plasma-spinner-color: var(--text-primary);
37
+ ${_styledcomponents.spinnerTokens.color}: var(--text-primary);
38
38
  `,
39
39
  secondary: (0, _styledcomponents.css)`
40
- --plasma-spinner-color: var(--text-secondary);
40
+ ${_styledcomponents.spinnerTokens.color}: var(--text-secondary);
41
41
  `,
42
42
  tertiary: (0, _styledcomponents.css)`
43
- --plasma-spinner-color: var(--text-tertiary);
43
+ ${_styledcomponents.spinnerTokens.color}: var(--text-tertiary);
44
44
  `,
45
45
  paragraph: (0, _styledcomponents.css)`
46
- --plasma-spinner-color: var(--text-paragraph);
46
+ ${_styledcomponents.spinnerTokens.color}: var(--text-paragraph);
47
47
  `,
48
48
  accent: (0, _styledcomponents.css)`
49
- --plasma-spinner-color: var(--text-accent);
49
+ ${_styledcomponents.spinnerTokens.color}: var(--text-accent);
50
50
  `,
51
51
  positive: (0, _styledcomponents.css)`
52
- --plasma-spinner-color: var(--text-positive);
52
+ ${_styledcomponents.spinnerTokens.color}: var(--text-positive);
53
53
  `,
54
54
  warning: (0, _styledcomponents.css)`
55
- --plasma-spinner-color: var(--text-warning);
55
+ ${_styledcomponents.spinnerTokens.color}: var(--text-warning);
56
56
  `,
57
57
  negative: (0, _styledcomponents.css)`
58
- --plasma-spinner-color: var(--text-negative);
58
+ ${_styledcomponents.spinnerTokens.color}: var(--text-negative);
59
59
  `
60
60
  }
61
61
  }
package/dist/styled-components/cjs/components/Spinner/Spinner.js CHANGED
@@ -9,18 +9,7 @@ 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"));
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
13
  const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
20
14
  const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
21
- const Spinner = (0, _styledcomponents1.default)(SpinnerComponent).withConfig({
22
- displayName: "Spinner",
23
- componentId: "sc-a06270b0-0"
24
- })([
25
- ``
26
- ]);
15
+ const Spinner = SpinnerComponent;
package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -253,7 +253,7 @@ export const config = {
253
253
  ${tokens.textFieldHintTargetSize}: 2.375rem;
254
254
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
255
255
 
256
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
256
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
257
257
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
258
258
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
259
259
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -336,7 +336,7 @@ export const config = {
336
336
  ${tokens.textFieldHintTargetSize}: 2.375rem;
337
337
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
338
338
 
339
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
339
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
340
340
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
341
341
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
342
342
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -419,7 +419,7 @@ export const config = {
419
419
  ${tokens.textFieldHintTargetSize}: 2.375rem;
420
420
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
421
421
 
422
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
422
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
423
423
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
424
424
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
425
425
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -502,7 +502,7 @@ export const config = {
502
502
  ${tokens.textFieldHintTargetSize}: 2.375rem;
503
503
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
504
504
 
505
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
505
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
506
506
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
507
507
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
508
508
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -246,7 +246,7 @@ export const config = {
246
246
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
247
247
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
248
248
 
249
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
249
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
250
250
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
251
251
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
252
252
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -330,7 +330,7 @@ export const config = {
330
330
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
331
331
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
332
332
 
333
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
333
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
334
334
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
335
335
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
336
336
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -414,7 +414,7 @@ export const config = {
414
414
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
415
415
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
416
416
 
417
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
417
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
418
418
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
419
419
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
420
420
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -498,7 +498,7 @@ export const config = {
498
498
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
499
499
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
500
500
 
501
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
501
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
502
502
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
503
503
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
504
504
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Calendar/Calendar.config.js CHANGED
@@ -95,6 +95,7 @@ export const config = {
95
95
 
96
96
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
97
97
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
98
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
98
99
 
99
100
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
100
101
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -164,6 +165,7 @@ export const config = {
164
165
 
165
166
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
166
167
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
168
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
167
169
 
168
170
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
169
171
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -233,6 +235,7 @@ export const config = {
233
235
 
234
236
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
235
237
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
238
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
236
239
 
237
240
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
238
241
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -302,6 +305,7 @@ export const config = {
302
305
 
303
306
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
304
307
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
308
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
305
309
 
306
310
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
307
311
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -371,6 +375,7 @@ export const config = {
371
375
 
372
376
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
373
377
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
378
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
374
379
 
375
380
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
376
381
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js CHANGED
@@ -96,6 +96,7 @@ export const config = {
96
96
 
97
97
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
98
98
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
99
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
99
100
 
100
101
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
101
102
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -165,6 +166,7 @@ export const config = {
165
166
 
166
167
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
167
168
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
169
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
168
170
 
169
171
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
170
172
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -234,6 +236,7 @@ export const config = {
234
236
 
235
237
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
236
238
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
239
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
237
240
 
238
241
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
239
242
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -303,6 +306,7 @@ export const config = {
303
306
 
304
307
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
305
308
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
309
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
306
310
 
307
311
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
308
312
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -372,6 +376,7 @@ export const config = {
372
376
 
373
377
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
374
378
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
379
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
375
380
 
376
381
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
377
382
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -251,6 +251,7 @@ export const config = {
251
251
  ${tokens.calendarHeaderWrapperPadding}: 0;
252
252
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
253
253
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
254
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
254
255
 
255
256
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
256
257
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -422,6 +423,7 @@ export const config = {
422
423
  ${tokens.calendarHeaderWrapperPadding}: 0;
423
424
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
424
425
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
426
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
425
427
 
426
428
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
427
429
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -593,6 +595,7 @@ export const config = {
593
595
  ${tokens.calendarHeaderWrapperPadding}: 0;
594
596
  ${tokens.calendarHeaderArrowGap}: 0;
595
597
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
598
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
596
599
 
597
600
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
598
601
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -764,6 +767,7 @@ export const config = {
764
767
  ${tokens.calendarHeaderWrapperPadding}: 0;
765
768
  ${tokens.calendarHeaderArrowGap}: 0;
766
769
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
770
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
767
771
 
768
772
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
769
773
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -935,6 +939,7 @@ export const config = {
935
939
  ${tokens.calendarHeaderWrapperPadding}: 0;
936
940
  ${tokens.calendarHeaderArrowGap}: 0;
937
941
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
942
+ ${tokens.calendarHeaderArrowSize}: 1rem;
938
943
 
939
944
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
940
945
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -225,6 +225,7 @@ export const config = {
225
225
  ${tokens.calendarHeaderWrapperPadding}: 0;
226
226
  ${tokens.calendarHeaderArrowGap}: 0;
227
227
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
228
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
228
229
 
229
230
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
230
231
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -393,6 +394,7 @@ export const config = {
393
394
  ${tokens.calendarHeaderWrapperPadding}: 0;
394
395
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
395
396
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
397
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
396
398
 
397
399
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
398
400
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -561,6 +563,7 @@ export const config = {
561
563
  ${tokens.calendarHeaderWrapperPadding}: 0;
562
564
  ${tokens.calendarHeaderArrowGap}: 0;
563
565
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
566
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
564
567
 
565
568
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
566
569
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -729,6 +732,7 @@ export const config = {
729
732
  ${tokens.calendarHeaderWrapperPadding}: 0;
730
733
  ${tokens.calendarHeaderArrowGap}: 0;
731
734
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
735
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
732
736
 
733
737
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
734
738
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -897,6 +901,7 @@ export const config = {
897
901
  ${tokens.calendarHeaderWrapperPadding}: 0;
898
902
  ${tokens.calendarHeaderArrowGap}: 0;
899
903
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
904
+ ${tokens.calendarHeaderArrowSize}: 1rem;
900
905
 
901
906
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
902
907
  ${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
  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
- --plasma-spinner-size: 16px;
10
+ ${tokens.size}: 1rem;
11
11
  `,
12
12
  m: css`
13
- --plasma-spinner-size: 24px;
13
+ ${tokens.size}: 1.5rem;
14
14
  `,
15
15
  l: css`
16
- --plasma-spinner-size: 36px;
16
+ ${tokens.size}: 2.25rem;
17
17
  `
18
18
  },
19
19
  view: {
20
20
  default: css`
21
- --plasma-spinner-color: var(--text-primary);
21
+ ${tokens.color}: var(--text-primary);
22
22
  `,
23
23
  /**
24
24
  * @deprecated
25
25
  * использовать `default`
26
26
  */ primary: css`
27
- --plasma-spinner-color: var(--text-primary);
27
+ ${tokens.color}: var(--text-primary);
28
28
  `,
29
29
  secondary: css`
30
- --plasma-spinner-color: var(--text-secondary);
30
+ ${tokens.color}: var(--text-secondary);
31
31
  `,
32
32
  tertiary: css`
33
- --plasma-spinner-color: var(--text-tertiary);
33
+ ${tokens.color}: var(--text-tertiary);
34
34
  `,
35
35
  paragraph: css`
36
- --plasma-spinner-color: var(--text-paragraph);
36
+ ${tokens.color}: var(--text-paragraph);
37
37
  `,
38
38
  accent: css`
39
- --plasma-spinner-color: var(--text-accent);
39
+ ${tokens.color}: var(--text-accent);
40
40
  `,
41
41
  positive: css`
42
- --plasma-spinner-color: var(--text-positive);
42
+ ${tokens.color}: var(--text-positive);
43
43
  `,
44
44
  warning: css`
45
- --plasma-spinner-color: var(--text-warning);
45
+ ${tokens.color}: var(--text-warning);
46
46
  `,
47
47
  negative: css`
48
- --plasma-spinner-color: var(--text-negative);
48
+ ${tokens.color}: var(--text-negative);
49
49
  `
50
50
  }
51
51
  }
package/dist/styled-components/es/components/Spinner/Spinner.js CHANGED
@@ -1,13 +1,7 @@
1
1
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
- import styled from '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-a06270b0-0"
11
- })([
12
- ``
13
- ]);
7
+ */ export const Spinner = SpinnerComponent;