@salutejs/sdds-dfa 0.371.0 → 0.372.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 (21) hide show
  1. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js +5 -5
  2. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +5 -5
  3. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +5 -0
  4. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +5 -0
  5. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +5 -0
  6. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -0
  7. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +23 -0
  8. package/dist/styled-components/cjs/components/Spinner/Spinner.js +4 -15
  9. package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js +5 -5
  10. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +5 -5
  11. package/dist/styled-components/es/components/Calendar/Calendar.config.js +5 -0
  12. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +5 -0
  13. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +5 -0
  14. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -0
  15. package/dist/styled-components/es/components/Spinner/Spinner.config.js +23 -0
  16. package/dist/styled-components/es/components/Spinner/Spinner.js +1 -7
  17. package/package.json +9 -9
  18. package/types/components/Avatar/Avatar.d.ts +4 -4
  19. package/types/components/Spinner/Spinner.config.d.ts +9 -0
  20. package/types/components/Spinner/Spinner.d.ts +24 -28
  21. package/types/components/Spinner/index.d.ts +0 -1
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -243,7 +243,7 @@ const config = {
243
243
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;
244
244
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
245
245
 
246
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
246
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
247
247
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
248
248
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
249
249
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -324,7 +324,7 @@ const config = {
324
324
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
325
325
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
326
326
 
327
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
327
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
328
328
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
329
329
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
330
330
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -405,7 +405,7 @@ const config = {
405
405
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
406
406
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
407
407
 
408
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
408
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
409
409
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
410
410
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
411
411
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -486,7 +486,7 @@ const config = {
486
486
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
487
487
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
488
488
 
489
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
489
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
490
490
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
491
491
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
492
492
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -567,7 +567,7 @@ const config = {
567
567
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
568
568
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
569
569
 
570
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
570
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
571
571
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
572
572
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
573
573
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.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.82rem -2.938rem auto auto;
236
236
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -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}: ${_sdds_dfa.bodyXS.fontFamily};
240
240
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
241
241
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -317,7 +317,7 @@ const config = {
317
317
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
318
318
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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}: ${_sdds_dfa.bodyXS.fontFamily};
322
322
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
323
323
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -399,7 +399,7 @@ const config = {
399
399
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
400
400
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -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}: ${_sdds_dfa.bodyXS.fontFamily};
404
404
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
405
405
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -481,7 +481,7 @@ const config = {
481
481
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
482
482
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem 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}: ${_sdds_dfa.bodyXS.fontFamily};
486
486
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
487
487
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -563,7 +563,7 @@ const config = {
563
563
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
564
564
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
565
565
 
566
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
566
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
567
567
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
568
568
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
569
569
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.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,6 +16,29 @@ 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
44
  ${_styledcomponents.spinnerTokens.color}: ${_sdds_dfa.textPrimary};
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
@@ -233,7 +233,7 @@ export const config = {
233
233
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;
234
234
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
235
235
 
236
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
236
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
237
237
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
238
238
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
239
239
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -314,7 +314,7 @@ export const config = {
314
314
  ${tokens.textFieldHintTargetSize}: 2.375rem;
315
315
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
316
316
 
317
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
317
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
318
318
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
319
319
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
320
320
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -395,7 +395,7 @@ export const config = {
395
395
  ${tokens.textFieldHintTargetSize}: 2.375rem;
396
396
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
397
397
 
398
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
398
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
399
399
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
400
400
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
401
401
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -476,7 +476,7 @@ export const config = {
476
476
  ${tokens.textFieldHintTargetSize}: 2.375rem;
477
477
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
478
478
 
479
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
479
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
480
480
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
481
481
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
482
482
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -557,7 +557,7 @@ export const config = {
557
557
  ${tokens.textFieldHintTargetSize}: 2.375rem;
558
558
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
559
559
 
560
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
560
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
561
561
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
562
562
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
563
563
  ${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.82rem -2.938rem auto auto;
226
226
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -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.563rem -2.938rem auto auto;
308
308
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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.312rem -2.813rem auto auto;
390
390
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -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.062rem -2.688rem auto auto;
472
472
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem 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};
@@ -553,7 +553,7 @@ export const config = {
553
553
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
554
554
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
555
555
 
556
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
556
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
557
557
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
558
558
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
559
559
  ${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
@@ -6,6 +6,29 @@ 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
34
  ${tokens.color}: ${textPrimary};
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.371.0",
3
+ "version": "0.372.0-next-sbcom.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -35,8 +35,8 @@
35
35
  "styled-components": "^5.3.11"
36
36
  },
37
37
  "dependencies": {
38
- "@salutejs/plasma-new-hope": "0.385.0",
39
- "@salutejs/sdds-themes": "0.85.0"
38
+ "@salutejs/plasma-new-hope": "0.386.0-next-sbcom.0",
39
+ "@salutejs/sdds-themes": "0.86.0-next-sbcom.0"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@babel/cli": "7.24.1",
@@ -46,11 +46,11 @@
46
46
  "@babel/preset-env": "7.24.4",
47
47
  "@babel/preset-react": "7.24.1",
48
48
  "@babel/preset-typescript": "7.24.1",
49
- "@salutejs/plasma-colors": "0.26.0",
50
- "@salutejs/plasma-core": "1.247.0",
51
- "@salutejs/plasma-cy-utils": "0.177.0",
52
- "@salutejs/plasma-icons": "1.254.0",
53
- "@salutejs/plasma-sb-utils": "0.248.0",
49
+ "@salutejs/plasma-colors": "0.27.0-next-sbcom.0",
50
+ "@salutejs/plasma-core": "1.248.0-next-sbcom.0",
51
+ "@salutejs/plasma-cy-utils": "0.178.0-next-sbcom.0",
52
+ "@salutejs/plasma-icons": "1.255.0-next-sbcom.0",
53
+ "@salutejs/plasma-sb-utils": "0.249.0-next-sbcom.0",
54
54
  "@types/node": "16.7.13",
55
55
  "@types/react": "18.0.28",
56
56
  "@types/react-dom": "18.0.11",
@@ -88,5 +88,5 @@
88
88
  "salute.developers@gmail.com"
89
89
  ],
90
90
  "sideEffects": false,
91
- "gitHead": "0256ddebc7098127e786152d29679e905aa10230"
91
+ "gitHead": "5680b021d11a986cb0e16bb9cd54303d5f250cc0"
92
92
  }
package/types/components/Avatar/Avatar.d.ts CHANGED
@@ -79,7 +79,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
79
79
  size?: string;
80
80
  name?: string;
81
81
  url?: string;
82
- customText?: string;
82
+ customText?: import("react").ReactNode;
83
83
  status?: "active" | "inactive";
84
84
  isScalable?: boolean;
85
85
  focused?: boolean;
@@ -108,7 +108,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
108
108
  size?: string;
109
109
  name?: string;
110
110
  url?: string;
111
- customText?: string;
111
+ customText?: import("react").ReactNode;
112
112
  status?: "active" | "inactive";
113
113
  isScalable?: boolean;
114
114
  focused?: boolean;
@@ -176,7 +176,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
176
176
  size?: string;
177
177
  name?: string;
178
178
  url?: string;
179
- customText?: string;
179
+ customText?: import("react").ReactNode;
180
180
  status?: "active" | "inactive";
181
181
  isScalable?: boolean;
182
182
  focused?: boolean;
@@ -205,7 +205,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
205
205
  size?: string;
206
206
  name?: string;
207
207
  url?: string;
208
- customText?: string;
208
+ customText?: import("react").ReactNode;
209
209
  status?: "active" | "inactive";
210
210
  isScalable?: boolean;
211
211
  focused?: boolean;
package/types/components/Spinner/Spinner.config.d.ts CHANGED
@@ -4,6 +4,15 @@ export declare const config: {
4
4
  size: string;
5
5
  };
6
6
  variations: {
7
+ size: {
8
+ xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
+ xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
+ l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
+ xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
+ xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
+ };
7
16
  view: {
8
17
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
18
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
package/types/components/Spinner/Spinner.d.ts CHANGED
@@ -1,27 +1,14 @@
1
- import type { HTMLAttributes } from 'react';
2
- export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
3
- /**
4
- * Размер спиннера
5
- */
6
- size?: string | number;
7
- /**
8
- * Цвет спиннера
9
- */
10
- view?: string;
11
- /**
12
- * Цвет спиннера
13
- * @deprecated
14
- */
15
- color?: string;
16
- /**
17
- * @deprecated
18
- */
19
- deviceScale?: number;
20
- };
21
- /**
22
- * Компонент для отображения индикатора загрузки.
23
- */
24
- export declare const Spinner: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
1
+ import type { ComponentProps, FunctionComponent } from 'react';
2
+ declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
3
+ size: {
4
+ xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
5
+ xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
6
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
+ l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
+ xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
+ xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
+ };
25
12
  view: {
26
13
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
27
14
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -33,19 +20,28 @@ export declare const Spinner: import("styled-components").StyledComponent<import
33
20
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
34
21
  info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
35
22
  };
36
- }> & ((HTMLAttributes<HTMLDivElement> & {
23
+ }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
37
24
  width?: never;
38
25
  height?: never;
39
26
  size?: string | number;
40
27
  view?: string;
41
- } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
28
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
42
29
  width: number;
43
30
  height: number;
44
31
  size?: never;
45
32
  view?: string;
46
- } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
33
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
47
34
  width: string;
48
35
  height: string;
49
36
  size?: never;
50
37
  view?: string;
51
- } & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
38
+ } & import("react").RefAttributes<HTMLDivElement>))>;
39
+ type Variations = ComponentProps<typeof SpinnerComponent>;
40
+ type SpinnerComponentProps = Omit<Variations, 'size'> & {
41
+ size?: Variations['size'] | number;
42
+ };
43
+ /**
44
+ * Компонент для отображения индикатора загрузки.
45
+ */
46
+ export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
47
+ export {};
package/types/components/Spinner/index.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export { Spinner } from './Spinner';
2
- export type { SpinnerProps } from './Spinner';