@salutejs/sdds-dfa 0.367.0-next-sbcom.0 → 0.367.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 (29) hide show
  1. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +5 -5
  2. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +0 -5
  3. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +0 -5
  4. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +5 -5
  5. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +0 -5
  6. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -5
  7. package/dist/styled-components/cjs/components/Select/Select.config.js +5 -5
  8. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +0 -23
  9. package/dist/styled-components/cjs/components/Spinner/Spinner.js +15 -4
  10. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -5
  11. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -5
  12. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  13. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +5 -5
  14. package/dist/styled-components/es/components/Calendar/Calendar.config.js +0 -5
  15. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +0 -5
  16. package/dist/styled-components/es/components/Combobox/Combobox.config.js +5 -5
  17. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +0 -5
  18. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -5
  19. package/dist/styled-components/es/components/Select/Select.config.js +5 -5
  20. package/dist/styled-components/es/components/Spinner/Spinner.config.js +0 -23
  21. package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
  22. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -5
  23. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -5
  24. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  25. package/package.json +9 -9
  26. package/types/components/Avatar/Avatar.d.ts +4 -4
  27. package/types/components/Spinner/Spinner.config.d.ts +0 -9
  28. package/types/components/Spinner/Spinner.d.ts +38 -26
  29. package/types/components/Spinner/index.d.ts +1 -1
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -224,7 +224,7 @@ const config = {
224
224
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
225
225
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
226
226
 
227
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
227
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
228
228
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
229
229
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
230
230
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -299,7 +299,7 @@ const config = {
299
299
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
300
300
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
301
301
 
302
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
302
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
303
303
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
304
304
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
305
305
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -374,7 +374,7 @@ const config = {
374
374
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
375
375
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
376
376
 
377
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
377
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
378
378
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
379
379
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
380
380
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -449,7 +449,7 @@ const config = {
449
449
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
450
450
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
451
451
 
452
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
452
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
453
453
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
454
454
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
455
455
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -524,7 +524,7 @@ const config = {
524
524
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
525
525
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
526
526
 
527
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
527
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
528
528
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
529
529
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
530
530
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Calendar/Calendar.config.js CHANGED
@@ -106,7 +106,6 @@ const config = {
106
106
 
107
107
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
108
108
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
109
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
110
109
 
111
110
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
112
111
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,7 +175,6 @@ const config = {
176
175
 
177
176
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
178
177
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
179
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
180
178
 
181
179
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
182
180
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -246,7 +244,6 @@ const config = {
246
244
 
247
245
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
248
246
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
249
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
250
247
 
251
248
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
252
249
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -316,7 +313,6 @@ const config = {
316
313
 
317
314
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
318
315
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
319
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
320
316
 
321
317
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
322
318
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -386,7 +382,6 @@ const config = {
386
382
 
387
383
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
388
384
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
389
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
390
385
 
391
386
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
392
387
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js CHANGED
@@ -107,7 +107,6 @@ const config = {
107
107
 
108
108
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
109
109
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
110
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
111
110
 
112
111
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
113
112
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -177,7 +176,6 @@ const config = {
177
176
 
178
177
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
179
178
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
180
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
181
179
 
182
180
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
183
181
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -247,7 +245,6 @@ const config = {
247
245
 
248
246
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
249
247
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
250
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
251
248
 
252
249
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
253
250
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -317,7 +314,6 @@ const config = {
317
314
 
318
315
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
319
316
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
320
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
321
317
 
322
318
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
323
319
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -387,7 +383,6 @@ const config = {
387
383
 
388
384
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
389
385
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
390
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
391
386
 
392
387
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
393
388
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -276,7 +276,7 @@ const config = {
276
276
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
277
277
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
278
278
 
279
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
279
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
280
280
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
281
281
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
282
282
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -397,7 +397,7 @@ const config = {
397
397
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
398
398
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
399
399
 
400
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
400
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
401
401
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
402
402
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
403
403
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -518,7 +518,7 @@ const config = {
518
518
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
519
519
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
520
520
 
521
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
521
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
522
522
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
523
523
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
524
524
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -639,7 +639,7 @@ const config = {
639
639
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
640
640
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
641
641
 
642
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
642
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
643
643
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
644
644
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
645
645
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -760,7 +760,7 @@ const config = {
760
760
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
761
761
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
762
762
 
763
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
763
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
764
764
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
765
765
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
766
766
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -262,7 +262,6 @@ const config = {
262
262
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
263
263
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
264
264
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
265
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
266
265
 
267
266
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
268
267
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -433,7 +432,6 @@ const config = {
433
432
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
434
433
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
435
434
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
436
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
437
435
 
438
436
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
439
437
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -604,7 +602,6 @@ const config = {
604
602
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
605
603
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
606
604
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
607
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
608
605
 
609
606
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
610
607
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -775,7 +772,6 @@ const config = {
775
772
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
776
773
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
777
774
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
778
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
779
775
 
780
776
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
781
777
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -946,7 +942,6 @@ const config = {
946
942
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
947
943
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
948
944
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
949
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
950
945
 
951
946
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
952
947
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -235,7 +235,6 @@ const config = {
235
235
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
236
236
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
237
237
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
238
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
239
238
 
240
239
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
241
240
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -403,7 +402,6 @@ const config = {
403
402
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
404
403
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
405
404
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
406
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
407
405
 
408
406
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
409
407
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -571,7 +569,6 @@ const config = {
571
569
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
572
570
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
573
571
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
574
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
575
572
 
576
573
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
577
574
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -739,7 +736,6 @@ const config = {
739
736
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
740
737
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
741
738
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
742
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
743
739
 
744
740
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
745
741
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -907,7 +903,6 @@ const config = {
907
903
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
908
904
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
909
905
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
910
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
911
906
 
912
907
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
913
908
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -403,7 +403,7 @@ const config = {
403
403
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
404
404
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
405
405
 
406
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
406
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
407
407
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
408
408
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
409
409
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -528,7 +528,7 @@ const config = {
528
528
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
529
529
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
530
530
 
531
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
531
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
532
532
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
533
533
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
534
534
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -653,7 +653,7 @@ const config = {
653
653
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
654
654
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
655
655
 
656
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
656
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
657
657
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
658
658
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
659
659
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -778,7 +778,7 @@ const config = {
778
778
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
779
779
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
780
780
 
781
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
781
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
782
782
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
783
783
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
784
784
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -903,7 +903,7 @@ const config = {
903
903
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
904
904
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
905
905
 
906
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
906
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
907
907
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
908
908
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
909
909
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Spinner/Spinner.config.js CHANGED
@@ -16,29 +16,6 @@ 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
- },
42
19
  view: {
43
20
  default: (0, _styledcomponents.css)`
44
21
  ${_styledcomponents.spinnerTokens.color}: ${_sdds_dfa.textPrimary};
package/dist/styled-components/cjs/components/Spinner/Spinner.js CHANGED
@@ -8,8 +8,19 @@ Object.defineProperty(exports, "Spinner", {
8
8
  return Spinner;
9
9
  }
10
10
  });
11
- const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
11
+ const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
12
+ const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
12
13
  const _Spinnerconfig = require("./Spinner.config");
13
- const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
14
- const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
15
- const Spinner = SpinnerComponent;
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
+ ]);
package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js CHANGED
@@ -192,7 +192,7 @@ const config = {
192
192
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
193
193
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
194
194
 
195
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
195
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
196
196
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
197
197
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
198
198
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -284,7 +284,7 @@ const config = {
284
284
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
285
285
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
286
286
 
287
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
287
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
288
288
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
289
289
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
290
290
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -368,7 +368,7 @@ const config = {
368
368
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
369
369
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
370
370
 
371
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
371
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
372
372
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
373
373
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
374
374
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -452,7 +452,7 @@ const config = {
452
452
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
453
453
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
454
454
 
455
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
455
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
456
456
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
457
457
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
458
458
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -536,7 +536,7 @@ const config = {
536
536
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
537
537
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
538
538
 
539
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
539
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
540
540
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
541
541
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
542
542
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -176,7 +176,7 @@ const config = {
176
176
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
177
177
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
178
178
 
179
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
179
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
180
180
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
181
181
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
182
182
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -269,7 +269,7 @@ const config = {
269
269
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
270
270
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
271
271
 
272
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
272
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
273
273
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
274
274
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
275
275
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -355,7 +355,7 @@ const config = {
355
355
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
356
356
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
357
357
 
358
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
358
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
359
359
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
360
360
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
361
361
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -441,7 +441,7 @@ const config = {
441
441
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
442
442
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
443
443
 
444
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
444
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
445
445
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
446
446
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
447
447
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -527,7 +527,7 @@ const config = {
527
527
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
528
528
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
529
529
 
530
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
530
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
531
531
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
532
532
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
533
533
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -46,7 +46,7 @@ const config = {
46
46
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_dfa.bodyL.letterSpacing};
47
47
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_dfa.bodyL.lineHeight};
48
48
 
49
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
49
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
50
50
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
51
51
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
52
52
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -102,7 +102,7 @@ const config = {
102
102
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_dfa.bodyM.letterSpacing};
103
103
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_dfa.bodyM.lineHeight};
104
104
 
105
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
105
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
106
106
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
107
107
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
108
108
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -158,7 +158,7 @@ const config = {
158
158
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_dfa.bodyS.letterSpacing};
159
159
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_dfa.bodyS.lineHeight};
160
160
 
161
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
161
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
162
162
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
163
163
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
164
164
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -214,7 +214,7 @@ const config = {
214
214
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
215
215
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
216
216
 
217
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
217
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
218
218
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
219
219
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
220
220
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -214,7 +214,7 @@ export const config = {
214
214
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
215
215
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
216
216
 
217
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
217
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
218
218
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
219
219
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
220
220
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -289,7 +289,7 @@ export const config = {
289
289
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
290
290
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
291
291
 
292
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
292
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
293
293
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
294
294
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
295
295
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -364,7 +364,7 @@ export const config = {
364
364
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
365
365
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
366
366
 
367
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
367
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
368
368
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
369
369
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
370
370
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -439,7 +439,7 @@ export const config = {
439
439
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
440
440
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
441
441
 
442
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
442
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
443
443
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
444
444
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
445
445
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -514,7 +514,7 @@ export const config = {
514
514
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
515
515
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
516
516
 
517
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
517
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
518
518
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
519
519
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
520
520
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/Calendar/Calendar.config.js CHANGED
@@ -96,7 +96,6 @@ export const config = {
96
96
 
97
97
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
98
98
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
99
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
100
99
 
101
100
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
102
101
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,7 +165,6 @@ export const config = {
166
165
 
167
166
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
168
167
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
169
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
170
168
 
171
169
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
172
170
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -236,7 +234,6 @@ export const config = {
236
234
 
237
235
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
238
236
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
239
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
240
237
 
241
238
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
242
239
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -306,7 +303,6 @@ export const config = {
306
303
 
307
304
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
308
305
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
309
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
310
306
 
311
307
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
312
308
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -376,7 +372,6 @@ export const config = {
376
372
 
377
373
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
378
374
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
379
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
380
375
 
381
376
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
382
377
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js CHANGED
@@ -97,7 +97,6 @@ export const config = {
97
97
 
98
98
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
99
99
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
100
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
101
100
 
102
101
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
103
102
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -167,7 +166,6 @@ export const config = {
167
166
 
168
167
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
169
168
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
170
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
171
169
 
172
170
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
173
171
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -237,7 +235,6 @@ export const config = {
237
235
 
238
236
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
239
237
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
240
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
241
238
 
242
239
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
243
240
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -307,7 +304,6 @@ export const config = {
307
304
 
308
305
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
309
306
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
310
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
311
307
 
312
308
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
313
309
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -377,7 +373,6 @@ export const config = {
377
373
 
378
374
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
379
375
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
380
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
381
376
 
382
377
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
383
378
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/Combobox/Combobox.config.js CHANGED
@@ -266,7 +266,7 @@ export const config = {
266
266
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
267
267
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
268
268
 
269
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
269
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
270
270
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
271
271
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
272
272
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -387,7 +387,7 @@ export const config = {
387
387
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
388
388
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
389
389
 
390
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
390
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
391
391
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
392
392
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
393
393
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -508,7 +508,7 @@ export const config = {
508
508
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
509
509
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
510
510
 
511
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
511
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
512
512
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
513
513
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
514
514
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -629,7 +629,7 @@ export const config = {
629
629
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
630
630
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
631
631
 
632
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
632
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
633
633
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
634
634
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
635
635
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -750,7 +750,7 @@ export const config = {
750
750
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
751
751
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
752
752
 
753
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
753
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
754
754
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
755
755
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
756
756
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -252,7 +252,6 @@ export const config = {
252
252
  ${tokens.calendarHeaderWrapperPadding}: 0;
253
253
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
254
254
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
255
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
256
255
 
257
256
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
258
257
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -423,7 +422,6 @@ export const config = {
423
422
  ${tokens.calendarHeaderWrapperPadding}: 0;
424
423
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
425
424
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
426
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
427
425
 
428
426
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
429
427
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -594,7 +592,6 @@ export const config = {
594
592
  ${tokens.calendarHeaderWrapperPadding}: 0;
595
593
  ${tokens.calendarHeaderArrowGap}: 0;
596
594
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
597
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
598
595
 
599
596
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
600
597
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -765,7 +762,6 @@ export const config = {
765
762
  ${tokens.calendarHeaderWrapperPadding}: 0;
766
763
  ${tokens.calendarHeaderArrowGap}: 0;
767
764
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
768
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
769
765
 
770
766
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
771
767
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -936,7 +932,6 @@ export const config = {
936
932
  ${tokens.calendarHeaderWrapperPadding}: 0;
937
933
  ${tokens.calendarHeaderArrowGap}: 0;
938
934
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
939
- ${tokens.calendarHeaderArrowSize}: 1rem;
940
935
 
941
936
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
942
937
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -225,7 +225,6 @@ export const config = {
225
225
  ${tokens.calendarHeaderWrapperPadding}: 0;
226
226
  ${tokens.calendarHeaderArrowGap}: 0;
227
227
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
228
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
229
228
 
230
229
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
231
230
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -393,7 +392,6 @@ export const config = {
393
392
  ${tokens.calendarHeaderWrapperPadding}: 0;
394
393
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
395
394
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
396
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
397
395
 
398
396
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
399
397
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -561,7 +559,6 @@ export const config = {
561
559
  ${tokens.calendarHeaderWrapperPadding}: 0;
562
560
  ${tokens.calendarHeaderArrowGap}: 0;
563
561
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
564
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
565
562
 
566
563
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
567
564
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -729,7 +726,6 @@ export const config = {
729
726
  ${tokens.calendarHeaderWrapperPadding}: 0;
730
727
  ${tokens.calendarHeaderArrowGap}: 0;
731
728
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
732
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
733
729
 
734
730
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
735
731
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -897,7 +893,6 @@ export const config = {
897
893
  ${tokens.calendarHeaderWrapperPadding}: 0;
898
894
  ${tokens.calendarHeaderArrowGap}: 0;
899
895
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
900
- ${tokens.calendarHeaderArrowSize}: 1rem;
901
896
 
902
897
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
903
898
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -393,7 +393,7 @@ export const config = {
393
393
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
394
394
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
395
395
 
396
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
396
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
397
397
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
398
398
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
399
399
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -518,7 +518,7 @@ export const config = {
518
518
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
519
519
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
520
520
 
521
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
521
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
522
522
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
523
523
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
524
524
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -643,7 +643,7 @@ export const config = {
643
643
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
644
644
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
645
645
 
646
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
646
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
647
647
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
648
648
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
649
649
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -768,7 +768,7 @@ export const config = {
768
768
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
769
769
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
770
770
 
771
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
771
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
772
772
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
773
773
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
774
774
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -893,7 +893,7 @@ export const config = {
893
893
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
894
894
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
895
895
 
896
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
896
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
897
897
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
898
898
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
899
899
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/Spinner/Spinner.config.js CHANGED
@@ -6,29 +6,6 @@ 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
- },
32
9
  view: {
33
10
  default: css`
34
11
  ${tokens.color}: ${textPrimary};
package/dist/styled-components/es/components/Spinner/Spinner.js CHANGED
@@ -1,7 +1,13 @@
1
+ import styled from 'styled-components';
1
2
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
3
  import { config } from './Spinner.config';
3
4
  const mergedConfig = mergeConfig(spinnerConfig, config);
4
5
  const SpinnerComponent = component(mergedConfig);
5
6
  /**
6
7
  * Компонент для отображения индикатора загрузки.
7
- */ export const Spinner = SpinnerComponent;
8
+ */ export const Spinner = styled(SpinnerComponent).withConfig({
9
+ displayName: "Spinner",
10
+ componentId: "sc-d47c168-0"
11
+ })([
12
+ ``
13
+ ]);
package/dist/styled-components/es/components/TextField/TextField.clear.config.js CHANGED
@@ -182,7 +182,7 @@ export const config = {
182
182
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
183
183
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
184
184
 
185
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
185
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
186
186
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
187
187
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
188
188
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -274,7 +274,7 @@ export const config = {
274
274
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
275
275
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
276
276
 
277
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
277
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
278
278
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
279
279
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
280
280
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -358,7 +358,7 @@ export const config = {
358
358
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
359
359
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
360
360
 
361
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
361
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
362
362
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
363
363
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
364
364
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -442,7 +442,7 @@ export const config = {
442
442
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
443
443
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
444
444
 
445
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
445
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
446
446
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
447
447
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
448
448
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -526,7 +526,7 @@ export const config = {
526
526
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
527
527
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
528
528
 
529
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
529
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
530
530
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
531
531
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
532
532
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -166,7 +166,7 @@ export const config = {
166
166
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
167
167
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
168
168
 
169
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
169
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
170
170
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
171
171
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
172
172
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -259,7 +259,7 @@ export const config = {
259
259
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
260
260
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
261
261
 
262
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
262
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
263
263
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
264
264
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
265
265
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -345,7 +345,7 @@ export const config = {
345
345
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
346
346
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
347
347
 
348
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
348
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
349
349
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
350
350
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
351
351
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -431,7 +431,7 @@ export const config = {
431
431
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
432
432
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
433
433
 
434
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
434
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
435
435
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
436
436
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
437
437
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -517,7 +517,7 @@ export const config = {
517
517
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
518
518
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
519
519
 
520
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
520
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
521
521
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
522
522
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
523
523
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -36,7 +36,7 @@ export const config = {
36
36
  ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};
37
37
  ${tokens.labelLineHeight}: ${bodyL.lineHeight};
38
38
 
39
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
39
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
40
40
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
41
41
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
42
42
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -92,7 +92,7 @@ export const config = {
92
92
  ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
93
93
  ${tokens.labelLineHeight}: ${bodyM.lineHeight};
94
94
 
95
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
95
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
96
96
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
97
97
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
98
98
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -148,7 +148,7 @@ export const config = {
148
148
  ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
149
149
  ${tokens.labelLineHeight}: ${bodyS.lineHeight};
150
150
 
151
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
151
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
152
152
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
153
153
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
154
154
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -204,7 +204,7 @@ export const config = {
204
204
  ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
205
205
  ${tokens.labelLineHeight}: ${bodyXS.lineHeight};
206
206
 
207
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
207
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
208
208
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
209
209
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
210
210
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.367.0-next-sbcom.0",
3
+ "version": "0.367.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.1"
36
36
  },
37
37
  "dependencies": {
38
- "@salutejs/plasma-new-hope": "0.381.0-next-sbcom.0",
39
- "@salutejs/sdds-themes": "0.82.0-next-sbcom.0"
38
+ "@salutejs/plasma-new-hope": "0.381.0",
39
+ "@salutejs/sdds-themes": "0.82.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.24.0-next-sbcom.0",
50
- "@salutejs/plasma-core": "1.244.0-next-sbcom.0",
51
- "@salutejs/plasma-cy-utils": "0.174.0-next-sbcom.0",
52
- "@salutejs/plasma-icons": "1.251.0-next-sbcom.0",
53
- "@salutejs/plasma-sb-utils": "0.245.0-next-sbcom.0",
49
+ "@salutejs/plasma-colors": "0.23.0",
50
+ "@salutejs/plasma-core": "1.244.0",
51
+ "@salutejs/plasma-cy-utils": "0.174.0",
52
+ "@salutejs/plasma-icons": "1.250.0",
53
+ "@salutejs/plasma-sb-utils": "0.245.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": "78ffb8023857555d2e051d6ede76726d18ab42c0"
91
+ "gitHead": "33828e3596675379299e902617cbf124f48cfc33"
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?: import("react").ReactNode;
82
+ customText?: string;
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?: import("react").ReactNode;
111
+ customText?: string;
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?: import("react").ReactNode;
179
+ customText?: string;
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?: import("react").ReactNode;
208
+ customText?: string;
209
209
  status?: "active" | "inactive";
210
210
  isScalable?: boolean;
211
211
  focused?: boolean;
package/types/components/Spinner/Spinner.config.d.ts CHANGED
@@ -4,15 +4,6 @@ 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
- };
16
7
  view: {
17
8
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
9
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
package/types/components/Spinner/Spinner.d.ts CHANGED
@@ -1,14 +1,27 @@
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
- };
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<{
12
25
  view: {
13
26
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
27
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -20,20 +33,19 @@ declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-h
20
33
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
34
  info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
35
  };
23
- }> & import("react").HTMLAttributes<HTMLDivElement> & {
36
+ }> & ((HTMLAttributes<HTMLDivElement> & {
37
+ width?: never;
38
+ height?: never;
24
39
  size?: string | number;
25
40
  view?: string;
26
- width?: string | number;
27
- height?: string | number;
28
- color?: string;
29
- deviceScale?: number;
30
- } & import("react").RefAttributes<HTMLDivElement>>;
31
- type Variations = ComponentProps<typeof SpinnerComponent>;
32
- type SpinnerComponentProps = Omit<Variations, 'size'> & {
33
- size?: Variations['size'] | number;
34
- };
35
- /**
36
- * Компонент для отображения индикатора загрузки.
37
- */
38
- export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
39
- export {};
41
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
42
+ width: number;
43
+ height: number;
44
+ size?: never;
45
+ view?: string;
46
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
47
+ width: string;
48
+ height: string;
49
+ size?: never;
50
+ view?: string;
51
+ } & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
package/types/components/Spinner/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export { Spinner } from './Spinner';
2
- export type { SpinnerProps } from '@salutejs/plasma-new-hope/styled-components';
2
+ export type { SpinnerProps } from './Spinner';