@salutejs/plasma-web 1.623.0-next-sbcom.0 → 1.623.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 (187) 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_13vski9.css → Autocomplete.config_uodtf7.css} +4 -4
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +14 -14
  5. package/dist/css/cjs/components/Combobox/Combobox.config.js +12 -6
  6. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  7. package/dist/css/cjs/components/Combobox/Combobox.config_14dgqhm.css +18 -0
  8. package/dist/css/cjs/components/Combobox/Combobox.css +17 -14
  9. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
  10. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
  11. package/dist/css/{es/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css → cjs/components/DateTimePicker/DateTimePicker.clear.config_czd4rv.css} +1 -1
  12. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  13. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  14. package/dist/css/{es/components/DateTimePicker/DateTimePicker.config_iix93o.css → cjs/components/DateTimePicker/DateTimePicker.config_nc19tz.css} +1 -1
  15. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +26 -26
  16. package/dist/css/cjs/components/LinkButton/LinkButton.config.js +10 -9
  17. package/dist/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
  18. package/dist/css/cjs/components/LinkButton/{LinkButton.config_1ygbj3k.css → LinkButton.config_1csy5mj.css} +8 -7
  19. package/dist/css/cjs/components/LinkButton/LinkButton.css +14 -13
  20. package/dist/css/cjs/components/Mask/Mask.css +42 -42
  21. package/dist/css/cjs/components/Note/Note.config.js +25 -3
  22. package/dist/css/cjs/components/Note/Note.config.js.map +1 -1
  23. package/dist/css/cjs/components/Note/Note.config_1npwity.css +15 -0
  24. package/dist/css/cjs/components/Note/Note.css +15 -9
  25. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  26. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  27. package/dist/css/cjs/components/Select/{Select.config_1p7imk.css → Select.config_hcz1r3.css} +4 -4
  28. package/dist/css/cjs/components/Select/Select.css +23 -23
  29. package/dist/css/cjs/components/Slider/Slider.config.js +9 -3
  30. package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
  31. package/dist/css/cjs/components/Slider/{Slider.config_qicxvs.css → Slider.config_trw4yv.css} +7 -4
  32. package/dist/css/cjs/components/Slider/Slider.css +10 -7
  33. package/dist/css/cjs/components/Steps/StepItem.config.js +22 -0
  34. package/dist/css/cjs/components/Steps/StepItem.config.js.map +1 -0
  35. package/dist/css/cjs/components/Steps/StepItem.config_qzqyof.css +5 -0
  36. package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
  37. package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
  38. package/dist/css/cjs/components/Steps/{Steps.config_1thzvf2.css → Steps.config_wv1w99.css} +4 -4
  39. package/dist/css/cjs/components/Steps/Steps.css +20 -14
  40. package/dist/css/cjs/components/Steps/Steps.js +5 -1
  41. package/dist/css/cjs/components/Steps/Steps.js.map +1 -1
  42. package/dist/css/cjs/components/TextField/TextField.clear.config.js +1 -1
  43. package/dist/css/cjs/components/TextField/TextField.clear.config.js.map +1 -1
  44. package/dist/css/{es/components/TextField/TextField.clear.config_ejh45q.css → cjs/components/TextField/TextField.clear.config_hts9jh.css} +10 -10
  45. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  46. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  47. package/dist/css/cjs/components/TextField/{TextField.config_mvxa7v.css → TextField.config_ikc8as.css} +10 -10
  48. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  49. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  50. package/dist/css/cjs/components/TextFieldGroup/{TextFieldGroup.config_bqnchd.css → TextFieldGroup.config_154fdzu.css} +4 -4
  51. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +9 -9
  52. package/dist/css/cjs/index.css +198 -179
  53. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  54. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  55. package/dist/css/es/components/Autocomplete/{Autocomplete.config_13vski9.css → Autocomplete.config_uodtf7.css} +4 -4
  56. package/dist/css/es/components/Autocomplete/Autocomplete.css +14 -14
  57. package/dist/css/es/components/Combobox/Combobox.config.js +12 -6
  58. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  59. package/dist/css/es/components/Combobox/Combobox.config_14dgqhm.css +18 -0
  60. package/dist/css/es/components/Combobox/Combobox.css +17 -14
  61. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
  62. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
  63. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css → es/components/DateTimePicker/DateTimePicker.clear.config_czd4rv.css} +1 -1
  64. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  65. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  66. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.config_iix93o.css → es/components/DateTimePicker/DateTimePicker.config_nc19tz.css} +1 -1
  67. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +26 -26
  68. package/dist/css/es/components/LinkButton/LinkButton.config.js +10 -9
  69. package/dist/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
  70. package/dist/css/es/components/LinkButton/{LinkButton.config_1ygbj3k.css → LinkButton.config_1csy5mj.css} +8 -7
  71. package/dist/css/es/components/LinkButton/LinkButton.css +14 -13
  72. package/dist/css/es/components/Mask/Mask.css +42 -42
  73. package/dist/css/es/components/Note/Note.config.js +25 -3
  74. package/dist/css/es/components/Note/Note.config.js.map +1 -1
  75. package/dist/css/es/components/Note/Note.config_1npwity.css +15 -0
  76. package/dist/css/es/components/Note/Note.css +15 -9
  77. package/dist/css/es/components/Select/Select.config.js +1 -1
  78. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  79. package/dist/css/es/components/Select/{Select.config_1p7imk.css → Select.config_hcz1r3.css} +4 -4
  80. package/dist/css/es/components/Select/Select.css +23 -23
  81. package/dist/css/es/components/Slider/Slider.config.js +9 -3
  82. package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
  83. package/dist/css/es/components/Slider/{Slider.config_qicxvs.css → Slider.config_trw4yv.css} +7 -4
  84. package/dist/css/es/components/Slider/Slider.css +10 -7
  85. package/dist/css/es/components/Steps/StepItem.config.js +18 -0
  86. package/dist/css/es/components/Steps/StepItem.config.js.map +1 -0
  87. package/dist/css/es/components/Steps/StepItem.config_qzqyof.css +5 -0
  88. package/dist/css/es/components/Steps/Steps.config.js +1 -1
  89. package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
  90. package/dist/css/es/components/Steps/{Steps.config_1thzvf2.css → Steps.config_wv1w99.css} +4 -4
  91. package/dist/css/es/components/Steps/Steps.css +20 -14
  92. package/dist/css/es/components/Steps/Steps.js +5 -1
  93. package/dist/css/es/components/Steps/Steps.js.map +1 -1
  94. package/dist/css/es/components/TextField/TextField.clear.config.js +1 -1
  95. package/dist/css/es/components/TextField/TextField.clear.config.js.map +1 -1
  96. package/dist/css/{cjs/components/TextField/TextField.clear.config_ejh45q.css → es/components/TextField/TextField.clear.config_hts9jh.css} +10 -10
  97. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  98. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  99. package/dist/css/es/components/TextField/{TextField.config_mvxa7v.css → TextField.config_ikc8as.css} +10 -10
  100. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  101. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  102. package/dist/css/es/components/TextFieldGroup/{TextFieldGroup.config_bqnchd.css → TextFieldGroup.config_154fdzu.css} +4 -4
  103. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +9 -9
  104. package/dist/css/es/index.css +198 -179
  105. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +28 -28
  106. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +76 -28
  107. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  108. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +2 -0
  109. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +11 -0
  110. package/dist/styled-components/cjs/components/Note/Note.config.js +54 -7
  111. package/dist/styled-components/cjs/components/Select/Select.config.js +28 -28
  112. package/dist/styled-components/cjs/components/Slider/Slider.config.js +17 -13
  113. package/dist/styled-components/cjs/components/Steps/StepItem.config.js +70 -0
  114. package/dist/styled-components/cjs/components/Steps/Steps.config.js +0 -20
  115. package/dist/styled-components/cjs/components/Steps/Steps.js +5 -1
  116. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +35 -40
  117. package/dist/styled-components/cjs/components/TextField/TextField.config.js +35 -40
  118. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  119. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +28 -28
  120. package/dist/styled-components/es/components/Combobox/Combobox.config.js +76 -28
  121. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  122. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +2 -0
  123. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +11 -0
  124. package/dist/styled-components/es/components/Note/Note.config.js +54 -7
  125. package/dist/styled-components/es/components/Select/Select.config.js +28 -28
  126. package/dist/styled-components/es/components/Slider/Slider.config.js +17 -13
  127. package/dist/styled-components/es/components/Steps/StepItem.config.js +60 -0
  128. package/dist/styled-components/es/components/Steps/Steps.config.js +0 -20
  129. package/dist/styled-components/es/components/Steps/Steps.js +5 -1
  130. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +35 -40
  131. package/dist/styled-components/es/components/TextField/TextField.config.js +35 -40
  132. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  133. package/package.json +14 -15
  134. package/types/components/Accordion/Accordion.d.ts +1 -1
  135. package/types/components/Autocomplete/Autocomplete.d.ts +8 -16
  136. package/types/components/Calendar/Calendar.d.ts +2 -2
  137. package/types/components/Cell/Cell.d.ts +3 -3
  138. package/types/components/Combobox/Combobox.config.d.ts +6 -0
  139. package/types/components/Combobox/Combobox.d.ts +13 -0
  140. package/types/components/DatePicker/DatePicker.d.ts +8 -8
  141. package/types/components/LinkButton/LinkButton.config.d.ts +1 -0
  142. package/types/components/LinkButton/LinkButton.d.ts +1 -0
  143. package/types/components/Mask/Mask.d.ts +0 -16
  144. package/types/components/Note/Note.config.d.ts +10 -0
  145. package/types/components/Note/Note.d.ts +6 -0
  146. package/types/components/Slider/Slider.config.d.ts +6 -0
  147. package/types/components/Slider/Slider.d.ts +9 -2
  148. package/types/components/Steps/StepItem.config.d.ts +14 -0
  149. package/types/components/TextArea/TextArea.d.ts +0 -32
  150. package/types/components/TextField/TextField.d.ts +0 -32
  151. package/types/components/TimePicker/TimePicker.d.ts +6 -2
  152. package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
  153. package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
  154. package/dist/css/cjs/components/Combobox/Combobox.config_wefmg3.css +0 -15
  155. package/dist/css/cjs/components/Note/Note.config_2754qm.css +0 -9
  156. package/dist/css/es/components/Combobox/Combobox.config_wefmg3.css +0 -15
  157. package/dist/css/es/components/Note/Note.config_2754qm.css +0 -9
  158. package/dist/styled-components/cjs/components/Badge/Badge.perftest.js +0 -32
  159. package/dist/styled-components/cjs/components/Button/Button.perftest.js +0 -57
  160. package/dist/styled-components/cjs/components/Calendar/Calendar.perftest.js +0 -116
  161. package/dist/styled-components/cjs/components/Checkbox/Checkbox.perftest.js +0 -35
  162. package/dist/styled-components/cjs/components/ElasticGrid/ElasticGrid.perftest.js +0 -50
  163. package/dist/styled-components/cjs/components/Modal/Modal.perftest.js +0 -34
  164. package/dist/styled-components/cjs/components/PreviewGallery/PreviewGallery.perftest.js +0 -111
  165. package/dist/styled-components/cjs/components/Radiobox/Radiobox.perftest.js +0 -40
  166. package/dist/styled-components/cjs/components/Select/Select.perftest.js +0 -49
  167. package/dist/styled-components/cjs/components/Switch/Switch.perftest.js +0 -39
  168. package/dist/styled-components/cjs/components/Tabs/Tabs.perftest.js +0 -78
  169. package/dist/styled-components/cjs/components/TextArea/TextArea.perftest.js +0 -41
  170. package/dist/styled-components/cjs/components/TextField/TextField.perftest.js +0 -59
  171. package/dist/styled-components/cjs/components/Tooltip/Tooltip.perftest.js +0 -89
  172. package/dist/styled-components/cjs/components/Upload/Upload.perftest.js +0 -46
  173. package/dist/styled-components/es/components/Badge/Badge.perftest.js +0 -17
  174. package/dist/styled-components/es/components/Button/Button.perftest.js +0 -34
  175. package/dist/styled-components/es/components/Calendar/Calendar.perftest.js +0 -90
  176. package/dist/styled-components/es/components/Checkbox/Checkbox.perftest.js +0 -20
  177. package/dist/styled-components/es/components/ElasticGrid/ElasticGrid.perftest.js +0 -35
  178. package/dist/styled-components/es/components/Modal/Modal.perftest.js +0 -20
  179. package/dist/styled-components/es/components/PreviewGallery/PreviewGallery.perftest.js +0 -85
  180. package/dist/styled-components/es/components/Radiobox/Radiobox.perftest.js +0 -25
  181. package/dist/styled-components/es/components/Select/Select.perftest.js +0 -34
  182. package/dist/styled-components/es/components/Switch/Switch.perftest.js +0 -24
  183. package/dist/styled-components/es/components/Tabs/Tabs.perftest.js +0 -55
  184. package/dist/styled-components/es/components/TextArea/TextArea.perftest.js +0 -26
  185. package/dist/styled-components/es/components/TextField/TextField.perftest.js +0 -36
  186. package/dist/styled-components/es/components/Tooltip/Tooltip.perftest.js +0 -74
  187. package/dist/styled-components/es/components/Upload/Upload.perftest.js +0 -31
package/dist/styled-components/cjs/components/Steps/Steps.config.js CHANGED
@@ -102,11 +102,6 @@ const config = {
102
102
  ${_styledcomponents.stepsTokens.contentVerticalPadding}: 1.0625rem;
103
103
  ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
104
104
 
105
- ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 1rem;
106
- ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.625rem;
107
- ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1.5rem;
108
- ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 1.25rem;
109
-
110
105
  ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
111
106
  ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
112
107
  ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -149,11 +144,6 @@ const config = {
149
144
  ${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.875rem;
150
145
  ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
151
146
 
152
- ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.75rem;
153
- ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.4375rem;
154
- ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1.25rem;
155
- ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 1.125rem;
156
-
157
147
  ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
158
148
  ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
159
149
  ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -196,11 +186,6 @@ const config = {
196
186
  ${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.6875rem;
197
187
  ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
198
188
 
199
- ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.5rem;
200
- ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.5rem;
201
- ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1rem;
202
- ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 0.75rem;
203
-
204
189
  ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
205
190
  ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
206
191
  ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -243,11 +228,6 @@ const config = {
243
228
  ${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.5625rem;
244
229
  ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
245
230
 
246
- ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.25rem;
247
- ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.25rem;
248
- ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 0.75rem;
249
- ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 0.5rem;
250
-
251
231
  ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
252
232
  ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
253
233
  ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Steps/Steps.js CHANGED
@@ -9,7 +9,11 @@ Object.defineProperty(exports, "Steps", {
9
9
  }
10
10
  });
11
11
  const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const _StepItemconfig = require("./StepItem.config");
12
13
  const _Stepsconfig = require("./Steps.config");
13
- const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.stepsConfig, _Stepsconfig.config);
14
+ const mergedItemConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.stepItemConfig, _StepItemconfig.config);
15
+ const StepItem = (0, _styledcomponents.component)(mergedItemConfig);
16
+ const stepsConfig = (0, _styledcomponents.stepsConfig)(StepItem);
17
+ const mergedConfig = (0, _styledcomponents.mergeConfig)(stepsConfig, _Stepsconfig.config);
14
18
  const StepsComponent = (0, _styledcomponents.component)(mergedConfig);
15
19
  const Steps = StepsComponent;
package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js CHANGED
@@ -31,7 +31,6 @@ const config = {
31
31
  ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
32
32
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
33
33
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-secondary);
34
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
35
34
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
36
35
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
37
36
 
@@ -61,7 +60,6 @@ const config = {
61
60
  ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
62
61
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
63
62
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-positive);
64
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
65
63
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
66
64
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
67
65
 
@@ -95,7 +93,6 @@ const config = {
95
93
  ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
96
94
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
97
95
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-warning);
98
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
99
96
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
100
97
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
101
98
 
@@ -129,7 +126,6 @@ const config = {
129
126
  ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
130
127
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
131
128
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-negative);
132
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
133
129
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
134
130
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
135
131
 
@@ -191,13 +187,13 @@ const config = {
191
187
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
192
188
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
193
189
 
194
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
195
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
196
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
197
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
198
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
199
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
200
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
190
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
191
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
192
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
193
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
194
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
195
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
196
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
201
197
 
202
198
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
203
199
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
@@ -275,13 +271,13 @@ const config = {
275
271
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
276
272
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
277
273
 
278
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
279
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
280
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
281
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
282
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
283
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
284
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
274
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
275
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
276
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
277
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
278
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
279
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
280
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
285
281
 
286
282
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
287
283
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -351,13 +347,13 @@ const config = {
351
347
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
352
348
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
353
349
 
354
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
355
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
356
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
357
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
358
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
359
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
360
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
350
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
351
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
352
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
353
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
354
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
355
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
356
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
361
357
 
362
358
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
363
359
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -427,13 +423,13 @@ const config = {
427
423
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
428
424
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
429
425
 
430
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
431
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
432
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
433
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
434
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
435
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
436
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
426
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
427
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
428
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
429
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
430
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
431
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
432
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
437
433
 
438
434
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.3125rem 0 0 0;
439
435
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -503,13 +499,13 @@ const config = {
503
499
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
504
500
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
505
501
 
506
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
507
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
508
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
509
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
510
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
511
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
512
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
502
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
503
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
504
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
505
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
506
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
507
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
508
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
513
509
 
514
510
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.3125rem 0 0 0;
515
511
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -726,7 +722,6 @@ const config = {
726
722
  ${_styledcomponents.textFieldTokens.backgroundColorReadOnly}: transparent;
727
723
  ${_styledcomponents.textFieldTokens.placeholderColorReadOnly}: var(--text-secondary);
728
724
  ${_styledcomponents.textFieldTokens.leftHelperColorReadOnly}: var(--text-secondary);
729
- ${_styledcomponents.textFieldTokens.rightHelperColorReadOnly}: var(--text-secondary);
730
725
  ${_styledcomponents.textFieldTokens.titleCaptionColorReadOnly}: var(--text-secondary);
731
726
  ${_styledcomponents.textFieldTokens.labelColorReadOnly}: var(--text-primary);
732
727
  ${_styledcomponents.textFieldTokens.dividerColorReadOnly}: var(--surface-transparent-primary);
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -25,7 +25,6 @@ const config = {
25
25
  ${_styledcomponents.textFieldTokens.placeholderColorFocus}: var(--text-tertiary);
26
26
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
27
27
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-secondary);
28
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
29
28
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
30
29
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
31
30
 
@@ -56,7 +55,6 @@ const config = {
56
55
  ${_styledcomponents.textFieldTokens.placeholderColorFocus}: var(--text-tertiary);
57
56
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
58
57
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-positive);
59
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
60
58
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
61
59
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
62
60
 
@@ -87,7 +85,6 @@ const config = {
87
85
  ${_styledcomponents.textFieldTokens.placeholderColorFocus}: var(--text-tertiary);
88
86
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
89
87
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-warning);
90
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
91
88
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
92
89
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
93
90
 
@@ -118,7 +115,6 @@ const config = {
118
115
  ${_styledcomponents.textFieldTokens.placeholderColorFocus}: var(--text-tertiary);
119
116
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
120
117
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-negative);
121
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
122
118
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
123
119
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
124
120
 
@@ -180,13 +176,13 @@ const config = {
180
176
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
181
177
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
182
178
 
183
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
184
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
185
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
186
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
187
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
188
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
189
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
179
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
180
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
181
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
182
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
183
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
184
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
185
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
190
186
 
191
187
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
192
188
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
@@ -265,13 +261,13 @@ const config = {
265
261
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
266
262
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
267
263
 
268
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
269
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
270
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
271
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
272
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
273
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
274
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
264
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
265
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
266
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
267
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
268
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
269
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
270
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
275
271
 
276
272
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
277
273
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -342,13 +338,13 @@ const config = {
342
338
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
343
339
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
344
340
 
345
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
346
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
347
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
348
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
349
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
350
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
351
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
341
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
342
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
343
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
344
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
345
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
346
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
347
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
352
348
 
353
349
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
354
350
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -419,13 +415,13 @@ const config = {
419
415
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
420
416
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
421
417
 
422
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
423
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
424
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
425
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
426
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
427
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
428
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
418
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
419
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
420
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
421
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
422
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
423
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
424
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
429
425
 
430
426
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.3125rem 0 0 0;
431
427
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -496,13 +492,13 @@ const config = {
496
492
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
497
493
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
498
494
 
499
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
500
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
501
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
502
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
503
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
504
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
505
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
495
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
496
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
497
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
498
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
499
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
500
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
501
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
506
502
 
507
503
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.3125rem 0 0 0;
508
504
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -720,7 +716,6 @@ const config = {
720
716
  ${_styledcomponents.textFieldTokens.borderColorReadOnly}: var(--outline-read-only);
721
717
  ${_styledcomponents.textFieldTokens.placeholderColorReadOnly}: var(--text-secondary);
722
718
  ${_styledcomponents.textFieldTokens.leftHelperColorReadOnly}: var(--text-secondary);
723
- ${_styledcomponents.textFieldTokens.rightHelperColorReadOnly}: var(--text-secondary);
724
719
  ${_styledcomponents.textFieldTokens.titleCaptionColorReadOnly}: var(--text-secondary);
725
720
  ${_styledcomponents.textFieldTokens.labelColorReadOnly}: var(--text-primary);
726
721
  ${_styledcomponents.textFieldTokens.dividerColorReadOnly}: var(--outline-read-only);
package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -45,13 +45,13 @@ 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.helpersPadding}: 0.25rem 0 0 0;
49
- ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
50
- ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
51
- ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
52
- ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
53
- ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
54
- ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
48
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
49
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
50
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
51
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
52
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
53
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
54
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
55
55
 
56
56
  ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
57
57
  ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -101,13 +101,13 @@ 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.helpersPadding}: 0.25rem 0 0 0;
105
- ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
106
- ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
107
- ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
108
- ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
109
- ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
110
- ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
104
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
105
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
106
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
107
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
108
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
109
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
110
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
111
111
 
112
112
  ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
113
113
  ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -157,13 +157,13 @@ 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.helpersPadding}: 0.25rem 0 0 0;
161
- ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
162
- ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
163
- ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
164
- ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
165
- ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
166
- ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
160
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
161
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
162
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
163
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
164
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
165
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
166
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
167
167
 
168
168
  ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.3125rem 0 0 0;
169
169
  ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -213,13 +213,13 @@ 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.helpersPadding}: 0.25rem 0 0 0;
217
- ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
218
- ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
219
- ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
220
- ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
221
- ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
222
- ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
216
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
217
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
218
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
219
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
220
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
221
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
222
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
223
223
 
224
224
  ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.3125rem 0 0 0;
225
225
  ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -230,13 +230,13 @@ 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.textFieldHelpersPadding}: 0.25rem 0 0 0;
234
- ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
235
- ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
236
- ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
237
- ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
238
- ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
239
- ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
233
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem;
234
+ ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
235
+ ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
236
+ ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
237
+ ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
238
+ ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
239
+ ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
240
240
 
241
241
  ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
242
242
  ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -306,13 +306,13 @@ 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.textFieldHelpersPadding}: 0.25rem 0 0 0;
310
- ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
311
- ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
312
- ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
313
- ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
314
- ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
315
- ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
309
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem;
310
+ ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
311
+ ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
312
+ ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
313
+ ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
314
+ ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
315
+ ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
316
316
 
317
317
  ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
318
318
  ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -382,13 +382,13 @@ 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.textFieldHelpersPadding}: 0.25rem 0 0 0;
386
- ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
387
- ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
388
- ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
389
- ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
390
- ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
391
- ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
385
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem;
386
+ ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
387
+ ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
388
+ ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
389
+ ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
390
+ ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
391
+ ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
392
392
 
393
393
  ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
394
394
  ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -458,13 +458,13 @@ 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.textFieldHelpersPadding}: 0.25rem 0 0 0;
462
- ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
463
- ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
464
- ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
465
- ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
466
- ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
467
- ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
461
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem;
462
+ ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
463
+ ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
464
+ ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
465
+ ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
466
+ ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
467
+ ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
468
468
 
469
469
  ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
470
470
  ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;