@salutejs/sdds-dfa 0.354.0-next-sbcom.0 → 0.354.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 (22) hide show
  1. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +5 -5
  2. package/dist/styled-components/cjs/components/Avatar/Avatar.config.js +8 -0
  3. package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +3 -0
  4. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +5 -5
  5. package/dist/styled-components/cjs/components/Segment/SegmentItem.config.js +1 -1
  6. package/dist/styled-components/cjs/components/Select/Select.config.js +5 -5
  7. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -5
  8. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -5
  9. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  10. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +5 -5
  11. package/dist/styled-components/es/components/Avatar/Avatar.config.js +8 -0
  12. package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +3 -0
  13. package/dist/styled-components/es/components/Combobox/Combobox.config.js +5 -5
  14. package/dist/styled-components/es/components/Segment/SegmentItem.config.js +1 -1
  15. package/dist/styled-components/es/components/Select/Select.config.js +5 -5
  16. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -5
  17. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -5
  18. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  19. package/package.json +8 -8
  20. package/types/components/Avatar/Avatar.config.d.ts +3 -0
  21. package/types/components/Avatar/Avatar.d.ts +13 -4
  22. package/types/components/Select/Select.d.ts +8 -8
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -223,7 +223,7 @@ const config = {
223
223
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
224
224
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
225
225
 
226
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
226
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
227
227
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
228
228
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
229
229
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -298,7 +298,7 @@ const config = {
298
298
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
299
299
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
300
300
 
301
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
301
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
302
302
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
303
303
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
304
304
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -373,7 +373,7 @@ const config = {
373
373
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
374
374
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
375
375
 
376
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
376
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
377
377
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
378
378
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
379
379
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -448,7 +448,7 @@ const config = {
448
448
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
449
449
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
450
450
 
451
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
451
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
452
452
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
453
453
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
454
454
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -523,7 +523,7 @@ const config = {
523
523
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
524
524
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
525
525
 
526
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
526
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
527
527
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
528
528
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
529
529
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Avatar/Avatar.config.js CHANGED
@@ -214,6 +214,14 @@ const config = {
214
214
  ${_styledcomponents.avatarTokens.fontWeight}: 0;
215
215
  ${_styledcomponents.avatarTokens.lineHeight}: 0;
216
216
  ${_styledcomponents.avatarTokens.statusIconSize}: 0;
217
+ ${_styledcomponents.avatarTokens.borderRadius}: 50%;
218
+ `
219
+ },
220
+ focused: {
221
+ true: (0, _styledcomponents.css)`
222
+ ${_styledcomponents.avatarTokens.outlineSize}: 0.1rem;
223
+ ${_styledcomponents.avatarTokens.outlineOffset}: -0.2rem;
224
+ ${_styledcomponents.avatarTokens.outlineColor}: var(--surface-accent);
217
225
  `
218
226
  },
219
227
  shape: {
package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -17,6 +17,7 @@ const config = {
17
17
  variations: {
18
18
  view: {
19
19
  default: (0, _styledcomponents.css)`
20
+ ${_styledcomponents.chipGroupTokens.chipFocusColor}: var(--surface-accent);
20
21
  ${_styledcomponents.chipGroupTokens.chipColor}: var(--inverse-text-primary);
21
22
  ${_styledcomponents.chipGroupTokens.chipBackground}: var(--surface-solid-default);
22
23
  ${_styledcomponents.chipGroupTokens.chipColorHover}: var(--inverse-text-primary);
@@ -25,6 +26,7 @@ const config = {
25
26
  ${_styledcomponents.chipGroupTokens.chipBackgroundActive}: var(--surface-solid-default-active);
26
27
  `,
27
28
  secondary: (0, _styledcomponents.css)`
29
+ ${_styledcomponents.chipGroupTokens.chipFocusColor}: var(--surface-accent);
28
30
  ${_styledcomponents.chipGroupTokens.chipColor}: var(--text-primary);
29
31
  ${_styledcomponents.chipGroupTokens.chipBackground}: var(--surface-transparent-secondary);
30
32
  ${_styledcomponents.chipGroupTokens.chipColorHover}: var(--text-primary);
@@ -33,6 +35,7 @@ const config = {
33
35
  ${_styledcomponents.chipGroupTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);
34
36
  `,
35
37
  accent: (0, _styledcomponents.css)`
38
+ ${_styledcomponents.chipGroupTokens.chipFocusColor}: var(--surface-accent);
36
39
  ${_styledcomponents.chipGroupTokens.chipColor}: var(--on-dark-text-primary);
37
40
  ${_styledcomponents.chipGroupTokens.chipBackground}: var(--surface-accent);
38
41
  ${_styledcomponents.chipGroupTokens.chipColorHover}: var(--on-dark-text-primary);
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -275,7 +275,7 @@ const config = {
275
275
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
276
276
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
277
277
 
278
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
278
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
279
279
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
280
280
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
281
281
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -396,7 +396,7 @@ const config = {
396
396
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
397
397
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
398
398
 
399
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
399
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
400
400
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
401
401
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
402
402
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -517,7 +517,7 @@ const config = {
517
517
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
518
518
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
519
519
 
520
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
520
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
521
521
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
522
522
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
523
523
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -638,7 +638,7 @@ const config = {
638
638
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
639
639
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
640
640
 
641
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
641
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
642
642
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
643
643
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
644
644
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -759,7 +759,7 @@ const config = {
759
759
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
760
760
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
761
761
 
762
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
762
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
763
763
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
764
764
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
765
765
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Segment/SegmentItem.config.js CHANGED
@@ -112,7 +112,7 @@ const config = {
112
112
  ${_styledcomponents.segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);
113
113
  ${_styledcomponents.segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);
114
114
 
115
- ${_styledcomponents.segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
115
+ ${_styledcomponents.segmentTokens.outlineFocusColor}: var(--text-accent);
116
116
  `
117
117
  },
118
118
  size: {
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -402,7 +402,7 @@ const config = {
402
402
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
403
403
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
404
404
 
405
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
405
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
406
406
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
407
407
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
408
408
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -527,7 +527,7 @@ const config = {
527
527
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
528
528
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
529
529
 
530
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
530
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
531
531
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
532
532
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
533
533
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -652,7 +652,7 @@ const config = {
652
652
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
653
653
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
654
654
 
655
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
655
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
656
656
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
657
657
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
658
658
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -777,7 +777,7 @@ const config = {
777
777
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
778
778
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
779
779
 
780
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
780
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
781
781
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
782
782
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
783
783
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -902,7 +902,7 @@ const config = {
902
902
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
903
903
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
904
904
 
905
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
905
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
906
906
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
907
907
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
908
908
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js CHANGED
@@ -191,7 +191,7 @@ const config = {
191
191
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
192
192
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
193
193
 
194
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
194
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
195
195
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
196
196
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
197
197
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -283,7 +283,7 @@ const config = {
283
283
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
284
284
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
285
285
 
286
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
286
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
287
287
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
288
288
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
289
289
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -367,7 +367,7 @@ const config = {
367
367
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
368
368
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
369
369
 
370
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
370
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
371
371
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
372
372
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
373
373
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -451,7 +451,7 @@ const config = {
451
451
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
452
452
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
453
453
 
454
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
454
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
455
455
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
456
456
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
457
457
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -535,7 +535,7 @@ const config = {
535
535
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
536
536
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
537
537
 
538
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
538
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
539
539
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
540
540
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
541
541
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -175,7 +175,7 @@ const config = {
175
175
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
176
176
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
177
177
 
178
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
178
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
179
179
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
180
180
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
181
181
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -268,7 +268,7 @@ const config = {
268
268
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
269
269
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
270
270
 
271
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
271
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
272
272
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
273
273
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
274
274
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -354,7 +354,7 @@ const config = {
354
354
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
355
355
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
356
356
 
357
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
357
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
358
358
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
359
359
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
360
360
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -440,7 +440,7 @@ const config = {
440
440
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
441
441
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
442
442
 
443
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
443
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
444
444
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
445
445
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
446
446
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -526,7 +526,7 @@ const config = {
526
526
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
527
527
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
528
528
 
529
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
529
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
530
530
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
531
531
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
532
532
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -45,7 +45,7 @@ const config = {
45
45
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
46
46
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
47
47
 
48
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
48
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
49
49
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
50
50
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
51
51
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -101,7 +101,7 @@ const config = {
101
101
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
102
102
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
103
103
 
104
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
104
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
105
105
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
106
106
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
107
107
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -157,7 +157,7 @@ const config = {
157
157
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
158
158
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
159
159
 
160
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
160
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
161
161
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
162
162
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
163
163
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -213,7 +213,7 @@ const config = {
213
213
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
214
214
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
215
215
 
216
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
216
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
218
218
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
219
219
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -213,7 +213,7 @@ export const config = {
213
213
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
214
214
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
215
215
 
216
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
216
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
218
218
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
219
219
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -288,7 +288,7 @@ export const config = {
288
288
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
289
289
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
290
290
 
291
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
291
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
292
292
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
293
293
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
294
294
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -363,7 +363,7 @@ export const config = {
363
363
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
364
364
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
365
365
 
366
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
366
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
367
367
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
368
368
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
369
369
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -438,7 +438,7 @@ export const config = {
438
438
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
439
439
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
440
440
 
441
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
441
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
442
442
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
443
443
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
444
444
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -513,7 +513,7 @@ export const config = {
513
513
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
514
514
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
515
515
 
516
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
516
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
517
517
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
518
518
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
519
519
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Avatar/Avatar.config.js CHANGED
@@ -204,6 +204,14 @@ export const config = {
204
204
  ${tokens.fontWeight}: 0;
205
205
  ${tokens.lineHeight}: 0;
206
206
  ${tokens.statusIconSize}: 0;
207
+ ${tokens.borderRadius}: 50%;
208
+ `
209
+ },
210
+ focused: {
211
+ true: css`
212
+ ${tokens.outlineSize}: 0.1rem;
213
+ ${tokens.outlineOffset}: -0.2rem;
214
+ ${tokens.outlineColor}: var(--surface-accent);
207
215
  `
208
216
  },
209
217
  shape: {
package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -7,6 +7,7 @@ export const config = {
7
7
  variations: {
8
8
  view: {
9
9
  default: css`
10
+ ${tokens.chipFocusColor}: var(--surface-accent);
10
11
  ${tokens.chipColor}: var(--inverse-text-primary);
11
12
  ${tokens.chipBackground}: var(--surface-solid-default);
12
13
  ${tokens.chipColorHover}: var(--inverse-text-primary);
@@ -15,6 +16,7 @@ export const config = {
15
16
  ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);
16
17
  `,
17
18
  secondary: css`
19
+ ${tokens.chipFocusColor}: var(--surface-accent);
18
20
  ${tokens.chipColor}: var(--text-primary);
19
21
  ${tokens.chipBackground}: var(--surface-transparent-secondary);
20
22
  ${tokens.chipColorHover}: var(--text-primary);
@@ -23,6 +25,7 @@ export const config = {
23
25
  ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);
24
26
  `,
25
27
  accent: css`
28
+ ${tokens.chipFocusColor}: var(--surface-accent);
26
29
  ${tokens.chipColor}: var(--on-dark-text-primary);
27
30
  ${tokens.chipBackground}: var(--surface-accent);
28
31
  ${tokens.chipColorHover}: var(--on-dark-text-primary);
package/dist/styled-components/es/components/Combobox/Combobox.config.js CHANGED
@@ -265,7 +265,7 @@ export const config = {
265
265
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
266
266
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
267
267
 
268
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
268
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
269
269
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
270
270
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
271
271
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -386,7 +386,7 @@ export const config = {
386
386
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
387
387
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
388
388
 
389
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
389
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
390
390
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
391
391
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
392
392
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -507,7 +507,7 @@ export const config = {
507
507
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
508
508
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
509
509
 
510
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
510
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
511
511
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
512
512
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
513
513
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -628,7 +628,7 @@ export const config = {
628
628
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
629
629
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
630
630
 
631
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
631
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
632
632
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
633
633
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
634
634
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -749,7 +749,7 @@ export const config = {
749
749
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
750
750
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
751
751
 
752
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
752
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
753
753
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
754
754
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
755
755
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Segment/SegmentItem.config.js CHANGED
@@ -102,7 +102,7 @@ export const config = {
102
102
  ${segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);
103
103
  ${segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);
104
104
 
105
- ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
105
+ ${segmentTokens.outlineFocusColor}: var(--text-accent);
106
106
  `
107
107
  },
108
108
  size: {
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -392,7 +392,7 @@ export const config = {
392
392
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
393
393
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
394
394
 
395
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
395
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
396
396
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
397
397
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
398
398
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -517,7 +517,7 @@ export const config = {
517
517
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
518
518
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
519
519
 
520
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
520
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
521
521
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
522
522
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
523
523
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -642,7 +642,7 @@ export const config = {
642
642
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
643
643
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
644
644
 
645
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
645
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
646
646
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
647
647
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
648
648
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -767,7 +767,7 @@ export const config = {
767
767
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
768
768
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
769
769
 
770
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
770
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
771
771
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
772
772
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
773
773
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -892,7 +892,7 @@ export const config = {
892
892
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
893
893
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
894
894
 
895
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
895
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
896
896
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
897
897
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
898
898
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TextField/TextField.clear.config.js CHANGED
@@ -181,7 +181,7 @@ export const config = {
181
181
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
182
182
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
183
183
 
184
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
184
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
185
185
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
186
186
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
187
187
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -273,7 +273,7 @@ export const config = {
273
273
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
274
274
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
275
275
 
276
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
276
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
277
277
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
278
278
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
279
279
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -357,7 +357,7 @@ export const config = {
357
357
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
358
358
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
359
359
 
360
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
360
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
361
361
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
362
362
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
363
363
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -441,7 +441,7 @@ export const config = {
441
441
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
442
442
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
443
443
 
444
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
444
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
445
445
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
446
446
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
447
447
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -525,7 +525,7 @@ export const config = {
525
525
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
526
526
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
527
527
 
528
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
528
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
529
529
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
530
530
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
531
531
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -165,7 +165,7 @@ export const config = {
165
165
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
166
166
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
167
167
 
168
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
168
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
169
169
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
170
170
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
171
171
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -258,7 +258,7 @@ export const config = {
258
258
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
259
259
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
260
260
 
261
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
261
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
262
262
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
263
263
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
264
264
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -344,7 +344,7 @@ export const config = {
344
344
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
345
345
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
346
346
 
347
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
347
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
348
348
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
349
349
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
350
350
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -430,7 +430,7 @@ export const config = {
430
430
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
431
431
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
432
432
 
433
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
433
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
434
434
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
435
435
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
436
436
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -516,7 +516,7 @@ export const config = {
516
516
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
517
517
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
518
518
 
519
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
519
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
520
520
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
521
521
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
522
522
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -35,7 +35,7 @@ export const config = {
35
35
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
36
36
  ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
37
37
 
38
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
38
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
39
39
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
40
40
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
41
41
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -91,7 +91,7 @@ export const config = {
91
91
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
92
92
  ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
93
93
 
94
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
94
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
95
95
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
96
96
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
97
97
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -147,7 +147,7 @@ export const config = {
147
147
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
148
148
  ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
149
149
 
150
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
150
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
151
151
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
152
152
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
153
153
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -203,7 +203,7 @@ export const config = {
203
203
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
204
204
  ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
205
205
 
206
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
206
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
207
207
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
208
208
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
209
209
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.354.0-next-sbcom.0",
3
+ "version": "0.354.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.368.0-next-sbcom.0",
39
- "@salutejs/sdds-themes": "0.70.0-next-sbcom.0"
38
+ "@salutejs/plasma-new-hope": "0.368.0",
39
+ "@salutejs/sdds-themes": "0.70.0"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@babel/cli": "7.24.1",
@@ -47,10 +47,10 @@
47
47
  "@babel/preset-react": "7.24.1",
48
48
  "@babel/preset-typescript": "7.24.1",
49
49
  "@salutejs/plasma-colors": "0.16.0",
50
- "@salutejs/plasma-core": "1.231.0-next-sbcom.0",
51
- "@salutejs/plasma-cy-utils": "0.161.0-next-sbcom.0",
52
- "@salutejs/plasma-icons": "1.242.0-next-sbcom.0",
53
- "@salutejs/plasma-sb-utils": "0.232.0-next-sbcom.0",
50
+ "@salutejs/plasma-core": "1.231.0",
51
+ "@salutejs/plasma-cy-utils": "0.161.0",
52
+ "@salutejs/plasma-icons": "1.242.0",
53
+ "@salutejs/plasma-sb-utils": "0.232.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": "f3a7abb061ba55e82d3cfd084db936b0749caeec"
91
+ "gitHead": "943a8d7362903f1a335fa5a99917fcbf0f673ea6"
92
92
  }
package/types/components/Avatar/Avatar.config.d.ts CHANGED
@@ -17,6 +17,9 @@ export declare const config: {
17
17
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
18
  scalable: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
19
  };
20
+ focused: {
21
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
+ };
20
23
  shape: {
21
24
  circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
25
  rounded: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
package/types/components/Avatar/Avatar.d.ts CHANGED
@@ -11,6 +11,9 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
11
11
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
12
  scalable: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
13
  };
14
+ focused: {
15
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
+ };
14
17
  shape: {
15
18
  circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
19
  rounded: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -46,6 +49,9 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
46
49
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
47
50
  scalable: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
48
51
  };
52
+ focused: {
53
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
54
+ };
49
55
  shape: {
50
56
  circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
51
57
  rounded: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -73,7 +79,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
73
79
  size?: string;
74
80
  name?: string;
75
81
  url?: string;
76
- customText?: import("react").ReactNode;
82
+ customText?: string;
77
83
  status?: "active" | "inactive";
78
84
  isScalable?: boolean;
79
85
  focused?: boolean;
@@ -101,7 +107,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
101
107
  size?: string;
102
108
  name?: string;
103
109
  url?: string;
104
- customText?: import("react").ReactNode;
110
+ customText?: string;
105
111
  status?: "active" | "inactive";
106
112
  isScalable?: boolean;
107
113
  focused?: boolean;
@@ -138,6 +144,9 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
138
144
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
139
145
  scalable: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
140
146
  };
147
+ focused: {
148
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
149
+ };
141
150
  shape: {
142
151
  circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
143
152
  rounded: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -165,7 +174,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
165
174
  size?: string;
166
175
  name?: string;
167
176
  url?: string;
168
- customText?: import("react").ReactNode;
177
+ customText?: string;
169
178
  status?: "active" | "inactive";
170
179
  isScalable?: boolean;
171
180
  focused?: boolean;
@@ -193,7 +202,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
193
202
  size?: string;
194
203
  name?: string;
195
204
  url?: string;
196
- customText?: import("react").ReactNode;
205
+ customText?: string;
197
206
  status?: "active" | "inactive";
198
207
  isScalable?: boolean;
199
208
  focused?: boolean;
package/types/components/Select/Select.d.ts CHANGED
@@ -48,7 +48,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
48
48
  defaultValue?: string;
49
49
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
50
50
  isTargetAmount?: false;
51
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
51
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
52
52
  selectAllOptions?: never;
53
53
  } & {
54
54
  target?: "textfield-like";
@@ -79,7 +79,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
79
79
  defaultValue?: string;
80
80
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
81
81
  isTargetAmount?: false;
82
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
82
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
83
83
  selectAllOptions?: never;
84
84
  } & {
85
85
  target?: "textfield-like";
@@ -172,7 +172,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
172
172
  defaultValue?: string;
173
173
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
174
174
  isTargetAmount?: false;
175
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
175
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
176
176
  selectAllOptions?: never;
177
177
  }, "onChange" | "value"> & {
178
178
  name: string;
@@ -207,7 +207,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
207
207
  defaultValue?: string;
208
208
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
209
209
  isTargetAmount?: false;
210
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
210
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
211
211
  selectAllOptions?: never;
212
212
  }, "onChange" | "value"> & {
213
213
  name: string;
@@ -312,7 +312,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
312
312
  defaultValue?: string;
313
313
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
314
314
  isTargetAmount?: false;
315
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
315
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
316
316
  selectAllOptions?: never;
317
317
  } & {
318
318
  target: "button-like";
@@ -345,7 +345,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
345
345
  defaultValue?: string;
346
346
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
347
347
  isTargetAmount?: false;
348
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
348
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
349
349
  selectAllOptions?: never;
350
350
  } & {
351
351
  target: "button-like";
@@ -444,7 +444,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
444
444
  defaultValue?: string;
445
445
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
446
446
  isTargetAmount?: false;
447
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
447
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
448
448
  selectAllOptions?: never;
449
449
  }, "onChange" | "value"> & {
450
450
  name: string;
@@ -481,7 +481,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
481
481
  defaultValue?: string;
482
482
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
483
483
  isTargetAmount?: false;
484
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
484
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
485
485
  selectAllOptions?: never;
486
486
  }, "onChange" | "value"> & {
487
487
  name: string;