@salutejs/sdds-netology 0.372.0-dev.0 → 0.373.0-next-sbcom.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js.map +1 -1
  3. package/dist/css/cjs/components/Autocomplete/{Autocomplete.clear.config_i3xl37.css → Autocomplete.clear.config_q2k1q6.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_17nmegl.css → Autocomplete.config_4hlpqb.css} +4 -4
  7. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +28 -28
  8. package/dist/css/cjs/components/Calendar/Calendar.config.js +1 -1
  9. package/dist/css/cjs/components/Calendar/Calendar.config.js.map +1 -1
  10. package/dist/css/{es/components/Calendar/Calendar.config_spyzqj.css → cjs/components/Calendar/Calendar.config_1bshjk3.css} +5 -5
  11. package/dist/css/cjs/components/Calendar/Calendar.css +16 -16
  12. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
  13. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
  14. package/dist/css/{es/components/Calendar/CalendarDouble.config_qmgohr.css → cjs/components/Calendar/CalendarDouble.config_7kjvpj.css} +5 -5
  15. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  16. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  17. package/dist/css/{es/components/DatePicker/DatePicker.config_1lye6oj.css → cjs/components/DatePicker/DatePicker.config_cvp0co.css} +5 -5
  18. package/dist/css/cjs/components/DatePicker/DatePicker.css +13 -13
  19. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  20. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  21. package/dist/css/{es/components/DateTimePicker/DateTimePicker.config_dz4vom.css → cjs/components/DateTimePicker/DateTimePicker.config_141iuzo.css} +5 -5
  22. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
  23. package/dist/css/cjs/components/Spinner/Spinner.config.js +18 -9
  24. package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
  25. package/dist/css/cjs/components/Spinner/Spinner.config_an5kzx.css +15 -0
  26. package/dist/css/cjs/components/Spinner/Spinner.css +15 -8
  27. package/dist/css/cjs/components/Spinner/Spinner.js +3 -0
  28. package/dist/css/cjs/components/Spinner/Spinner.js.map +1 -1
  29. package/dist/css/cjs/index.css +88 -81
  30. package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js +1 -1
  31. package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js.map +1 -1
  32. package/dist/css/es/components/Autocomplete/{Autocomplete.clear.config_i3xl37.css → Autocomplete.clear.config_q2k1q6.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_17nmegl.css → Autocomplete.config_4hlpqb.css} +4 -4
  36. package/dist/css/es/components/Autocomplete/Autocomplete.css +28 -28
  37. package/dist/css/es/components/Calendar/Calendar.config.js +1 -1
  38. package/dist/css/es/components/Calendar/Calendar.config.js.map +1 -1
  39. package/dist/css/{cjs/components/Calendar/Calendar.config_spyzqj.css → es/components/Calendar/Calendar.config_1bshjk3.css} +5 -5
  40. package/dist/css/es/components/Calendar/Calendar.css +16 -16
  41. package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
  42. package/dist/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  43. package/dist/css/{cjs/components/Calendar/CalendarDouble.config_qmgohr.css → es/components/Calendar/CalendarDouble.config_7kjvpj.css} +5 -5
  44. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  45. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  46. package/dist/css/{cjs/components/DatePicker/DatePicker.config_1lye6oj.css → es/components/DatePicker/DatePicker.config_cvp0co.css} +5 -5
  47. package/dist/css/es/components/DatePicker/DatePicker.css +13 -13
  48. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  49. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  50. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.config_dz4vom.css → es/components/DateTimePicker/DateTimePicker.config_141iuzo.css} +5 -5
  51. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
  52. package/dist/css/es/components/Spinner/Spinner.config.js +18 -9
  53. package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
  54. package/dist/css/es/components/Spinner/Spinner.config_an5kzx.css +15 -0
  55. package/dist/css/es/components/Spinner/Spinner.css +15 -8
  56. package/dist/css/es/components/Spinner/Spinner.js +3 -0
  57. package/dist/css/es/components/Spinner/Spinner.js.map +1 -1
  58. package/dist/css/es/index.css +88 -81
  59. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js +4 -4
  60. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
  61. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +5 -0
  62. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +5 -0
  63. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +5 -0
  64. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -0
  65. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +31 -8
  66. package/dist/styled-components/cjs/components/Spinner/Spinner.js +4 -15
  67. package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js +4 -4
  68. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
  69. package/dist/styled-components/es/components/Calendar/Calendar.config.js +5 -0
  70. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +5 -0
  71. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +5 -0
  72. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -0
  73. package/dist/styled-components/es/components/Spinner/Spinner.config.js +32 -9
  74. package/dist/styled-components/es/components/Spinner/Spinner.js +1 -7
  75. package/package.json +9 -9
  76. package/types/components/Avatar/Avatar.d.ts +4 -4
  77. package/types/components/Spinner/Spinner.config.d.ts +9 -0
  78. package/types/components/Spinner/Spinner.d.ts +24 -28
  79. package/types/components/Spinner/index.d.ts +0 -1
  80. package/dist/css/cjs/components/Spinner/Spinner.config_7nu3zf.css +0 -8
  81. package/dist/css/es/components/Spinner/Spinner.config_7nu3zf.css +0 -8
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -242,7 +242,7 @@ const config = {
242
242
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
243
243
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
244
244
 
245
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
245
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
246
246
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
247
247
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
248
248
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -323,7 +323,7 @@ const config = {
323
323
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
324
324
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
325
325
 
326
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
326
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
327
327
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
328
328
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
329
329
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -404,7 +404,7 @@ const config = {
404
404
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
405
405
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
406
406
 
407
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
407
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
408
408
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
409
409
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
410
410
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -485,7 +485,7 @@ const config = {
485
485
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
486
486
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
487
487
 
488
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
488
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
489
489
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
490
490
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
491
491
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -235,7 +235,7 @@ const config = {
235
235
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
236
236
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
237
237
 
238
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
238
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
239
239
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
240
240
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
241
241
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -317,7 +317,7 @@ const config = {
317
317
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
318
318
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
319
319
 
320
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
320
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
321
321
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
322
322
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
323
323
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -399,7 +399,7 @@ const config = {
399
399
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
400
400
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
401
401
 
402
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
402
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
403
403
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
404
404
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
405
405
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -481,7 +481,7 @@ const config = {
481
481
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
482
482
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
483
483
 
484
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
484
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
485
485
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
486
486
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
487
487
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Calendar/Calendar.config.js CHANGED
@@ -106,6 +106,7 @@ const config = {
106
106
 
107
107
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
108
108
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
109
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
109
110
 
110
111
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
111
112
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -175,6 +176,7 @@ const config = {
175
176
 
176
177
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
177
178
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
179
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
178
180
 
179
181
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
180
182
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -244,6 +246,7 @@ const config = {
244
246
 
245
247
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
246
248
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
249
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
247
250
 
248
251
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
249
252
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -313,6 +316,7 @@ const config = {
313
316
 
314
317
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
315
318
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
319
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
316
320
 
317
321
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
318
322
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -382,6 +386,7 @@ const config = {
382
386
 
383
387
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
384
388
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
389
+ ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
385
390
 
386
391
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
387
392
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js CHANGED
@@ -107,6 +107,7 @@ const config = {
107
107
 
108
108
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
109
109
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
110
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
110
111
 
111
112
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
112
113
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,6 +177,7 @@ const config = {
176
177
 
177
178
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
178
179
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
180
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
179
181
 
180
182
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
181
183
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -245,6 +247,7 @@ const config = {
245
247
 
246
248
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
247
249
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
250
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
248
251
 
249
252
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
250
253
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -314,6 +317,7 @@ const config = {
314
317
 
315
318
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
316
319
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
320
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
317
321
 
318
322
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
319
323
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -383,6 +387,7 @@ const config = {
383
387
 
384
388
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
385
389
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
390
+ ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
386
391
 
387
392
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
388
393
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -263,6 +263,7 @@ const config = {
263
263
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
264
264
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
265
265
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
266
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
266
267
 
267
268
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
268
269
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -434,6 +435,7 @@ const config = {
434
435
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
435
436
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
436
437
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
438
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
437
439
 
438
440
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
439
441
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -605,6 +607,7 @@ const config = {
605
607
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
606
608
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
607
609
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
610
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
608
611
 
609
612
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
610
613
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -776,6 +779,7 @@ const config = {
776
779
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
777
780
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
778
781
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
782
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
779
783
 
780
784
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
781
785
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -947,6 +951,7 @@ const config = {
947
951
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
948
952
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
949
953
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
954
+ ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
950
955
 
951
956
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
952
957
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -236,6 +236,7 @@ const config = {
236
236
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
237
237
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
238
238
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
239
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
239
240
 
240
241
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
241
242
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -404,6 +405,7 @@ const config = {
404
405
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
405
406
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
406
407
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
408
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
407
409
 
408
410
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
409
411
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -572,6 +574,7 @@ const config = {
572
574
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
573
575
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
574
576
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
577
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
575
578
 
576
579
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
577
580
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -740,6 +743,7 @@ const config = {
740
743
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
741
744
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
742
745
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
746
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
743
747
 
744
748
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
745
749
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -908,6 +912,7 @@ const config = {
908
912
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
909
913
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
910
914
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
915
+ ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
911
916
 
912
917
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
913
918
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Spinner/Spinner.config.js CHANGED
@@ -16,30 +16,53 @@ const config = {
16
16
  size: 'm'
17
17
  },
18
18
  variations: {
19
+ size: {
20
+ xxs: (0, _styledcomponents.css)`
21
+ ${_styledcomponents.spinnerTokens.size}: 1rem;
22
+ `,
23
+ xs: (0, _styledcomponents.css)`
24
+ ${_styledcomponents.spinnerTokens.size}: 1.5rem;
25
+ `,
26
+ s: (0, _styledcomponents.css)`
27
+ ${_styledcomponents.spinnerTokens.size}: 2.25rem;
28
+ `,
29
+ m: (0, _styledcomponents.css)`
30
+ ${_styledcomponents.spinnerTokens.size}: 3rem;
31
+ `,
32
+ l: (0, _styledcomponents.css)`
33
+ ${_styledcomponents.spinnerTokens.size}: 3.5rem;
34
+ `,
35
+ xl: (0, _styledcomponents.css)`
36
+ ${_styledcomponents.spinnerTokens.size}: 5.5rem;
37
+ `,
38
+ xxl: (0, _styledcomponents.css)`
39
+ ${_styledcomponents.spinnerTokens.size}: 8rem;
40
+ `
41
+ },
19
42
  view: {
20
43
  default: (0, _styledcomponents.css)`
21
- --plasma-spinner-color: ${_plasma_b2c.textPrimary};
44
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textPrimary};
22
45
  `,
23
46
  secondary: (0, _styledcomponents.css)`
24
- --plasma-spinner-color: ${_plasma_b2c.textSecondary};
47
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textSecondary};
25
48
  `,
26
49
  tertiary: (0, _styledcomponents.css)`
27
- --plasma-spinner-color: ${_plasma_b2c.textTertiary};
50
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textTertiary};
28
51
  `,
29
52
  paragraph: (0, _styledcomponents.css)`
30
- --plasma-spinner-color: ${_plasma_b2c.textParagraph};
53
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textParagraph};
31
54
  `,
32
55
  accent: (0, _styledcomponents.css)`
33
- --plasma-spinner-color: ${_plasma_b2c.textAccent};
56
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textAccent};
34
57
  `,
35
58
  positive: (0, _styledcomponents.css)`
36
- --plasma-spinner-color: ${_plasma_b2c.textPositive};
59
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textPositive};
37
60
  `,
38
61
  warning: (0, _styledcomponents.css)`
39
- --plasma-spinner-color: ${_plasma_b2c.textWarning};
62
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textWarning};
40
63
  `,
41
64
  negative: (0, _styledcomponents.css)`
42
- --plasma-spinner-color: ${_plasma_b2c.textNegative};
65
+ ${_styledcomponents.spinnerTokens.color}: ${_plasma_b2c.textNegative};
43
66
  `
44
67
  }
45
68
  }
package/dist/styled-components/cjs/components/Spinner/Spinner.js CHANGED
@@ -8,19 +8,8 @@ Object.defineProperty(exports, "Spinner", {
8
8
  return Spinner;
9
9
  }
10
10
  });
11
- const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
12
- const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
11
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
13
12
  const _Spinnerconfig = require("./Spinner.config");
14
- function _interop_require_default(obj) {
15
- return obj && obj.__esModule ? obj : {
16
- default: obj
17
- };
18
- }
19
- const mergedConfig = (0, _styledcomponents1.mergeConfig)(_styledcomponents1.spinnerConfig, _Spinnerconfig.config);
20
- const SpinnerComponent = (0, _styledcomponents1.component)(mergedConfig);
21
- const Spinner = (0, _styledcomponents.default)(SpinnerComponent).withConfig({
22
- displayName: "Spinner",
23
- componentId: "sc-d47c168-0"
24
- })([
25
- ``
26
- ]);
13
+ const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
14
+ const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
15
+ const Spinner = SpinnerComponent;
package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -232,7 +232,7 @@ export const config = {
232
232
  ${tokens.textFieldHintTargetSize}: 2.375rem;
233
233
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
234
234
 
235
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
235
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
236
236
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
237
237
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
238
238
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -313,7 +313,7 @@ export const config = {
313
313
  ${tokens.textFieldHintTargetSize}: 2.375rem;
314
314
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
315
315
 
316
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
316
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
317
317
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
318
318
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
319
319
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -394,7 +394,7 @@ export const config = {
394
394
  ${tokens.textFieldHintTargetSize}: 2.375rem;
395
395
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
396
396
 
397
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
397
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
398
398
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
399
399
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
400
400
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -475,7 +475,7 @@ export const config = {
475
475
  ${tokens.textFieldHintTargetSize}: 2.375rem;
476
476
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
477
477
 
478
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
478
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
479
479
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
480
480
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
481
481
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -225,7 +225,7 @@ export const config = {
225
225
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
226
226
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
227
227
 
228
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
228
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
229
229
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
230
230
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
231
231
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -307,7 +307,7 @@ export const config = {
307
307
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
308
308
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
309
309
 
310
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
310
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
311
311
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
312
312
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
313
313
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -389,7 +389,7 @@ export const config = {
389
389
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
390
390
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
391
391
 
392
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
392
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
393
393
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
394
394
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
395
395
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -471,7 +471,7 @@ export const config = {
471
471
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
472
472
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
473
473
 
474
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
474
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
475
475
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
476
476
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
477
477
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/Calendar/Calendar.config.js CHANGED
@@ -96,6 +96,7 @@ export const config = {
96
96
 
97
97
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
98
98
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
99
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
99
100
 
100
101
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
101
102
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -165,6 +166,7 @@ export const config = {
165
166
 
166
167
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
167
168
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
169
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
168
170
 
169
171
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
170
172
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -234,6 +236,7 @@ export const config = {
234
236
 
235
237
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
236
238
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
239
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
237
240
 
238
241
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
239
242
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -303,6 +306,7 @@ export const config = {
303
306
 
304
307
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
305
308
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
309
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
306
310
 
307
311
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
308
312
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -372,6 +376,7 @@ export const config = {
372
376
 
373
377
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
374
378
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
379
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
375
380
 
376
381
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
377
382
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js CHANGED
@@ -97,6 +97,7 @@ export const config = {
97
97
 
98
98
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
99
99
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
100
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
100
101
 
101
102
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
102
103
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,6 +167,7 @@ export const config = {
166
167
 
167
168
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
168
169
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
170
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
169
171
 
170
172
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
171
173
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -235,6 +237,7 @@ export const config = {
235
237
 
236
238
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
237
239
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
240
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
238
241
 
239
242
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
240
243
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -304,6 +307,7 @@ export const config = {
304
307
 
305
308
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
306
309
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
310
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
307
311
 
308
312
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
309
313
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -373,6 +377,7 @@ export const config = {
373
377
 
374
378
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
375
379
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
380
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
376
381
 
377
382
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
378
383
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -253,6 +253,7 @@ export const config = {
253
253
  ${tokens.calendarHeaderWrapperPadding}: 0;
254
254
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
255
255
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
256
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
256
257
 
257
258
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
258
259
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -424,6 +425,7 @@ export const config = {
424
425
  ${tokens.calendarHeaderWrapperPadding}: 0;
425
426
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
426
427
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
428
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
427
429
 
428
430
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
429
431
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -595,6 +597,7 @@ export const config = {
595
597
  ${tokens.calendarHeaderWrapperPadding}: 0;
596
598
  ${tokens.calendarHeaderArrowGap}: 0;
597
599
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
600
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
598
601
 
599
602
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
600
603
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -766,6 +769,7 @@ export const config = {
766
769
  ${tokens.calendarHeaderWrapperPadding}: 0;
767
770
  ${tokens.calendarHeaderArrowGap}: 0;
768
771
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
772
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
769
773
 
770
774
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
771
775
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -937,6 +941,7 @@ export const config = {
937
941
  ${tokens.calendarHeaderWrapperPadding}: 0;
938
942
  ${tokens.calendarHeaderArrowGap}: 0;
939
943
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
944
+ ${tokens.calendarHeaderArrowSize}: 1rem;
940
945
 
941
946
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
942
947
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -226,6 +226,7 @@ export const config = {
226
226
  ${tokens.calendarHeaderWrapperPadding}: 0;
227
227
  ${tokens.calendarHeaderArrowGap}: 0;
228
228
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
229
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
229
230
 
230
231
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
231
232
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -394,6 +395,7 @@ export const config = {
394
395
  ${tokens.calendarHeaderWrapperPadding}: 0;
395
396
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
396
397
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
398
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
397
399
 
398
400
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
399
401
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -562,6 +564,7 @@ export const config = {
562
564
  ${tokens.calendarHeaderWrapperPadding}: 0;
563
565
  ${tokens.calendarHeaderArrowGap}: 0;
564
566
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
567
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
565
568
 
566
569
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
567
570
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -730,6 +733,7 @@ export const config = {
730
733
  ${tokens.calendarHeaderWrapperPadding}: 0;
731
734
  ${tokens.calendarHeaderArrowGap}: 0;
732
735
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
736
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
733
737
 
734
738
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
735
739
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -898,6 +902,7 @@ export const config = {
898
902
  ${tokens.calendarHeaderWrapperPadding}: 0;
899
903
  ${tokens.calendarHeaderArrowGap}: 0;
900
904
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
905
+ ${tokens.calendarHeaderArrowSize}: 1rem;
901
906
 
902
907
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
903
908
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/Spinner/Spinner.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import { css } from '@salutejs/plasma-new-hope/styled-components';
1
+ import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
2
2
  import { textAccent, textNegative, textParagraph, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/plasma-themes/tokens/plasma_b2c';
3
3
  export const config = {
4
4
  defaults: {
@@ -6,30 +6,53 @@ export const config = {
6
6
  size: 'm'
7
7
  },
8
8
  variations: {
9
+ size: {
10
+ xxs: css`
11
+ ${tokens.size}: 1rem;
12
+ `,
13
+ xs: css`
14
+ ${tokens.size}: 1.5rem;
15
+ `,
16
+ s: css`
17
+ ${tokens.size}: 2.25rem;
18
+ `,
19
+ m: css`
20
+ ${tokens.size}: 3rem;
21
+ `,
22
+ l: css`
23
+ ${tokens.size}: 3.5rem;
24
+ `,
25
+ xl: css`
26
+ ${tokens.size}: 5.5rem;
27
+ `,
28
+ xxl: css`
29
+ ${tokens.size}: 8rem;
30
+ `
31
+ },
9
32
  view: {
10
33
  default: css`
11
- --plasma-spinner-color: ${textPrimary};
34
+ ${tokens.color}: ${textPrimary};
12
35
  `,
13
36
  secondary: css`
14
- --plasma-spinner-color: ${textSecondary};
37
+ ${tokens.color}: ${textSecondary};
15
38
  `,
16
39
  tertiary: css`
17
- --plasma-spinner-color: ${textTertiary};
40
+ ${tokens.color}: ${textTertiary};
18
41
  `,
19
42
  paragraph: css`
20
- --plasma-spinner-color: ${textParagraph};
43
+ ${tokens.color}: ${textParagraph};
21
44
  `,
22
45
  accent: css`
23
- --plasma-spinner-color: ${textAccent};
46
+ ${tokens.color}: ${textAccent};
24
47
  `,
25
48
  positive: css`
26
- --plasma-spinner-color: ${textPositive};
49
+ ${tokens.color}: ${textPositive};
27
50
  `,
28
51
  warning: css`
29
- --plasma-spinner-color: ${textWarning};
52
+ ${tokens.color}: ${textWarning};
30
53
  `,
31
54
  negative: css`
32
- --plasma-spinner-color: ${textNegative};
55
+ ${tokens.color}: ${textNegative};
33
56
  `
34
57
  }
35
58
  }
package/dist/styled-components/es/components/Spinner/Spinner.js CHANGED
@@ -1,13 +1,7 @@
1
- import styled from 'styled-components';
2
1
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
3
2
  import { config } from './Spinner.config';
4
3
  const mergedConfig = mergeConfig(spinnerConfig, config);
5
4
  const SpinnerComponent = component(mergedConfig);
6
5
  /**
7
6
  * Компонент для отображения индикатора загрузки.
8
- */ export const Spinner = styled(SpinnerComponent).withConfig({
9
- displayName: "Spinner",
10
- componentId: "sc-d47c168-0"
11
- })([
12
- ``
13
- ]);
7
+ */ export const Spinner = SpinnerComponent;