@salutejs/plasma-web 1.643.0-dev.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 (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_jk4e9k.css → Autocomplete.clear.config_1kwr2bk.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_2qywla.css → Autocomplete.config_4tb451.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_1x1qhas.css → cjs/components/DatePicker/DatePicker.config_fwxu1e.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_qgrdla.css → cjs/components/DateTimePicker/DateTimePicker.config_1pnb3re.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_jk4e9k.css → Autocomplete.clear.config_1kwr2bk.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_2qywla.css → Autocomplete.config_4tb451.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_1x1qhas.css → es/components/DatePicker/DatePicker.config_fwxu1e.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_qgrdla.css → es/components/DateTimePicker/DateTimePicker.config_1pnb3re.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 +14 -14
  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
@@ -251,7 +251,7 @@ const config = {
251
251
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
252
252
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
253
253
 
254
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
254
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
255
255
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
256
256
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
257
257
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -333,7 +333,7 @@ const config = {
333
333
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
334
334
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
335
335
 
336
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
336
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
337
337
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
338
338
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
339
339
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -415,7 +415,7 @@ const config = {
415
415
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
416
416
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
417
417
 
418
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
418
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
419
419
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
420
420
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
421
421
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -497,7 +497,7 @@ const config = {
497
497
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
498
498
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
499
499
 
500
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
500
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
501
501
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
502
502
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
503
503
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -251,7 +251,7 @@ const config = {
251
251
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
252
252
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
253
253
 
254
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
254
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
255
255
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
256
256
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
257
257
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -334,7 +334,7 @@ const config = {
334
334
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
335
335
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
336
336
 
337
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
337
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
338
338
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
339
339
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
340
340
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -417,7 +417,7 @@ const config = {
417
417
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
418
418
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
419
419
 
420
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
420
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
421
421
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
422
422
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
423
423
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -500,7 +500,7 @@ const config = {
500
500
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
501
501
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
502
502
 
503
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
503
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
504
504
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
505
505
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
506
506
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
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
@@ -270,6 +270,7 @@ const config = {
270
270
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
271
271
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
272
272
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
273
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
273
274
 
274
275
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
275
276
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -443,6 +444,7 @@ const config = {
443
444
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
444
445
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
445
446
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
447
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
446
448
 
447
449
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
448
450
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -616,6 +618,7 @@ const config = {
616
618
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
617
619
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
618
620
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
621
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
619
622
 
620
623
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
621
624
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -789,6 +792,7 @@ const config = {
789
792
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
790
793
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
791
794
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
795
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
792
796
 
793
797
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
794
798
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -962,6 +966,7 @@ const config = {
962
966
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
963
967
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
964
968
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
969
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
965
970
 
966
971
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
967
972
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -238,6 +238,7 @@ const config = {
238
238
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
239
239
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
240
240
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
241
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
241
242
 
242
243
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
243
244
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -407,6 +408,7 @@ const config = {
407
408
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
408
409
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
409
410
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
411
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
410
412
 
411
413
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
412
414
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -576,6 +578,7 @@ const config = {
576
578
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
577
579
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
578
580
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
581
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
579
582
 
580
583
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
581
584
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -745,6 +748,7 @@ const config = {
745
748
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
746
749
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
747
750
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
751
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
748
752
 
749
753
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
750
754
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -914,6 +918,7 @@ const config = {
914
918
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
915
919
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
916
920
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
921
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
917
922
 
918
923
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
919
924
  ${_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
@@ -241,7 +241,7 @@ export const config = {
241
241
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
242
242
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
243
243
 
244
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
244
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
245
245
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
246
246
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
247
247
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -323,7 +323,7 @@ export const config = {
323
323
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
324
324
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
325
325
 
326
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
326
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
327
327
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
328
328
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
329
329
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -405,7 +405,7 @@ export const config = {
405
405
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
406
406
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
407
407
 
408
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
408
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
409
409
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
410
410
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
411
411
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -487,7 +487,7 @@ export const config = {
487
487
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
488
488
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
489
489
 
490
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
490
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
491
491
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
492
492
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
493
493
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -241,7 +241,7 @@ export const config = {
241
241
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
242
242
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
243
243
 
244
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
244
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
245
245
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
246
246
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
247
247
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -324,7 +324,7 @@ export const config = {
324
324
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
325
325
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
326
326
 
327
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
327
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
328
328
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
329
329
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
330
330
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -407,7 +407,7 @@ export const config = {
407
407
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
408
408
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
409
409
 
410
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
410
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
411
411
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
412
412
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
413
413
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -490,7 +490,7 @@ export const config = {
490
490
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
491
491
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
492
492
 
493
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
493
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
494
494
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
495
495
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
496
496
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
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
@@ -260,6 +260,7 @@ export const config = {
260
260
  ${tokens.calendarHeaderWrapperPadding}: 0;
261
261
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
262
262
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
263
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
263
264
 
264
265
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
265
266
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -433,6 +434,7 @@ export const config = {
433
434
  ${tokens.calendarHeaderWrapperPadding}: 0;
434
435
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
435
436
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
437
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
436
438
 
437
439
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
438
440
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -606,6 +608,7 @@ export const config = {
606
608
  ${tokens.calendarHeaderWrapperPadding}: 0;
607
609
  ${tokens.calendarHeaderArrowGap}: 0;
608
610
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
611
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
609
612
 
610
613
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
611
614
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -779,6 +782,7 @@ export const config = {
779
782
  ${tokens.calendarHeaderWrapperPadding}: 0;
780
783
  ${tokens.calendarHeaderArrowGap}: 0;
781
784
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
785
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
782
786
 
783
787
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
784
788
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -952,6 +956,7 @@ export const config = {
952
956
  ${tokens.calendarHeaderWrapperPadding}: 0;
953
957
  ${tokens.calendarHeaderArrowGap}: 0;
954
958
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
959
+ ${tokens.calendarHeaderArrowSize}: 1rem;
955
960
 
956
961
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
957
962
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -228,6 +228,7 @@ export const config = {
228
228
  ${tokens.calendarHeaderWrapperPadding}: 0;
229
229
  ${tokens.calendarHeaderArrowGap}: 0;
230
230
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
231
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
231
232
 
232
233
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
233
234
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -397,6 +398,7 @@ export const config = {
397
398
  ${tokens.calendarHeaderWrapperPadding}: 0;
398
399
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
399
400
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
401
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
400
402
 
401
403
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
402
404
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -566,6 +568,7 @@ export const config = {
566
568
  ${tokens.calendarHeaderWrapperPadding}: 0;
567
569
  ${tokens.calendarHeaderArrowGap}: 0;
568
570
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
571
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
569
572
 
570
573
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
571
574
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -735,6 +738,7 @@ export const config = {
735
738
  ${tokens.calendarHeaderWrapperPadding}: 0;
736
739
  ${tokens.calendarHeaderArrowGap}: 0;
737
740
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
741
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
738
742
 
739
743
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
740
744
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -904,6 +908,7 @@ export const config = {
904
908
  ${tokens.calendarHeaderWrapperPadding}: 0;
905
909
  ${tokens.calendarHeaderArrowGap}: 0;
906
910
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
911
+ ${tokens.calendarHeaderArrowSize}: 1rem;
907
912
 
908
913
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
909
914
  ${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;