@salutejs/plasma-new-hope 0.344.0-canary.2402.20441017793.0 → 0.344.0-canary.2403.20455152253.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 (414) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +26 -26
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  3. package/dist/css/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  4. package/dist/css/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  5. package/dist/css/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  6. package/dist/css/cjs/components/Autocomplete/ui/TextField/TextField.styles_oleegh.css +1 -0
  7. package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.css +26 -26
  8. package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -2
  9. package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  10. package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  11. package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  12. package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  13. package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  14. package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_1r643gn.css +1 -0
  15. package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.css +26 -26
  16. package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -26
  17. package/dist/css/cjs/components/DatePicker/SingleDate/SingleDate.css +25 -25
  18. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +32 -32
  19. package/dist/css/cjs/components/DateTimePicker/ui/Input/Input.css +25 -25
  20. package/dist/css/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.css +7 -7
  21. package/dist/css/cjs/components/Pagination/Pagination.css +29 -29
  22. package/dist/css/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +29 -29
  23. package/dist/css/cjs/components/Range/Range.css +26 -26
  24. package/dist/css/cjs/components/Range/variations/_readonly/base.js +1 -1
  25. package/dist/css/cjs/components/Range/variations/_readonly/base.js.map +1 -1
  26. package/dist/css/cjs/components/Range/variations/_readonly/base_sjb43y.css +1 -0
  27. package/dist/css/cjs/components/Rating/utils/getIcons.js +1 -0
  28. package/dist/css/cjs/components/Rating/utils/getIcons.js.map +1 -1
  29. package/dist/css/cjs/components/Select/Select.css +29 -29
  30. package/dist/css/cjs/components/Select/Select.js +5 -1
  31. package/dist/css/cjs/components/Select/Select.js.map +1 -1
  32. package/dist/css/cjs/components/Select/Select.tokens.js +1 -0
  33. package/dist/css/cjs/components/Select/Select.tokens.js.map +1 -1
  34. package/dist/css/cjs/components/Select/ui/Target/Target.css +29 -29
  35. package/dist/css/cjs/components/Select/ui/Target/Target.js +2 -0
  36. package/dist/css/cjs/components/Select/ui/Target/Target.js.map +1 -1
  37. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +29 -29
  38. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
  39. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  40. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -11
  41. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  42. package/dist/css/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_19e9015.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q5q8aa.css} +1 -1
  43. package/dist/css/cjs/components/Slider/Slider.css +25 -25
  44. package/dist/css/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +25 -25
  45. package/dist/css/cjs/components/Table/Table.css +29 -29
  46. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +29 -29
  47. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +29 -29
  48. package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +29 -29
  49. package/dist/css/cjs/components/TextArea/TextArea.js +3 -1
  50. package/dist/css/cjs/components/TextArea/TextArea.js.map +1 -1
  51. package/dist/css/cjs/components/TextArea/TextArea.styles.js +5 -5
  52. package/dist/css/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  53. package/dist/css/cjs/components/TextArea/{TextArea.styles_exqsyh.css → TextArea.styles_j6drga.css} +1 -1
  54. package/dist/css/cjs/components/TextArea/TextArea.tokens.js +4 -1
  55. package/dist/css/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  56. package/dist/css/cjs/components/TextArea/ui/Hint/Hint.css +22 -22
  57. package/dist/css/cjs/components/TextField/TextField.js +3 -1
  58. package/dist/css/cjs/components/TextField/TextField.js.map +1 -1
  59. package/dist/css/cjs/components/TextField/TextField.styles.js +5 -5
  60. package/dist/css/cjs/components/TextField/TextField.styles.js.map +1 -1
  61. package/dist/css/cjs/components/TextField/{TextField.styles_1pu4eym.css → TextField.styles_s18fd2.css} +1 -1
  62. package/dist/css/cjs/components/TextField/TextField.tokens.js +5 -0
  63. package/dist/css/cjs/components/TextField/TextField.tokens.js.map +1 -1
  64. package/dist/css/cjs/components/TextField/ui/Hint/Hint.css +22 -22
  65. package/dist/css/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
  66. package/dist/css/cjs/components/TextField/variations/_read-only/base.js +1 -1
  67. package/dist/css/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  68. package/dist/css/cjs/components/TextField/variations/_read-only/base_1ys6zet.css +1 -0
  69. package/dist/css/cjs/components/TextField/variations/_view/base.js +1 -1
  70. package/dist/css/cjs/components/TextField/variations/_view/base.js.map +1 -1
  71. package/dist/css/cjs/components/TextField/variations/_view/base_19qf9jc.css +1 -0
  72. package/dist/css/cjs/components/TimePicker/TimePicker.css +36 -36
  73. package/dist/css/cjs/components/TimePicker/TimePicker.styles.js +3 -3
  74. package/dist/css/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
  75. package/dist/css/{es/components/TimePicker/TimePicker.styles_1qm4hou.css → cjs/components/TimePicker/TimePicker.styles_5l5u0m.css} +1 -1
  76. package/dist/css/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
  77. package/dist/css/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
  78. package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.css +7 -7
  79. package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
  80. package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -1
  81. package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -7
  82. package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +3 -3
  83. package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -1
  84. package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_pwqkan.css +7 -0
  85. package/dist/css/cjs/index.css +66 -66
  86. package/dist/css/cjs/index.js +2 -0
  87. package/dist/css/cjs/index.js.map +1 -1
  88. package/dist/css/cjs/mixins/typography.js +13 -0
  89. package/dist/css/cjs/mixins/typography.js.map +1 -1
  90. package/dist/css/es/components/Autocomplete/Autocomplete.css +26 -26
  91. package/dist/css/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  92. package/dist/css/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  93. package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  94. package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  95. package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles_oleegh.css +1 -0
  96. package/dist/css/es/components/Combobox/ComboboxNew/Combobox.css +26 -26
  97. package/dist/css/es/components/Combobox/ComboboxNew/Combobox.js +3 -2
  98. package/dist/css/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  99. package/dist/css/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  100. package/dist/css/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  101. package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  102. package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  103. package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_1r643gn.css +1 -0
  104. package/dist/css/es/components/DatePicker/RangeDate/RangeDate.css +26 -26
  105. package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -26
  106. package/dist/css/es/components/DatePicker/SingleDate/SingleDate.css +25 -25
  107. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +32 -32
  108. package/dist/css/es/components/DateTimePicker/ui/Input/Input.css +25 -25
  109. package/dist/css/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.css +7 -7
  110. package/dist/css/es/components/Pagination/Pagination.css +29 -29
  111. package/dist/css/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +29 -29
  112. package/dist/css/es/components/Range/Range.css +26 -26
  113. package/dist/css/es/components/Range/variations/_readonly/base.js +1 -1
  114. package/dist/css/es/components/Range/variations/_readonly/base.js.map +1 -1
  115. package/dist/css/es/components/Range/variations/_readonly/base_sjb43y.css +1 -0
  116. package/dist/css/es/components/Rating/utils/getIcons.js +1 -0
  117. package/dist/css/es/components/Rating/utils/getIcons.js.map +1 -1
  118. package/dist/css/es/components/Select/Select.css +29 -29
  119. package/dist/css/es/components/Select/Select.js +5 -1
  120. package/dist/css/es/components/Select/Select.js.map +1 -1
  121. package/dist/css/es/components/Select/Select.tokens.js +1 -0
  122. package/dist/css/es/components/Select/Select.tokens.js.map +1 -1
  123. package/dist/css/es/components/Select/ui/Target/Target.css +29 -29
  124. package/dist/css/es/components/Select/ui/Target/Target.js +2 -0
  125. package/dist/css/es/components/Select/ui/Target/Target.js.map +1 -1
  126. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.css +29 -29
  127. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
  128. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  129. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -11
  130. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  131. package/dist/css/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_19e9015.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q5q8aa.css} +1 -1
  132. package/dist/css/es/components/Slider/Slider.css +25 -25
  133. package/dist/css/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +25 -25
  134. package/dist/css/es/components/Table/Table.css +29 -29
  135. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +29 -29
  136. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +29 -29
  137. package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +29 -29
  138. package/dist/css/es/components/TextArea/TextArea.js +3 -1
  139. package/dist/css/es/components/TextArea/TextArea.js.map +1 -1
  140. package/dist/css/es/components/TextArea/TextArea.styles.js +5 -5
  141. package/dist/css/es/components/TextArea/TextArea.styles.js.map +1 -1
  142. package/dist/css/es/components/TextArea/{TextArea.styles_exqsyh.css → TextArea.styles_j6drga.css} +1 -1
  143. package/dist/css/es/components/TextArea/TextArea.tokens.js +4 -1
  144. package/dist/css/es/components/TextArea/TextArea.tokens.js.map +1 -1
  145. package/dist/css/es/components/TextArea/ui/Hint/Hint.css +22 -22
  146. package/dist/css/es/components/TextField/TextField.js +3 -1
  147. package/dist/css/es/components/TextField/TextField.js.map +1 -1
  148. package/dist/css/es/components/TextField/TextField.styles.js +5 -5
  149. package/dist/css/es/components/TextField/TextField.styles.js.map +1 -1
  150. package/dist/css/es/components/TextField/{TextField.styles_1pu4eym.css → TextField.styles_s18fd2.css} +1 -1
  151. package/dist/css/es/components/TextField/TextField.tokens.js +5 -0
  152. package/dist/css/es/components/TextField/TextField.tokens.js.map +1 -1
  153. package/dist/css/es/components/TextField/ui/Hint/Hint.css +22 -22
  154. package/dist/css/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
  155. package/dist/css/es/components/TextField/variations/_read-only/base.js +1 -1
  156. package/dist/css/es/components/TextField/variations/_read-only/base.js.map +1 -1
  157. package/dist/css/es/components/TextField/variations/_read-only/base_1ys6zet.css +1 -0
  158. package/dist/css/es/components/TextField/variations/_view/base.js +1 -1
  159. package/dist/css/es/components/TextField/variations/_view/base.js.map +1 -1
  160. package/dist/css/es/components/TextField/variations/_view/base_19qf9jc.css +1 -0
  161. package/dist/css/es/components/TimePicker/TimePicker.css +36 -36
  162. package/dist/css/es/components/TimePicker/TimePicker.styles.js +3 -3
  163. package/dist/css/es/components/TimePicker/TimePicker.styles.js.map +1 -1
  164. package/dist/css/{cjs/components/TimePicker/TimePicker.styles_1qm4hou.css → es/components/TimePicker/TimePicker.styles_5l5u0m.css} +1 -1
  165. package/dist/css/es/components/TimePicker/TimePicker.tokens.js +1 -0
  166. package/dist/css/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
  167. package/dist/css/es/components/TimePickerGrid/TimePickerGrid.css +7 -7
  168. package/dist/css/es/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
  169. package/dist/css/es/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -1
  170. package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -7
  171. package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +3 -3
  172. package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -1
  173. package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_pwqkan.css +7 -0
  174. package/dist/css/es/index.css +66 -66
  175. package/dist/css/es/index.js +1 -1
  176. package/dist/css/es/mixins/typography.js +12 -1
  177. package/dist/css/es/mixins/typography.js.map +1 -1
  178. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  179. package/dist/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +2 -2
  180. package/dist/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -2
  181. package/dist/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  182. package/dist/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
  183. package/dist/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
  184. package/dist/emotion/cjs/components/Rating/utils/getIcons.js +1 -0
  185. package/dist/emotion/cjs/components/Select/Select.js +5 -1
  186. package/dist/emotion/cjs/components/Select/Select.tokens.js +1 -0
  187. package/dist/emotion/cjs/components/Select/ui/Target/Target.js +2 -1
  188. package/dist/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  189. package/dist/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -8
  190. package/dist/emotion/cjs/components/TextArea/TextArea.js +4 -2
  191. package/dist/emotion/cjs/components/TextArea/TextArea.styles.js +48 -48
  192. package/dist/emotion/cjs/components/TextArea/TextArea.tokens.js +3 -1
  193. package/dist/emotion/cjs/components/TextField/TextField.js +4 -2
  194. package/dist/emotion/cjs/components/TextField/TextField.styles.js +46 -46
  195. package/dist/emotion/cjs/components/TextField/TextField.tokens.js +5 -0
  196. package/dist/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  197. package/dist/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  198. package/dist/emotion/cjs/components/TimePicker/TimePicker.styles.js +9 -9
  199. package/dist/emotion/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
  200. package/dist/emotion/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
  201. package/dist/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +20 -14
  202. package/dist/emotion/cjs/examples/components/Accordion/Accordion.config.js +11 -10
  203. package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  204. package/dist/emotion/cjs/examples/components/Rating/Rating.config.js +16 -15
  205. package/dist/emotion/cjs/examples/components/Skeleton/LineSkeleton.config.js +20 -19
  206. package/dist/emotion/cjs/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +15 -14
  207. package/dist/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -16
  208. package/dist/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabs.config.js +16 -15
  209. package/dist/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
  210. package/dist/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +6 -6
  211. package/dist/emotion/cjs/examples/components/typography/components/Heading/Heading.config.js +6 -5
  212. package/dist/emotion/cjs/mixins/typography.js +17 -0
  213. package/dist/emotion/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  214. package/dist/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +2 -2
  215. package/dist/emotion/es/components/Combobox/ComboboxNew/Combobox.js +3 -2
  216. package/dist/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  217. package/dist/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
  218. package/dist/emotion/es/components/Range/variations/_readonly/base.js +1 -1
  219. package/dist/emotion/es/components/Rating/utils/getIcons.js +1 -0
  220. package/dist/emotion/es/components/Select/Select.js +5 -1
  221. package/dist/emotion/es/components/Select/Select.tokens.js +1 -0
  222. package/dist/emotion/es/components/Select/ui/Target/Target.js +2 -1
  223. package/dist/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  224. package/dist/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -8
  225. package/dist/emotion/es/components/TextArea/TextArea.js +4 -2
  226. package/dist/emotion/es/components/TextArea/TextArea.styles.js +48 -48
  227. package/dist/emotion/es/components/TextArea/TextArea.tokens.js +3 -1
  228. package/dist/emotion/es/components/TextField/TextField.js +4 -2
  229. package/dist/emotion/es/components/TextField/TextField.styles.js +46 -46
  230. package/dist/emotion/es/components/TextField/TextField.tokens.js +5 -0
  231. package/dist/emotion/es/components/TextField/variations/_read-only/base.js +1 -1
  232. package/dist/emotion/es/components/TextField/variations/_view/base.js +2 -2
  233. package/dist/emotion/es/components/TimePicker/TimePicker.styles.js +9 -9
  234. package/dist/emotion/es/components/TimePicker/TimePicker.tokens.js +1 -0
  235. package/dist/emotion/es/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
  236. package/dist/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +20 -14
  237. package/dist/emotion/es/examples/components/Accordion/Accordion.config.js +11 -10
  238. package/dist/emotion/es/examples/components/Rating/Rating.config.js +16 -15
  239. package/dist/emotion/es/examples/components/Skeleton/LineSkeleton.config.js +20 -19
  240. package/dist/emotion/es/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +15 -14
  241. package/dist/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -16
  242. package/dist/emotion/es/examples/components/Tabs/horizontal/HorizontalTabs.config.js +16 -15
  243. package/dist/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
  244. package/dist/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +6 -6
  245. package/dist/emotion/es/examples/components/typography/components/Heading/Heading.config.js +6 -5
  246. package/dist/emotion/es/mixins/typography.js +11 -0
  247. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  248. package/dist/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +4 -2
  249. package/dist/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -2
  250. package/dist/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  251. package/dist/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +4 -2
  252. package/dist/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
  253. package/dist/styled-components/cjs/components/Rating/utils/getIcons.js +1 -0
  254. package/dist/styled-components/cjs/components/Select/Select.js +5 -1
  255. package/dist/styled-components/cjs/components/Select/Select.tokens.js +1 -0
  256. package/dist/styled-components/cjs/components/Select/ui/Target/Target.js +2 -1
  257. package/dist/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  258. package/dist/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +6 -7
  259. package/dist/styled-components/cjs/components/TextArea/TextArea.js +3 -1
  260. package/dist/styled-components/cjs/components/TextArea/TextArea.styles.js +28 -26
  261. package/dist/styled-components/cjs/components/TextArea/TextArea.tokens.js +3 -1
  262. package/dist/styled-components/cjs/components/TextField/TextField.js +3 -1
  263. package/dist/styled-components/cjs/components/TextField/TextField.styles.js +28 -25
  264. package/dist/styled-components/cjs/components/TextField/TextField.tokens.js +5 -0
  265. package/dist/styled-components/cjs/components/TextField/variations/_read-only/base.js +2 -2
  266. package/dist/styled-components/cjs/components/TextField/variations/_view/base.js +6 -3
  267. package/dist/styled-components/cjs/components/TimePicker/TimePicker.styles.js +7 -5
  268. package/dist/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
  269. package/dist/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
  270. package/dist/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +18 -11
  271. package/dist/styled-components/cjs/examples/components/Accordion/Accordion.config.js +19 -0
  272. package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  273. package/dist/styled-components/cjs/examples/components/Rating/Rating.config.js +27 -0
  274. package/dist/styled-components/cjs/examples/components/Skeleton/LineSkeleton.config.js +5 -0
  275. package/dist/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +7 -0
  276. package/dist/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -0
  277. package/dist/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabs.config.js +8 -0
  278. package/dist/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +2 -1
  279. package/dist/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +2 -1
  280. package/dist/styled-components/cjs/examples/components/typography/components/Heading/Heading.config.js +11 -0
  281. package/dist/styled-components/cjs/mixins/typography.js +17 -0
  282. package/dist/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  283. package/dist/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +4 -2
  284. package/dist/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +3 -2
  285. package/dist/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  286. package/dist/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +4 -2
  287. package/dist/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
  288. package/dist/styled-components/es/components/Rating/utils/getIcons.js +1 -0
  289. package/dist/styled-components/es/components/Select/Select.js +5 -1
  290. package/dist/styled-components/es/components/Select/Select.tokens.js +1 -0
  291. package/dist/styled-components/es/components/Select/ui/Target/Target.js +2 -1
  292. package/dist/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  293. package/dist/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +6 -7
  294. package/dist/styled-components/es/components/TextArea/TextArea.js +3 -1
  295. package/dist/styled-components/es/components/TextArea/TextArea.styles.js +28 -26
  296. package/dist/styled-components/es/components/TextArea/TextArea.tokens.js +3 -1
  297. package/dist/styled-components/es/components/TextField/TextField.js +3 -1
  298. package/dist/styled-components/es/components/TextField/TextField.styles.js +28 -25
  299. package/dist/styled-components/es/components/TextField/TextField.tokens.js +5 -0
  300. package/dist/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  301. package/dist/styled-components/es/components/TextField/variations/_view/base.js +7 -4
  302. package/dist/styled-components/es/components/TimePicker/TimePicker.styles.js +7 -5
  303. package/dist/styled-components/es/components/TimePicker/TimePicker.tokens.js +1 -0
  304. package/dist/styled-components/es/components/TimePickerGrid/TimePickerGrid.tokens.js +1 -0
  305. package/dist/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +18 -11
  306. package/dist/styled-components/es/examples/components/Accordion/Accordion.config.js +19 -0
  307. package/dist/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  308. package/dist/styled-components/es/examples/components/Rating/Rating.config.js +27 -0
  309. package/dist/styled-components/es/examples/components/Skeleton/LineSkeleton.config.js +5 -0
  310. package/dist/styled-components/es/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +7 -0
  311. package/dist/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -0
  312. package/dist/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabs.config.js +8 -0
  313. package/dist/styled-components/es/examples/components/TimePicker/TimePicker.config.js +2 -1
  314. package/dist/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +2 -1
  315. package/dist/styled-components/es/examples/components/typography/components/Heading/Heading.config.js +11 -0
  316. package/dist/styled-components/es/mixins/typography.js +11 -0
  317. package/package.json +5 -5
  318. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +1 -0
  319. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
  320. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  321. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  322. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
  323. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  324. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -0
  325. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  326. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  327. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -0
  328. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  329. package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
  330. package/types/components/Rating/utils/getIcons.d.ts.map +1 -1
  331. package/types/components/Select/Select.d.ts.map +1 -1
  332. package/types/components/Select/Select.tokens.d.ts +1 -0
  333. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  334. package/types/components/Select/Select.types.d.ts +5 -0
  335. package/types/components/Select/Select.types.d.ts.map +1 -1
  336. package/types/components/Select/ui/Target/Target.d.ts +1 -1
  337. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  338. package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
  339. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  340. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  341. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  342. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  343. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  344. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +6 -0
  345. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  346. package/types/components/Tabs/TabItem.types.d.ts +2 -2
  347. package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
  348. package/types/components/Tabs/Tabs.types.d.ts +1 -1
  349. package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
  350. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  351. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  352. package/types/components/TextArea/TextArea.tokens.d.ts +3 -0
  353. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  354. package/types/components/TextField/TextField.d.ts.map +1 -1
  355. package/types/components/TextField/TextField.styles.d.ts +3 -1
  356. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  357. package/types/components/TextField/TextField.tokens.d.ts +5 -0
  358. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  359. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  360. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  361. package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
  362. package/types/components/TimePicker/TimePicker.tokens.d.ts +1 -0
  363. package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
  364. package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts +1 -0
  365. package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts.map +1 -1
  366. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -1
  367. package/types/examples/components/Accordion/Accordion.config.d.ts +1 -0
  368. package/types/examples/components/Accordion/Accordion.config.d.ts.map +1 -1
  369. package/types/examples/components/Accordion/Accordion.d.ts +1 -0
  370. package/types/examples/components/Accordion/Accordion.d.ts.map +1 -1
  371. package/types/examples/components/Combobox/Combobox.d.ts +24 -0
  372. package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
  373. package/types/examples/components/Editable/Editable.d.ts +1 -0
  374. package/types/examples/components/Editable/Editable.d.ts.map +1 -1
  375. package/types/examples/components/Rating/Rating.config.d.ts +1 -0
  376. package/types/examples/components/Rating/Rating.config.d.ts.map +1 -1
  377. package/types/examples/components/Rating/Rating.d.ts +1 -0
  378. package/types/examples/components/Rating/Rating.d.ts.map +1 -1
  379. package/types/examples/components/Select/Select.d.ts +6 -0
  380. package/types/examples/components/Select/Select.d.ts.map +1 -1
  381. package/types/examples/components/Skeleton/LineSkeleton.config.d.ts +1 -0
  382. package/types/examples/components/Skeleton/LineSkeleton.config.d.ts.map +1 -1
  383. package/types/examples/components/Skeleton/Skeleton.d.ts +2 -0
  384. package/types/examples/components/Skeleton/Skeleton.d.ts.map +1 -1
  385. package/types/examples/components/Tabs/TabItem.d.ts +3 -1
  386. package/types/examples/components/Tabs/TabItem.d.ts.map +1 -1
  387. package/types/examples/components/Tabs/Tabs.d.ts +1 -0
  388. package/types/examples/components/Tabs/Tabs.d.ts.map +1 -1
  389. package/types/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +1 -0
  390. package/types/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts.map +1 -1
  391. package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +1 -0
  392. package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  393. package/types/examples/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
  394. package/types/examples/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -1
  395. package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
  396. package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts.map +1 -1
  397. package/types/examples/components/typography/components/Heading/Heading.config.d.ts +1 -0
  398. package/types/examples/components/typography/components/Heading/Heading.config.d.ts.map +1 -1
  399. package/types/examples/components/typography/components/Heading/Heading.d.ts +1 -0
  400. package/types/examples/components/typography/components/Heading/Heading.d.ts.map +1 -1
  401. package/types/mixins/typography.d.ts +16 -0
  402. package/types/mixins/typography.d.ts.map +1 -1
  403. package/dist/css/cjs/components/Autocomplete/ui/TextField/TextField.styles_baeqws.css +0 -1
  404. package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css +0 -1
  405. package/dist/css/cjs/components/Range/variations/_readonly/base_15u5q5r.css +0 -1
  406. package/dist/css/cjs/components/TextField/variations/_read-only/base_2lss3j.css +0 -1
  407. package/dist/css/cjs/components/TextField/variations/_view/base_1twy16p.css +0 -1
  408. package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +0 -7
  409. package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles_baeqws.css +0 -1
  410. package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css +0 -1
  411. package/dist/css/es/components/Range/variations/_readonly/base_15u5q5r.css +0 -1
  412. package/dist/css/es/components/TextField/variations/_read-only/base_2lss3j.css +0 -1
  413. package/dist/css/es/components/TextField/variations/_view/base_1twy16p.css +0 -1
  414. package/dist/css/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +0 -7
@@ -21,7 +21,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
21
21
  var TextField = (0, _engines.component)(mergedConfig);
22
22
  var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
23
23
  displayName: "Target.styles__StyledTextField",
24
- componentId: "sc-e19acd42-0"
24
+ componentId: "sc-7d38a6d6-0"
25
25
  })([
26
26
  "",
27
27
  ":var(",
@@ -327,5 +327,7 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
327
327
  ":var(",
328
328
  ");",
329
329
  ":var(",
330
+ ");",
331
+ ":var(",
330
332
  ");"
331
- ], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Comboboxtokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Comboboxtokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);
333
+ ], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorFocus, _Comboboxtokens.tokens.textFieldLeftHelperColorFocus, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Comboboxtokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Comboboxtokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);
@@ -13,7 +13,7 @@ var _Rangetokens = require("../../Range.tokens");
13
13
  var _Rangestyles = require("../../Range.styles");
14
14
  var base = (0, _styledcomponents.css)([
15
15
  "&[readonly]{cursor:default;",
16
- "{position:relative;box-shadow:none;background:transparent;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
16
+ "{position:relative;background:transparent;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
17
17
  ");box-shadow:inset 0 0 0 var(",
18
18
  ",1px) var(",
19
19
  ");background:var(",
@@ -61,6 +61,7 @@ var iconMap = function(componentSize) {
61
61
  case 'h3':
62
62
  case 'h4':
63
63
  case 'h5':
64
+ case 'h6':
64
65
  case 'l':
65
66
  case 'm':
66
67
  return {
@@ -178,7 +178,7 @@ var selectRoot = function(Root) {
178
178
  return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
179
179
  var _getItemByFocused;
180
180
  var // eslint-disable-block @typescript-eslint/ban-ts-comment
181
- id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
181
+ id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, contentRight = props.contentRight, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
182
182
  _offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
183
183
  // @ts-ignore
184
184
  required = props.required, // @ts-ignore
@@ -215,6 +215,7 @@ var selectRoot = function(Root) {
215
215
  "listMaxHeight",
216
216
  "listWidth",
217
217
  "contentLeft",
218
+ "contentRight",
218
219
  "onScrollBottom",
219
220
  "onScroll",
220
221
  "chipView",
@@ -523,6 +524,8 @@ var selectRoot = function(Root) {
523
524
  chipView: chipView,
524
525
  disabled: disabled,
525
526
  readOnly: readOnly,
527
+ hintView: hintView,
528
+ hintSize: hintSize,
526
529
  id: id,
527
530
  ref: rootRef
528
531
  }, rest), name && /*#__PURE__*/ _react.default.createElement(_SelectNative.SelectNative, {
@@ -573,6 +576,7 @@ var selectRoot = function(Root) {
573
576
  labelPlacement: labelPlacement,
574
577
  size: size,
575
578
  contentLeft: contentLeft,
579
+ contentRight: contentRight,
576
580
  disabled: disabled,
577
581
  readOnly: readOnly,
578
582
  renderValue: renderValue,
@@ -162,6 +162,7 @@ var tokens = {
162
162
  textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',
163
163
  textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',
164
164
  textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',
165
+ textFieldLeftHelperColorFocus: '--plasma-select-textfield-left-helper-color-focus',
165
166
  textFieldLeftHelperColorReadOnly: '--plasma-select-textfield__left-helper-color-readonly',
166
167
  textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',
167
168
  textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',
@@ -53,7 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
53
53
  return newObj;
54
54
  }
55
55
  var Target = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
56
- var value = param.value, opened = param.opened, valueToItemMap = param.valueToItemMap, label = param.label, placeholder = param.placeholder, onKeyDown = param.onKeyDown, labelPlacement = param.labelPlacement, size = param.size, contentLeft = param.contentLeft, disabled = param.disabled, readOnly = param.readOnly, renderValue = param.renderValue, selectProps = param.selectProps, inputWrapperRef = param.inputWrapperRef, multiselect = param.multiselect, view = param.view, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, isTargetAmount = param.isTargetAmount, onChange = param.onChange, chipView = param.chipView, separator = param.separator, requiredProps = param.requiredProps, hintProps = param.hintProps;
56
+ var value = param.value, opened = param.opened, valueToItemMap = param.valueToItemMap, label = param.label, placeholder = param.placeholder, onKeyDown = param.onKeyDown, labelPlacement = param.labelPlacement, size = param.size, contentLeft = param.contentLeft, contentRight = param.contentRight, disabled = param.disabled, readOnly = param.readOnly, renderValue = param.renderValue, selectProps = param.selectProps, inputWrapperRef = param.inputWrapperRef, multiselect = param.multiselect, view = param.view, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, isTargetAmount = param.isTargetAmount, onChange = param.onChange, chipView = param.chipView, separator = param.separator, requiredProps = param.requiredProps, hintProps = param.hintProps;
57
57
  var buttonRef = (0, _plasmacore.useForkRef)(ref, inputWrapperRef);
58
58
  if (selectProps.renderTarget) {
59
59
  return /*#__PURE__*/ _react.default.createElement("div", {
@@ -89,6 +89,7 @@ var Target = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
89
89
  size: size,
90
90
  view: view,
91
91
  contentLeft: contentLeft,
92
+ contentRight: contentRight,
92
93
  helperText: helperText,
93
94
  treeId: treeId,
94
95
  activeDescendantItemValue: activeDescendantItemValue,
@@ -113,7 +113,7 @@ function _object_spread_props(target, source) {
113
113
  return target;
114
114
  }
115
115
  var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
116
- var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps, chipClickArea = param.chipClickArea;
116
+ var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, contentRight = param.contentRight, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps, chipClickArea = param.chipClickArea;
117
117
  var withArrowInverse = opened ? _Selecttokens.classes.arrowInverse : undefined;
118
118
  var getValue = function() {
119
119
  var _valueToItemMap_get;
@@ -193,7 +193,7 @@ var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
193
193
  keepPlaceholder: keepPlaceholder,
194
194
  placeholder: _instanceof(value, Array) && value.length ? '' : placeholder,
195
195
  contentLeft: contentLeft,
196
- contentRight: /*#__PURE__*/ _react.default.createElement(_Textfieldstyles.IconArrowWrapper, {
196
+ contentRight: contentRight || contentRight !== undefined ? contentRight : /*#__PURE__*/ _react.default.createElement(_Textfieldstyles.IconArrowWrapper, {
197
197
  disabled: disabled,
198
198
  readOnly: readOnly
199
199
  }, /*#__PURE__*/ _react.default.createElement(_Textfieldstyles.StyledArrow, {
@@ -39,7 +39,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
39
39
  var TextField = (0, _engines.component)(mergedConfig);
40
40
  var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
41
41
  displayName: "Textfield.styles__StyledTextField",
42
- componentId: "sc-504ad6c9-0"
42
+ componentId: "sc-1adbc556-0"
43
43
  })([
44
44
  "",
45
45
  ":var(",
@@ -353,8 +353,7 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
353
353
  ":var(",
354
354
  ");",
355
355
  ":var(",
356
- ");",
357
- ":none;}"
356
+ ");}"
358
357
  ], _TextField.textFieldTokens.color, _Selecttokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Selecttokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.borderColor, _Selecttokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.placeholderColor, _Selecttokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.labelColor, _Selecttokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.leftHelperColor, _Selecttokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColorReadOnly, function(param) {
359
358
  var opened = param.opened;
360
359
  return opened ? "var(".concat(_Selecttokens.tokens.textFieldBackgroundColorFocus, ")") : "var(".concat(_Selecttokens.tokens.textFieldBackgroundColor, ")");
@@ -367,10 +366,10 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
367
366
  }, _TextField.textFieldTokens.placeholderColor, _Selecttokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.borderColorHover, _Selecttokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Selecttokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.optionalColor, _Selecttokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Selecttokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Selecttokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Selecttokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Selecttokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Selecttokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Selecttokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Selecttokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Selecttokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Selecttokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Selecttokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Selecttokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Selecttokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Selecttokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Selecttokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Selecttokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Selecttokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Selecttokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Selecttokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Selecttokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Selecttokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Selecttokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Selecttokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelOffset, _Selecttokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Selecttokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Selecttokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Selecttokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Selecttokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Selecttokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Selecttokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Selecttokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Selecttokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Selecttokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Selecttokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Selecttokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Selecttokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Selecttokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Selecttokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Selecttokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Selecttokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Selecttokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Selecttokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Selecttokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Selecttokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Selecttokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Selecttokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _Selecttokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Selecttokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Selecttokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Selecttokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Selecttokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Selecttokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Selecttokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Selecttokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Selecttokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Selecttokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Selecttokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Selecttokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Selecttokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Selecttokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Selecttokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Selecttokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Selecttokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Selecttokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Selecttokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Selecttokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Selecttokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Selecttokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Selecttokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Selecttokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Selecttokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Selecttokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Selecttokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Selecttokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Selecttokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Selecttokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Selecttokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Selecttokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Selecttokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Selecttokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Selecttokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Selecttokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Selecttokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Selecttokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Selecttokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Selecttokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Selecttokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Selecttokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Selecttokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipColor, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorHover, _Selecttokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackground, _Selecttokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundHover, _Selecttokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipBackgroundActive, _Selecttokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Selecttokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Selecttokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Selecttokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Selecttokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Selecttokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Selecttokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Selecttokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Selecttokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Selecttokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Selecttokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Selecttokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Selecttokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Selecttokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Selecttokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipClearContentMarginLeft, _Selecttokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Selecttokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.indicatorColor, _Selecttokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Selecttokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Selecttokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Selecttokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Selecttokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Selecttokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Selecttokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Selecttokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Selecttokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Selecttokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.focusColor, _Selecttokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.boxShadow, function(param) {
368
367
  var disabled = param.disabled;
369
368
  return disabled ? 'none' : "var(".concat(_Selecttokens.tokens.textFieldBoxShadow, ")");
370
- }, _Selecttokens.tokens.textFieldBackgroundColorFocus, _Selecttokens.classes.readOnly, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Selecttokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Selecttokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Selecttokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _Selecttokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _Selecttokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Selecttokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Selecttokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Selecttokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _Selecttokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.boxShadow);
369
+ }, _Selecttokens.tokens.textFieldBackgroundColorFocus, _Selecttokens.classes.readOnly, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Selecttokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Selecttokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Selecttokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _Selecttokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _Selecttokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Selecttokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Selecttokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Selecttokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _Selecttokens.tokens.textFieldChipOpacityReadonly);
371
370
  var IconArrowWrapper = _styledcomponents.default.div.withConfig({
372
371
  displayName: "Textfield.styles__IconArrowWrapper",
373
- componentId: "sc-504ad6c9-1"
372
+ componentId: "sc-1adbc556-1"
374
373
  })([
375
374
  "line-height:0;color:var(",
376
375
  ");cursor:",
@@ -394,7 +393,7 @@ var sizeMap = {
394
393
  };
395
394
  var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
396
395
  displayName: "Textfield.styles__StyledArrow",
397
- componentId: "sc-504ad6c9-2"
396
+ componentId: "sc-1adbc556-2"
398
397
  })([
399
398
  "width:",
400
399
  ";height:",
@@ -408,7 +407,7 @@ var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentere
408
407
  });
409
408
  var StyledLeftHelper = _styledcomponents.default.span.withConfig({
410
409
  displayName: "Textfield.styles__StyledLeftHelper",
411
- componentId: "sc-504ad6c9-3"
410
+ componentId: "sc-1adbc556-3"
412
411
  })([
413
412
  "margin:0;padding:0;"
414
413
  ]);
@@ -476,7 +476,9 @@ var textAreaRoot = function(Root) {
476
476
  })), hasHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHelpers, {
477
477
  className: styledHelpers,
478
478
  id: textareaHelperId
479
- }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledRightHelper, {
479
+ }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledLeftHelper, {
480
+ className: focused ? _TextAreatokens.classes.leftHelperFocus : ''
481
+ }, leftHelper || helperText), rightHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledRightHelper, {
480
482
  "data-root": true
481
483
  }, rightHelper)), !hasHeader && placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
482
484
  hasContentRight: Boolean(contentRight),
@@ -96,13 +96,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
96
96
  var Tooltip = (0, _engines.component)(mergedConfig);
97
97
  var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
98
98
  displayName: "TextArea.styles__Hint",
99
- componentId: "sc-5fcd62a1-0"
99
+ componentId: "sc-621ad7e5-0"
100
100
  })([
101
101
  ""
102
102
  ]);
103
103
  var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
104
104
  displayName: "TextArea.styles__OuterLabelWrapper",
105
- componentId: "sc-5fcd62a1-1"
105
+ componentId: "sc-621ad7e5-1"
106
106
  })([
107
107
  "display:flex;align-items:center;max-width:",
108
108
  ";margin-bottom:",
@@ -116,7 +116,7 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
116
116
  });
117
117
  var StyledLabel = _styledcomponents.default.div.withConfig({
118
118
  displayName: "TextArea.styles__StyledLabel",
119
- componentId: "sc-5fcd62a1-2"
119
+ componentId: "sc-621ad7e5-2"
120
120
  })([
121
121
  "position:relative;display:inline-flex;color:var(",
122
122
  ",var(",
@@ -136,7 +136,7 @@ var StyledLabel = _styledcomponents.default.div.withConfig({
136
136
  ], _TextAreatokens.tokens.labelOuterColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.labelOuterFontFamily, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.labelOuterFontSize, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.labelOuterFontStyle, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.labelOuterFontWeight, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.labelOuterLetterSpacing, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.labelOuterLineHeight, _TextAreatokens.tokens.inputLineHeight);
137
137
  var TitleCaption = _styledcomponents.default.div.withConfig({
138
138
  displayName: "TextArea.styles__TitleCaption",
139
- componentId: "sc-5fcd62a1-3"
139
+ componentId: "sc-621ad7e5-3"
140
140
  })([
141
141
  "display:inline-block;margin-left:auto;font-family:var(",
142
142
  ");font-size:var(",
@@ -148,13 +148,13 @@ var TitleCaption = _styledcomponents.default.div.withConfig({
148
148
  ], _TextAreatokens.tokens.titleCaptionFontFamily, _TextAreatokens.tokens.titleCaptionFontSize, _TextAreatokens.tokens.titleCaptionFontStyle, _TextAreatokens.tokens.titleCaptionFontWeight, _TextAreatokens.tokens.titleCaptionLetterSpacing, _TextAreatokens.tokens.titleCaptionLineHeight);
149
149
  var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
150
150
  displayName: "TextArea.styles__StyledIndicatorWrapper",
151
- componentId: "sc-5fcd62a1-4"
151
+ componentId: "sc-621ad7e5-4"
152
152
  })([
153
153
  "position:relative;display:inline-flex;align-items:center;"
154
154
  ]);
155
155
  var StyledOptionalText = _styledcomponents.default.span.withConfig({
156
156
  displayName: "TextArea.styles__StyledOptionalText",
157
- componentId: "sc-5fcd62a1-5"
157
+ componentId: "sc-621ad7e5-5"
158
158
  })([
159
159
  "color:var(",
160
160
  ");font-family:",
@@ -185,7 +185,7 @@ var StyledOptionalText = _styledcomponents.default.span.withConfig({
185
185
  });
186
186
  var StyledHintWrapper = _styledcomponents.default.div.withConfig({
187
187
  displayName: "TextArea.styles__StyledHintWrapper",
188
- componentId: "sc-5fcd62a1-6"
188
+ componentId: "sc-621ad7e5-6"
189
189
  })([
190
190
  "display:inline-flex;line-height:0;margin:var(",
191
191
  ");&.",
@@ -194,7 +194,7 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
194
194
  ], _TextAreatokens.tokens.hintMargin, _TextAreatokens.classes.innerLabelPlacement, _TextAreatokens.tokens.hintInnerLabelPlacementOffset);
195
195
  var HintTargetWrapper = _styledcomponents.default.div.withConfig({
196
196
  displayName: "TextArea.styles__HintTargetWrapper",
197
- componentId: "sc-5fcd62a1-7"
197
+ componentId: "sc-621ad7e5-7"
198
198
  })([
199
199
  "color:var(",
200
200
  ");width:var(",
@@ -203,13 +203,13 @@ var HintTargetWrapper = _styledcomponents.default.div.withConfig({
203
203
  ], _TextAreatokens.tokens.hintIconColor, _TextAreatokens.tokens.hintTargetSize, _TextAreatokens.tokens.hintTargetSize);
204
204
  var HintIconWrapper = _styledcomponents.default.div.withConfig({
205
205
  displayName: "TextArea.styles__HintIconWrapper",
206
- componentId: "sc-5fcd62a1-8"
206
+ componentId: "sc-621ad7e5-8"
207
207
  })([
208
208
  ""
209
209
  ]);
210
210
  var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
211
211
  displayName: "TextArea.styles__StyledTextAreaWrapper",
212
- componentId: "sc-5fcd62a1-9"
212
+ componentId: "sc-621ad7e5-9"
213
213
  })([
214
214
  "display:flex;flex-direction:column;background-color:var(",
215
215
  ");padding-top:",
@@ -228,7 +228,7 @@ var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
228
228
  });
229
229
  var StyledContentWrapper = _styledcomponents.default.div.withConfig({
230
230
  displayName: "TextArea.styles__StyledContentWrapper",
231
- componentId: "sc-5fcd62a1-10"
231
+ componentId: "sc-621ad7e5-10"
232
232
  })([
233
233
  "position:relative;width:100%;height:0;padding-top:",
234
234
  ";"
@@ -238,7 +238,7 @@ var StyledContentWrapper = _styledcomponents.default.div.withConfig({
238
238
  });
239
239
  var StyledContent = _styledcomponents.default.div.withConfig({
240
240
  displayName: "TextArea.styles__StyledContent",
241
- componentId: "sc-5fcd62a1-11"
241
+ componentId: "sc-621ad7e5-11"
242
242
  })([
243
243
  "position:absolute;display:flex;align-items:center;z-index:1;color:var(",
244
244
  ",var(",
@@ -252,27 +252,27 @@ var StyledContent = _styledcomponents.default.div.withConfig({
252
252
  }, _TextAreatokens.tokens.rightContentRight, _TextAreatokens.tokens.rightContentHeight);
253
253
  var StyledHeaderSlot = _styledcomponents.default.div.withConfig({
254
254
  displayName: "TextArea.styles__StyledHeaderSlot",
255
- componentId: "sc-5fcd62a1-12"
255
+ componentId: "sc-621ad7e5-12"
256
256
  })([
257
257
  "display:flex;flex-direction:column;"
258
258
  ]);
259
259
  var DividerWrapper = _styledcomponents.default.div.withConfig({
260
260
  displayName: "TextArea.styles__DividerWrapper",
261
- componentId: "sc-5fcd62a1-13"
261
+ componentId: "sc-621ad7e5-13"
262
262
  })([
263
263
  "background:var(",
264
264
  ");"
265
265
  ], _TextAreatokens.tokens.backgroundColor);
266
266
  var Divider = _styledcomponents.default.div.withConfig({
267
267
  displayName: "TextArea.styles__Divider",
268
- componentId: "sc-5fcd62a1-14"
268
+ componentId: "sc-621ad7e5-14"
269
269
  })([
270
270
  "height:0.0625rem;background:var(",
271
271
  ");"
272
272
  ], _TextAreatokens.tokens.dividerColor);
273
273
  var StyledContainer = _styledcomponents.default.div.withConfig({
274
274
  displayName: "TextArea.styles__StyledContainer",
275
- componentId: "sc-5fcd62a1-15"
275
+ componentId: "sc-621ad7e5-15"
276
276
  })([
277
277
  "display:inline-flex;flex-direction:column;width:",
278
278
  ";position:relative;"
@@ -282,7 +282,7 @@ var StyledContainer = _styledcomponents.default.div.withConfig({
282
282
  });
283
283
  var StyledTextArea = _styledcomponents.default.textarea.withConfig({
284
284
  displayName: "TextArea.styles__StyledTextArea",
285
- componentId: "sc-5fcd62a1-16"
285
+ componentId: "sc-621ad7e5-16"
286
286
  })([
287
287
  "display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
288
288
  ");caret-color:var(",
@@ -345,7 +345,7 @@ var StyledTextArea = _styledcomponents.default.textarea.withConfig({
345
345
  }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight, _TextAreatokens.tokens.inputColorFocus, _TextAreatokens.tokens.scrollbarWidth, _TextAreatokens.tokens.scrollbarThumbBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth, _TextAreatokens.tokens.scrollbarTrackBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth);
346
346
  var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
347
347
  displayName: "TextArea.styles__StyledHiddenTextArea",
348
- componentId: "sc-5fcd62a1-17"
348
+ componentId: "sc-621ad7e5-17"
349
349
  })([
350
350
  "max-height:none !important;min-height:var(",
351
351
  ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
@@ -363,7 +363,7 @@ var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
363
363
  }, _TextAreatokens.tokens.inputPaddingLeft, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
364
364
  var StyledHelpers = _styledcomponents.default.div.withConfig({
365
365
  displayName: "TextArea.styles__StyledHelpers",
366
- componentId: "sc-5fcd62a1-18"
366
+ componentId: "sc-621ad7e5-18"
367
367
  })([
368
368
  "box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
369
369
  ");padding-top:var(",
@@ -376,14 +376,14 @@ var StyledHelpers = _styledcomponents.default.div.withConfig({
376
376
  ], _TextAreatokens.tokens.helpersBackgroundColor, _TextAreatokens.tokens.helpersPaddingTop, _TextAreatokens.tokens.helpersPaddingRight, _TextAreatokens.tokens.helpersPaddingBottom, _TextAreatokens.tokens.helpersPaddingLeft, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.borderRadius);
377
377
  var StyledOutsideHelpersWrapper = _styledcomponents.default.div.withConfig({
378
378
  displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
379
- componentId: "sc-5fcd62a1-19"
379
+ componentId: "sc-621ad7e5-19"
380
380
  })([
381
381
  "box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
382
382
  ");"
383
383
  ], _TextAreatokens.tokens.clearHelpersPaddingTop);
384
384
  var StyledLeftHelper = _styledcomponents.default.span.withConfig({
385
385
  displayName: "TextArea.styles__StyledLeftHelper",
386
- componentId: "sc-5fcd62a1-20"
386
+ componentId: "sc-621ad7e5-20"
387
387
  })([
388
388
  "",
389
389
  ";display:block;font-family:var(",
@@ -393,18 +393,20 @@ var StyledLeftHelper = _styledcomponents.default.span.withConfig({
393
393
  ");letter-spacing:var(",
394
394
  ");line-height:var(",
395
395
  ");color:var(",
396
- ");"
397
- ], (0, _mixins.applyEllipsis)(), _TextAreatokens.tokens.helpersFontFamily, _TextAreatokens.tokens.helpersFontSize, _TextAreatokens.tokens.helpersFontStyle, _TextAreatokens.tokens.helpersFontWeight, _TextAreatokens.tokens.helpersLetterSpacing, _TextAreatokens.tokens.helpersLineHeight, _TextAreatokens.tokens.leftHelperColor);
396
+ ");&.",
397
+ "{color:var(",
398
+ ");}"
399
+ ], (0, _mixins.applyEllipsis)(), _TextAreatokens.tokens.helpersFontFamily, _TextAreatokens.tokens.helpersFontSize, _TextAreatokens.tokens.helpersFontStyle, _TextAreatokens.tokens.helpersFontWeight, _TextAreatokens.tokens.helpersLetterSpacing, _TextAreatokens.tokens.helpersLineHeight, _TextAreatokens.tokens.leftHelperColor, _TextAreatokens.classes.leftHelperFocus, _TextAreatokens.tokens.leftHelperColorFocus);
398
400
  var StyledRightHelper = (0, _styledcomponents.default)(StyledLeftHelper).withConfig({
399
401
  displayName: "TextArea.styles__StyledRightHelper",
400
- componentId: "sc-5fcd62a1-21"
402
+ componentId: "sc-621ad7e5-21"
401
403
  })([
402
404
  "color:var(",
403
405
  ");margin-left:auto;"
404
406
  ], _TextAreatokens.tokens.rightHelperColor);
405
407
  var StyledPlaceholder = _styledcomponents.default.label.withConfig({
406
408
  displayName: "TextArea.styles__StyledPlaceholder",
407
- componentId: "sc-5fcd62a1-22"
409
+ componentId: "sc-621ad7e5-22"
408
410
  })([
409
411
  "box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(",
410
412
  ");width:100%;height:auto;top:var(",
@@ -423,7 +425,7 @@ var StyledPlaceholder = _styledcomponents.default.label.withConfig({
423
425
  }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
424
426
  var StyledIndicator = _styledcomponents.default.div.withConfig({
425
427
  displayName: "TextArea.styles__StyledIndicator",
426
- componentId: "sc-5fcd62a1-23"
428
+ componentId: "sc-621ad7e5-23"
427
429
  })([
428
430
  "position:absolute;border-radius:50%;background-color:var(",
429
431
  ");&.",
@@ -34,7 +34,8 @@ var classes = {
34
34
  hasDivider: 'textarea-has-divider',
35
35
  requiredAlignRight: 'required-align-right',
36
36
  hasHeaderSlot: 'textarea-has-header-slot',
37
- styledContentWrapper: 'textarea-content-wrapper'
37
+ styledContentWrapper: 'textarea-content-wrapper',
38
+ leftHelperFocus: 'textarea-left-helper-focus'
38
39
  };
39
40
  var tokens = {
40
41
  /** Цвет фона для всего компонента */ backgroundColor: '--plasma-textarea-background-color',
@@ -66,6 +67,7 @@ var tokens = {
66
67
  clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',
67
68
  /** Цвет элемента optional */ optionalColor: '--plasma-textarea__optional-color',
68
69
  /** Цвет текста для левой подписи снизу */ leftHelperColor: '--plasma-textarea-left-helper-color',
70
+ /** Цвет текста для левой подписи снизу в состоянии focus */ leftHelperColorFocus: '--plasma-textarea-left-helper-color-focus',
69
71
  /** Цвет текста для правой подписи снизу */ rightHelperColor: '--plasma-textarea-right-helper-color',
70
72
  /** Цвета границы для всего компонента */ borderColor: '--plasma-textarea-border-color',
71
73
  borderColorReadOnly: '--plasma-textarea-border-color-readonly',
@@ -588,6 +588,7 @@ var textFieldRoot = function(Root) {
588
588
  "aria-labelledby": labelId,
589
589
  "aria-describedby": helperTextId,
590
590
  placeholder: innerPlaceholderValue,
591
+ hasFocus: hasFocus,
591
592
  className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis, readOnly && _TextFieldtokens.classes.readOnlyInput),
592
593
  disabled: disabled,
593
594
  readOnly: !disabled && readOnly,
@@ -632,7 +633,8 @@ var textFieldRoot = function(Root) {
632
633
  isInnerLabel: true
633
634
  }))), leftHelper && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.LeftHelper, {
634
635
  "data-root": true,
635
- id: helperTextId
636
+ id: helperTextId,
637
+ className: hasFocus ? _TextFieldtokens.classes.hasFocus : undefined
636
638
  }, leftHelper));
637
639
  });
638
640
  };