@salutejs/plasma-web 1.626.0-next-sbcom.0 → 1.626.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 (94) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  3. package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_1xpx46s.css → Autocomplete.config_1cj8j7d.css} +4 -4
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +14 -14
  5. package/dist/css/cjs/components/Avatar/Avatar.config.js +20 -17
  6. package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
  7. package/dist/css/cjs/components/Avatar/{Avatar.config_1jwhd5q.css → Avatar.config_aeseq.css} +18 -17
  8. package/dist/css/cjs/components/Avatar/Avatar.css +24 -23
  9. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js +1 -1
  10. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js.map +1 -1
  11. package/dist/css/{es/components/ChipGroup/ChipGroup.config_a4qray.css → cjs/components/ChipGroup/ChipGroup.config_1un9ohc.css} +3 -3
  12. package/dist/css/cjs/components/ChipGroup/ChipGroup.css +9 -9
  13. package/dist/css/cjs/components/Combobox/Combobox.config.js +1 -1
  14. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  15. package/dist/css/{es/components/Combobox/Combobox.config_1x1ehb2.css → cjs/components/Combobox/Combobox.config_xu4ehc.css} +4 -4
  16. package/dist/css/cjs/components/Combobox/Combobox.css +17 -17
  17. package/dist/css/cjs/components/Mask/Mask.css +42 -42
  18. package/dist/css/cjs/components/Segment/Segment.css +11 -11
  19. package/dist/css/cjs/components/Segment/SegmentItem.config.js +1 -1
  20. package/dist/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
  21. package/dist/css/cjs/components/Segment/{SegmentItem.config_6l9vt6.css → SegmentItem.config_19pb4ft.css} +1 -1
  22. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  23. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  24. package/dist/css/cjs/components/Select/{Select.config_924q25.css → Select.config_11p7bi0.css} +4 -4
  25. package/dist/css/cjs/components/Select/Select.css +23 -23
  26. package/dist/css/cjs/components/TextField/TextField.clear.config.js +1 -1
  27. package/dist/css/cjs/components/TextField/TextField.clear.config.js.map +1 -1
  28. package/dist/css/{es/components/TextField/TextField.clear.config_1rp41vj.css → cjs/components/TextField/TextField.clear.config_1g82q62.css} +5 -5
  29. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  30. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  31. package/dist/css/cjs/components/TextField/{TextField.config_r82nhl.css → TextField.config_gm1kei.css} +5 -5
  32. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  33. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  34. package/dist/css/cjs/components/TextFieldGroup/{TextFieldGroup.config_5ro0j0.css → TextFieldGroup.config_1u4pzwr.css} +4 -4
  35. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +9 -9
  36. package/dist/css/cjs/index.css +157 -156
  37. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  38. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  39. package/dist/css/es/components/Autocomplete/{Autocomplete.config_1xpx46s.css → Autocomplete.config_1cj8j7d.css} +4 -4
  40. package/dist/css/es/components/Autocomplete/Autocomplete.css +14 -14
  41. package/dist/css/es/components/Avatar/Avatar.config.js +20 -17
  42. package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
  43. package/dist/css/es/components/Avatar/{Avatar.config_1jwhd5q.css → Avatar.config_aeseq.css} +18 -17
  44. package/dist/css/es/components/Avatar/Avatar.css +24 -23
  45. package/dist/css/es/components/ChipGroup/ChipGroup.config.js +1 -1
  46. package/dist/css/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
  47. package/dist/css/{cjs/components/ChipGroup/ChipGroup.config_a4qray.css → es/components/ChipGroup/ChipGroup.config_1un9ohc.css} +3 -3
  48. package/dist/css/es/components/ChipGroup/ChipGroup.css +9 -9
  49. package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
  50. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  51. package/dist/css/{cjs/components/Combobox/Combobox.config_1x1ehb2.css → es/components/Combobox/Combobox.config_xu4ehc.css} +4 -4
  52. package/dist/css/es/components/Combobox/Combobox.css +17 -17
  53. package/dist/css/es/components/Mask/Mask.css +42 -42
  54. package/dist/css/es/components/Segment/Segment.css +11 -11
  55. package/dist/css/es/components/Segment/SegmentItem.config.js +1 -1
  56. package/dist/css/es/components/Segment/SegmentItem.config.js.map +1 -1
  57. package/dist/css/es/components/Segment/{SegmentItem.config_6l9vt6.css → SegmentItem.config_19pb4ft.css} +1 -1
  58. package/dist/css/es/components/Select/Select.config.js +1 -1
  59. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  60. package/dist/css/es/components/Select/{Select.config_924q25.css → Select.config_11p7bi0.css} +4 -4
  61. package/dist/css/es/components/Select/Select.css +23 -23
  62. package/dist/css/es/components/TextField/TextField.clear.config.js +1 -1
  63. package/dist/css/es/components/TextField/TextField.clear.config.js.map +1 -1
  64. package/dist/css/{cjs/components/TextField/TextField.clear.config_1rp41vj.css → es/components/TextField/TextField.clear.config_1g82q62.css} +5 -5
  65. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  66. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  67. package/dist/css/es/components/TextField/{TextField.config_r82nhl.css → TextField.config_gm1kei.css} +5 -5
  68. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  69. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  70. package/dist/css/es/components/TextFieldGroup/{TextFieldGroup.config_5ro0j0.css → TextFieldGroup.config_1u4pzwr.css} +4 -4
  71. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +9 -9
  72. package/dist/css/es/index.css +157 -156
  73. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
  74. package/dist/styled-components/cjs/components/Avatar/Avatar.config.js +8 -0
  75. package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +3 -0
  76. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -4
  77. package/dist/styled-components/cjs/components/Segment/SegmentItem.config.js +1 -1
  78. package/dist/styled-components/cjs/components/Select/Select.config.js +4 -4
  79. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -5
  80. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -5
  81. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  82. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
  83. package/dist/styled-components/es/components/Avatar/Avatar.config.js +8 -0
  84. package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +3 -0
  85. package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -4
  86. package/dist/styled-components/es/components/Segment/SegmentItem.config.js +1 -1
  87. package/dist/styled-components/es/components/Select/Select.config.js +4 -4
  88. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -5
  89. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -5
  90. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  91. package/package.json +13 -13
  92. package/types/components/Avatar/Avatar.config.d.ts +3 -0
  93. package/types/components/Avatar/Avatar.d.ts +13 -4
  94. package/types/components/Select/Select.d.ts +8 -8
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -240,7 +240,7 @@ const config = {
240
240
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
241
241
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
242
242
 
243
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
243
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
244
244
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
245
245
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
246
246
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -316,7 +316,7 @@ const config = {
316
316
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
317
317
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
318
318
 
319
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
319
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
320
320
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
321
321
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
322
322
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -392,7 +392,7 @@ const config = {
392
392
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
393
393
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
394
394
 
395
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
395
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
396
396
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
397
397
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
398
398
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -468,7 +468,7 @@ const config = {
468
468
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
469
469
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
470
470
 
471
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
471
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
472
472
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
473
473
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
474
474
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Avatar/Avatar.config.js CHANGED
@@ -206,6 +206,14 @@ const config = {
206
206
  ${_styledcomponents.avatarTokens.fontWeight}: 0;
207
207
  ${_styledcomponents.avatarTokens.lineHeight}: 0;
208
208
  ${_styledcomponents.avatarTokens.statusIconSize}: 0;
209
+ ${_styledcomponents.avatarTokens.borderRadius}: 50%;
210
+ `
211
+ },
212
+ focused: {
213
+ true: (0, _styledcomponents.css)`
214
+ ${_styledcomponents.avatarTokens.outlineSize}: 0.1rem;
215
+ ${_styledcomponents.avatarTokens.outlineOffset}: -0.2rem;
216
+ ${_styledcomponents.avatarTokens.outlineColor}: var(--surface-accent);
209
217
  `
210
218
  },
211
219
  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
@@ -286,7 +286,7 @@ const config = {
286
286
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
287
287
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
288
288
 
289
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
289
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
290
290
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
291
291
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
292
292
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -408,7 +408,7 @@ const config = {
408
408
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
409
409
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
410
410
 
411
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
411
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
412
412
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
413
413
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
414
414
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -530,7 +530,7 @@ const config = {
530
530
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
531
531
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
532
532
 
533
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
533
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
534
534
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
535
535
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
536
536
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -652,7 +652,7 @@ const config = {
652
652
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
653
653
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
654
654
 
655
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
655
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
656
656
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
657
657
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
658
658
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Segment/SegmentItem.config.js CHANGED
@@ -78,7 +78,7 @@ const config = {
78
78
  ${_styledcomponents.segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);
79
79
  ${_styledcomponents.segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);
80
80
 
81
- ${_styledcomponents.segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
81
+ ${_styledcomponents.segmentTokens.outlineFocusColor}: var(--text-accent);
82
82
  `
83
83
  },
84
84
  size: {
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -419,7 +419,7 @@ const config = {
419
419
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
420
420
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
421
421
 
422
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
422
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
423
423
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
424
424
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
425
425
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -545,7 +545,7 @@ const config = {
545
545
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
546
546
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
547
547
 
548
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
548
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
549
549
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
550
550
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
551
551
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -671,7 +671,7 @@ const config = {
671
671
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
672
672
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
673
673
 
674
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
674
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
675
675
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
676
676
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
677
677
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -797,7 +797,7 @@ const config = {
797
797
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
798
798
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
799
799
 
800
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
800
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
801
801
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
802
802
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
803
803
  ${_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
@@ -180,7 +180,7 @@ const config = {
180
180
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
181
181
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
182
182
 
183
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
183
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
184
184
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
185
185
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
186
186
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -273,7 +273,7 @@ const config = {
273
273
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
274
274
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
275
275
 
276
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
276
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
277
277
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
278
278
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
279
279
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -358,7 +358,7 @@ const config = {
358
358
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
359
359
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
360
360
 
361
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
361
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
362
362
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
363
363
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
364
364
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -443,7 +443,7 @@ const config = {
443
443
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
444
444
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
445
445
 
446
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
446
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
447
447
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
448
448
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
449
449
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -528,7 +528,7 @@ const config = {
528
528
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
529
529
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
530
530
 
531
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
531
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
532
532
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
533
533
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
534
534
  ${_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
@@ -230,7 +230,7 @@ export const config = {
230
230
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
231
231
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
232
232
 
233
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
233
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
234
234
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
235
235
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
236
236
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -306,7 +306,7 @@ export const config = {
306
306
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
307
307
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
308
308
 
309
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
309
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
310
310
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
311
311
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
312
312
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -382,7 +382,7 @@ export const config = {
382
382
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
383
383
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
384
384
 
385
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
385
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
386
386
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
387
387
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
388
388
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -458,7 +458,7 @@ export const config = {
458
458
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
459
459
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
460
460
 
461
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
461
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
462
462
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
463
463
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
464
464
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Avatar/Avatar.config.js CHANGED
@@ -196,6 +196,14 @@ export const config = {
196
196
  ${tokens.fontWeight}: 0;
197
197
  ${tokens.lineHeight}: 0;
198
198
  ${tokens.statusIconSize}: 0;
199
+ ${tokens.borderRadius}: 50%;
200
+ `
201
+ },
202
+ focused: {
203
+ true: css`
204
+ ${tokens.outlineSize}: 0.1rem;
205
+ ${tokens.outlineOffset}: -0.2rem;
206
+ ${tokens.outlineColor}: var(--surface-accent);
199
207
  `
200
208
  },
201
209
  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
@@ -276,7 +276,7 @@ export const config = {
276
276
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
277
277
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
278
278
 
279
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
279
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
280
280
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
281
281
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
282
282
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -398,7 +398,7 @@ export const config = {
398
398
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
399
399
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
400
400
 
401
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
401
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
402
402
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
403
403
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
404
404
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -520,7 +520,7 @@ export const config = {
520
520
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
521
521
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
522
522
 
523
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
523
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
524
524
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
525
525
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
526
526
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -642,7 +642,7 @@ export const config = {
642
642
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
643
643
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
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);
package/dist/styled-components/es/components/Segment/SegmentItem.config.js CHANGED
@@ -68,7 +68,7 @@ export const config = {
68
68
  ${segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);
69
69
  ${segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);
70
70
 
71
- ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
71
+ ${segmentTokens.outlineFocusColor}: var(--text-accent);
72
72
  `
73
73
  },
74
74
  size: {
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -409,7 +409,7 @@ export const config = {
409
409
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
410
410
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
411
411
 
412
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
412
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
413
413
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
414
414
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
415
415
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -535,7 +535,7 @@ export const config = {
535
535
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
536
536
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
537
537
 
538
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
538
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
539
539
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
540
540
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
541
541
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -661,7 +661,7 @@ export const config = {
661
661
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
662
662
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
663
663
 
664
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
664
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
665
665
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
666
666
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
667
667
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -787,7 +787,7 @@ export const config = {
787
787
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
788
788
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
789
789
 
790
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
790
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
791
791
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
792
792
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
793
793
  ${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
@@ -170,7 +170,7 @@ export const config = {
170
170
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
171
171
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
172
172
 
173
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
173
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
174
174
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
175
175
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
176
176
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -263,7 +263,7 @@ export const config = {
263
263
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
264
264
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
265
265
 
266
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
266
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
267
267
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
268
268
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
269
269
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -348,7 +348,7 @@ export const config = {
348
348
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
349
349
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
350
350
 
351
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
351
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
352
352
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
353
353
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
354
354
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -433,7 +433,7 @@ export const config = {
433
433
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
434
434
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
435
435
 
436
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
436
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
437
437
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
438
438
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
439
439
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -518,7 +518,7 @@ export const config = {
518
518
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
519
519
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
520
520
 
521
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
521
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
522
522
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
523
523
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
524
524
  ${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);