@salutejs/plasma-b2c 1.641.0-dev.0 → 1.642.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 (78) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js.map +1 -1
  3. package/dist/css/cjs/components/Autocomplete/{Autocomplete.clear.config_1paus6e.css → Autocomplete.clear.config_56xrx9.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_g9tbnn.css → Autocomplete.config_1vfl1x1.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_1paus6e.css → Autocomplete.clear.config_56xrx9.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_g9tbnn.css → Autocomplete.config_1vfl1x1.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 +13 -13
  76. package/types/components/Avatar/Avatar.d.ts +4 -4
  77. package/types/components/Spinner/Spinner.d.ts +40 -3
  78. package/types/components/Spinner/index.d.ts +0 -1
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -241,7 +241,7 @@ const config = {
241
241
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
242
242
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
243
243
 
244
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
244
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
245
245
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
246
246
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
247
247
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -322,7 +322,7 @@ const config = {
322
322
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
323
323
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
324
324
 
325
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
325
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
326
326
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
327
327
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
328
328
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -403,7 +403,7 @@ const config = {
403
403
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
404
404
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
405
405
 
406
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
406
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
407
407
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
408
408
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
409
409
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -484,7 +484,7 @@ const config = {
484
484
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
485
485
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
486
486
 
487
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
487
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
488
488
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
489
489
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
490
490
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -234,7 +234,7 @@ const config = {
234
234
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
235
235
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
236
236
 
237
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
237
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
238
238
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
239
239
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
240
240
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -316,7 +316,7 @@ const config = {
316
316
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
317
317
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
318
318
 
319
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
319
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
320
320
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
321
321
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
322
322
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -398,7 +398,7 @@ const config = {
398
398
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
399
399
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
400
400
 
401
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
401
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
402
402
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
403
403
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
404
404
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -480,7 +480,7 @@ const config = {
480
480
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
481
481
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
482
482
 
483
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
483
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
484
484
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
485
485
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
486
486
  ${_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
@@ -231,7 +231,7 @@ export const config = {
231
231
  ${tokens.textFieldHintTargetSize}: 2.375rem;
232
232
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
233
233
 
234
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
234
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
235
235
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
236
236
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
237
237
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -312,7 +312,7 @@ export const config = {
312
312
  ${tokens.textFieldHintTargetSize}: 2.375rem;
313
313
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
314
314
 
315
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
315
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
316
316
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
317
317
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
318
318
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -393,7 +393,7 @@ export const config = {
393
393
  ${tokens.textFieldHintTargetSize}: 2.375rem;
394
394
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
395
395
 
396
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
396
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
397
397
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
398
398
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
399
399
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -474,7 +474,7 @@ export const config = {
474
474
  ${tokens.textFieldHintTargetSize}: 2.375rem;
475
475
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
476
476
 
477
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
477
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
478
478
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
479
479
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
480
480
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -224,7 +224,7 @@ export const config = {
224
224
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
225
225
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
226
226
 
227
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
227
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
228
228
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
229
229
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
230
230
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -306,7 +306,7 @@ export const config = {
306
306
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
307
307
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
308
308
 
309
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
309
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
310
310
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
311
311
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
312
312
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -388,7 +388,7 @@ export const config = {
388
388
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
389
389
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
390
390
 
391
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
391
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
392
392
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
393
393
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
394
394
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -470,7 +470,7 @@ export const config = {
470
470
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
471
471
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
472
472
 
473
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
473
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
474
474
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
475
475
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
476
476
  ${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;