@salutejs/plasma-new-hope 0.343.1-canary.2382.20298088990.0 → 0.343.1-canary.2382.20331057385.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 (212) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +25 -25
  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 +25 -25
  8. package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  9. package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  10. package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  11. package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  12. package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_1r643gn.css +1 -0
  13. package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.css +24 -24
  14. package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +24 -24
  15. package/dist/css/cjs/components/DatePicker/SingleDate/SingleDate.css +24 -24
  16. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +24 -24
  17. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.js +2 -0
  18. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.js.map +1 -1
  19. package/dist/css/cjs/components/DateTimePicker/ui/Input/Input.css +24 -24
  20. package/dist/css/cjs/components/Pagination/Pagination.css +28 -28
  21. package/dist/css/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +28 -28
  22. package/dist/css/cjs/components/Range/Range.css +24 -24
  23. package/dist/css/cjs/components/Select/Select.css +28 -28
  24. package/dist/css/cjs/components/Select/Select.tokens.js +1 -0
  25. package/dist/css/cjs/components/Select/Select.tokens.js.map +1 -1
  26. package/dist/css/cjs/components/Select/ui/Target/Target.css +28 -28
  27. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +28 -28
  28. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +19 -19
  29. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  30. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_10ltcs0.css +4 -0
  31. package/dist/css/cjs/components/Slider/Slider.css +24 -24
  32. package/dist/css/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +24 -24
  33. package/dist/css/cjs/components/Table/Table.css +28 -28
  34. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +28 -28
  35. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +28 -28
  36. package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +28 -28
  37. package/dist/css/cjs/components/TextArea/TextArea.js +3 -1
  38. package/dist/css/cjs/components/TextArea/TextArea.js.map +1 -1
  39. package/dist/css/cjs/components/TextArea/TextArea.styles.js +5 -5
  40. package/dist/css/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  41. package/dist/css/{es/components/TextArea/TextArea.styles_exqsyh.css → cjs/components/TextArea/TextArea.styles_j6drga.css} +1 -1
  42. package/dist/css/cjs/components/TextArea/TextArea.tokens.js +4 -1
  43. package/dist/css/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  44. package/dist/css/cjs/components/TextArea/ui/Hint/Hint.css +22 -22
  45. package/dist/css/cjs/components/TextField/TextField.js +3 -1
  46. package/dist/css/cjs/components/TextField/TextField.js.map +1 -1
  47. package/dist/css/cjs/components/TextField/TextField.styles.js +5 -5
  48. package/dist/css/cjs/components/TextField/TextField.styles.js.map +1 -1
  49. package/dist/css/cjs/components/TextField/{TextField.styles_1pu4eym.css → TextField.styles_s18fd2.css} +1 -1
  50. package/dist/css/cjs/components/TextField/TextField.tokens.js +4 -0
  51. package/dist/css/cjs/components/TextField/TextField.tokens.js.map +1 -1
  52. package/dist/css/cjs/components/TextField/ui/Hint/Hint.css +22 -22
  53. package/dist/css/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
  54. package/dist/css/cjs/components/TextField/variations/_view/base.js +1 -1
  55. package/dist/css/cjs/components/TextField/variations/_view/base.js.map +1 -1
  56. package/dist/css/cjs/components/TextField/variations/_view/base_19qf9jc.css +1 -0
  57. package/dist/css/cjs/components/TimePicker/TimePicker.css +24 -24
  58. package/dist/css/cjs/components/TimePicker/TimePicker.js +3 -0
  59. package/dist/css/cjs/components/TimePicker/TimePicker.js.map +1 -1
  60. package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.js +3 -0
  61. package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.js.map +1 -1
  62. package/dist/css/cjs/index.css +53 -53
  63. package/dist/css/es/components/Autocomplete/Autocomplete.css +25 -25
  64. package/dist/css/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  65. package/dist/css/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  66. package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  67. package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  68. package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles_oleegh.css +1 -0
  69. package/dist/css/es/components/Combobox/ComboboxNew/Combobox.css +25 -25
  70. package/dist/css/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  71. package/dist/css/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  72. package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  73. package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  74. package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_1r643gn.css +1 -0
  75. package/dist/css/es/components/DatePicker/RangeDate/RangeDate.css +24 -24
  76. package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +24 -24
  77. package/dist/css/es/components/DatePicker/SingleDate/SingleDate.css +24 -24
  78. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +24 -24
  79. package/dist/css/es/components/DateTimePicker/DateTimePicker.js +2 -0
  80. package/dist/css/es/components/DateTimePicker/DateTimePicker.js.map +1 -1
  81. package/dist/css/es/components/DateTimePicker/ui/Input/Input.css +24 -24
  82. package/dist/css/es/components/Pagination/Pagination.css +28 -28
  83. package/dist/css/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +28 -28
  84. package/dist/css/es/components/Range/Range.css +24 -24
  85. package/dist/css/es/components/Select/Select.css +28 -28
  86. package/dist/css/es/components/Select/Select.tokens.js +1 -0
  87. package/dist/css/es/components/Select/Select.tokens.js.map +1 -1
  88. package/dist/css/es/components/Select/ui/Target/Target.css +28 -28
  89. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.css +28 -28
  90. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +19 -19
  91. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  92. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_10ltcs0.css +4 -0
  93. package/dist/css/es/components/Slider/Slider.css +24 -24
  94. package/dist/css/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +24 -24
  95. package/dist/css/es/components/Table/Table.css +28 -28
  96. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +28 -28
  97. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +28 -28
  98. package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +28 -28
  99. package/dist/css/es/components/TextArea/TextArea.js +3 -1
  100. package/dist/css/es/components/TextArea/TextArea.js.map +1 -1
  101. package/dist/css/es/components/TextArea/TextArea.styles.js +5 -5
  102. package/dist/css/es/components/TextArea/TextArea.styles.js.map +1 -1
  103. package/dist/css/{cjs/components/TextArea/TextArea.styles_exqsyh.css → es/components/TextArea/TextArea.styles_j6drga.css} +1 -1
  104. package/dist/css/es/components/TextArea/TextArea.tokens.js +4 -1
  105. package/dist/css/es/components/TextArea/TextArea.tokens.js.map +1 -1
  106. package/dist/css/es/components/TextArea/ui/Hint/Hint.css +22 -22
  107. package/dist/css/es/components/TextField/TextField.js +3 -1
  108. package/dist/css/es/components/TextField/TextField.js.map +1 -1
  109. package/dist/css/es/components/TextField/TextField.styles.js +5 -5
  110. package/dist/css/es/components/TextField/TextField.styles.js.map +1 -1
  111. package/dist/css/es/components/TextField/{TextField.styles_1pu4eym.css → TextField.styles_s18fd2.css} +1 -1
  112. package/dist/css/es/components/TextField/TextField.tokens.js +4 -0
  113. package/dist/css/es/components/TextField/TextField.tokens.js.map +1 -1
  114. package/dist/css/es/components/TextField/ui/Hint/Hint.css +22 -22
  115. package/dist/css/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
  116. package/dist/css/es/components/TextField/variations/_view/base.js +1 -1
  117. package/dist/css/es/components/TextField/variations/_view/base.js.map +1 -1
  118. package/dist/css/es/components/TextField/variations/_view/base_19qf9jc.css +1 -0
  119. package/dist/css/es/components/TimePicker/TimePicker.css +24 -24
  120. package/dist/css/es/components/TimePicker/TimePicker.js +3 -0
  121. package/dist/css/es/components/TimePicker/TimePicker.js.map +1 -1
  122. package/dist/css/es/components/TimePickerGrid/TimePickerGrid.js +3 -0
  123. package/dist/css/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -1
  124. package/dist/css/es/index.css +53 -53
  125. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  126. package/dist/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +2 -2
  127. package/dist/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  128. package/dist/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
  129. package/dist/emotion/cjs/components/Select/Select.tokens.js +1 -0
  130. package/dist/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
  131. package/dist/emotion/cjs/components/TextArea/TextArea.js +4 -2
  132. package/dist/emotion/cjs/components/TextArea/TextArea.styles.js +48 -48
  133. package/dist/emotion/cjs/components/TextArea/TextArea.tokens.js +3 -1
  134. package/dist/emotion/cjs/components/TextField/TextField.js +4 -2
  135. package/dist/emotion/cjs/components/TextField/TextField.styles.js +46 -46
  136. package/dist/emotion/cjs/components/TextField/TextField.tokens.js +4 -0
  137. package/dist/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  138. package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  139. package/dist/emotion/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  140. package/dist/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +2 -2
  141. package/dist/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  142. package/dist/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
  143. package/dist/emotion/es/components/DateTimePicker/DateTimePicker.js +1 -0
  144. package/dist/emotion/es/components/Select/Select.tokens.js +1 -0
  145. package/dist/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
  146. package/dist/emotion/es/components/TextArea/TextArea.js +4 -2
  147. package/dist/emotion/es/components/TextArea/TextArea.styles.js +48 -48
  148. package/dist/emotion/es/components/TextArea/TextArea.tokens.js +3 -1
  149. package/dist/emotion/es/components/TextField/TextField.js +4 -2
  150. package/dist/emotion/es/components/TextField/TextField.styles.js +46 -46
  151. package/dist/emotion/es/components/TextField/TextField.tokens.js +4 -0
  152. package/dist/emotion/es/components/TextField/variations/_view/base.js +2 -2
  153. package/dist/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  154. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  155. package/dist/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +4 -2
  156. package/dist/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  157. package/dist/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +4 -2
  158. package/dist/styled-components/cjs/components/Select/Select.tokens.js +1 -0
  159. package/dist/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -5
  160. package/dist/styled-components/cjs/components/TextArea/TextArea.js +3 -1
  161. package/dist/styled-components/cjs/components/TextArea/TextArea.styles.js +28 -26
  162. package/dist/styled-components/cjs/components/TextArea/TextArea.tokens.js +3 -1
  163. package/dist/styled-components/cjs/components/TextField/TextField.js +3 -1
  164. package/dist/styled-components/cjs/components/TextField/TextField.styles.js +28 -25
  165. package/dist/styled-components/cjs/components/TextField/TextField.tokens.js +4 -0
  166. package/dist/styled-components/cjs/components/TextField/variations/_view/base.js +4 -2
  167. package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  168. package/dist/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  169. package/dist/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +4 -2
  170. package/dist/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  171. package/dist/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +4 -2
  172. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.js +1 -0
  173. package/dist/styled-components/es/components/Select/Select.tokens.js +1 -0
  174. package/dist/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -5
  175. package/dist/styled-components/es/components/TextArea/TextArea.js +3 -1
  176. package/dist/styled-components/es/components/TextArea/TextArea.styles.js +28 -26
  177. package/dist/styled-components/es/components/TextArea/TextArea.tokens.js +3 -1
  178. package/dist/styled-components/es/components/TextField/TextField.js +3 -1
  179. package/dist/styled-components/es/components/TextField/TextField.styles.js +28 -25
  180. package/dist/styled-components/es/components/TextField/TextField.tokens.js +4 -0
  181. package/dist/styled-components/es/components/TextField/variations/_view/base.js +5 -3
  182. package/package.json +5 -5
  183. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +1 -0
  184. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
  185. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  186. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
  187. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  188. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  189. package/types/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
  190. package/types/components/Select/Select.tokens.d.ts +1 -0
  191. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  192. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  193. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  194. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  195. package/types/components/TextArea/TextArea.tokens.d.ts +3 -0
  196. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  197. package/types/components/TextField/TextField.d.ts.map +1 -1
  198. package/types/components/TextField/TextField.styles.d.ts +3 -1
  199. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  200. package/types/components/TextField/TextField.tokens.d.ts +4 -0
  201. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  202. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  203. package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
  204. package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -1
  205. package/dist/css/cjs/components/Autocomplete/ui/TextField/TextField.styles_baeqws.css +0 -1
  206. package/dist/css/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css +0 -1
  207. package/dist/css/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_19e9015.css +0 -4
  208. package/dist/css/cjs/components/TextField/variations/_view/base_xyttr1.css +0 -1
  209. package/dist/css/es/components/Autocomplete/ui/TextField/TextField.styles_baeqws.css +0 -1
  210. package/dist/css/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css +0 -1
  211. package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_19e9015.css +0 -4
  212. package/dist/css/es/components/TextField/variations/_view/base_xyttr1.css +0 -1
@@ -94,13 +94,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
94
94
  var Tooltip = (0, _engines.component)(mergedConfig);
95
95
  var InputWrapper = _styledcomponents.default.div.withConfig({
96
96
  displayName: "TextField.styles__InputWrapper",
97
- componentId: "sc-708c1a6a-0"
97
+ componentId: "sc-b214ed5d-0"
98
98
  })([
99
99
  "position:relative;display:flex;align-items:center;box-sizing:border-box;"
100
100
  ]);
101
101
  var InputLabelWrapper = _styledcomponents.default.div.withConfig({
102
102
  displayName: "TextField.styles__InputLabelWrapper",
103
- componentId: "sc-708c1a6a-1"
103
+ componentId: "sc-b214ed5d-1"
104
104
  })([
105
105
  "flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.",
106
106
  "{height:var(",
@@ -109,7 +109,7 @@ var InputLabelWrapper = _styledcomponents.default.div.withConfig({
109
109
  ], String(_TextFieldtokens.classes.hasChips), _TextFieldtokens.tokens.chipHeight, _TextFieldtokens.tokens.chipBorderRadius);
110
110
  var StyledChips = _styledcomponents.default.div.withConfig({
111
111
  displayName: "TextField.styles__StyledChips",
112
- componentId: "sc-708c1a6a-2"
112
+ componentId: "sc-b214ed5d-2"
113
113
  })([
114
114
  "display:flex;gap:var(",
115
115
  ");margin-right:var(",
@@ -118,7 +118,7 @@ var StyledChips = _styledcomponents.default.div.withConfig({
118
118
  ], _TextFieldtokens.tokens.chipGap, _TextFieldtokens.tokens.chipMarginRight, _TextFieldtokens.tokens.chipGap);
119
119
  var Input = _styledcomponents.default.input.withConfig({
120
120
  displayName: "TextField.styles__Input",
121
- componentId: "sc-708c1a6a-3"
121
+ componentId: "sc-b214ed5d-3"
122
122
  })([
123
123
  "box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&.",
124
124
  "{",
@@ -126,7 +126,7 @@ var Input = _styledcomponents.default.input.withConfig({
126
126
  ], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
127
127
  var InputContainer = _styledcomponents.default.div.withConfig({
128
128
  displayName: "TextField.styles__InputContainer",
129
- componentId: "sc-708c1a6a-4"
129
+ componentId: "sc-b214ed5d-4"
130
130
  })([
131
131
  "position:relative;display:flex;flex:1;min-width:",
132
132
  ";",
@@ -141,7 +141,7 @@ var InputContainer = _styledcomponents.default.div.withConfig({
141
141
  });
142
142
  var InputPlaceholder = _styledcomponents.default.div.withConfig({
143
143
  displayName: "TextField.styles__InputPlaceholder",
144
- componentId: "sc-708c1a6a-5"
144
+ componentId: "sc-b214ed5d-5"
145
145
  })([
146
146
  "display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(",
147
147
  ");padding:",
@@ -152,7 +152,7 @@ var InputPlaceholder = _styledcomponents.default.div.withConfig({
152
152
  });
153
153
  var InputPlaceholderValue = _styledcomponents.default.div.withConfig({
154
154
  displayName: "TextField.styles__InputPlaceholderValue",
155
- componentId: "sc-708c1a6a-6"
155
+ componentId: "sc-b214ed5d-6"
156
156
  })([
157
157
  "&.",
158
158
  "{",
@@ -160,7 +160,7 @@ var InputPlaceholderValue = _styledcomponents.default.div.withConfig({
160
160
  ], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
161
161
  var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
162
162
  displayName: "TextField.styles__OuterLabelWrapper",
163
- componentId: "sc-708c1a6a-7"
163
+ componentId: "sc-b214ed5d-7"
164
164
  })([
165
165
  "display:flex;align-items:center;white-space:",
166
166
  ";margin-bottom:",
@@ -174,25 +174,25 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
174
174
  });
175
175
  var TitleCaption = _styledcomponents.default.div.withConfig({
176
176
  displayName: "TextField.styles__TitleCaption",
177
- componentId: "sc-708c1a6a-8"
177
+ componentId: "sc-b214ed5d-8"
178
178
  })([
179
179
  "display:inline-block;margin-left:auto;"
180
180
  ]);
181
181
  var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
182
182
  displayName: "TextField.styles__StyledIndicatorWrapper",
183
- componentId: "sc-708c1a6a-9"
183
+ componentId: "sc-b214ed5d-9"
184
184
  })([
185
185
  "position:relative;display:inline-flex;align-items:center;"
186
186
  ]);
187
187
  var Label = _styledcomponents.default.label.withConfig({
188
188
  displayName: "TextField.styles__Label",
189
- componentId: "sc-708c1a6a-10"
189
+ componentId: "sc-b214ed5d-10"
190
190
  })([
191
191
  "display:inline-flex;"
192
192
  ]);
193
193
  var StyledContentLeft = _styledcomponents.default.div.withConfig({
194
194
  displayName: "TextField.styles__StyledContentLeft",
195
- componentId: "sc-708c1a6a-11"
195
+ componentId: "sc-b214ed5d-11"
196
196
  })([
197
197
  "margin:var(",
198
198
  ");color:var(",
@@ -204,13 +204,13 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
204
204
  ], _TextFieldtokens.tokens.leftContentMargin, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotColorActive, _TextFieldtokens.tokens.contentSlotColor);
205
205
  var StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
206
206
  displayName: "TextField.styles__StyledContentRightWrapper",
207
- componentId: "sc-708c1a6a-12"
207
+ componentId: "sc-b214ed5d-12"
208
208
  })([
209
209
  "display:flex;align-items:center;"
210
210
  ]);
211
211
  var StyledContentRight = _styledcomponents.default.div.withConfig({
212
212
  displayName: "TextField.styles__StyledContentRight",
213
- componentId: "sc-708c1a6a-13"
213
+ componentId: "sc-b214ed5d-13"
214
214
  })([
215
215
  "line-height:0;margin:var(",
216
216
  ");color:var(",
@@ -223,13 +223,16 @@ var StyledContentRight = _styledcomponents.default.div.withConfig({
223
223
  ], _TextFieldtokens.tokens.rightContentMargin, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotRightColorHover, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotRightColorActive, _TextFieldtokens.tokens.contentSlotColorActive);
224
224
  var LeftHelper = _styledcomponents.default.div.withConfig({
225
225
  displayName: "TextField.styles__LeftHelper",
226
- componentId: "sc-708c1a6a-14"
226
+ componentId: "sc-b214ed5d-14"
227
227
  })([
228
- ""
229
- ]);
228
+ "color:var(",
229
+ ");&.",
230
+ "{color:var(",
231
+ ");}"
232
+ ], _TextFieldtokens.tokens.leftHelperColor, _TextFieldtokens.classes.hasFocus, _TextFieldtokens.tokens.leftHelperColorFocus);
230
233
  var StyledTextBefore = _styledcomponents.default.div.withConfig({
231
234
  displayName: "TextField.styles__StyledTextBefore",
232
- componentId: "sc-708c1a6a-15"
235
+ componentId: "sc-b214ed5d-15"
233
236
  })([
234
237
  "visibility:",
235
238
  ";"
@@ -239,20 +242,20 @@ var StyledTextBefore = _styledcomponents.default.div.withConfig({
239
242
  });
240
243
  var StyledTextAfter = _styledcomponents.default.div.withConfig({
241
244
  displayName: "TextField.styles__StyledTextAfter",
242
- componentId: "sc-708c1a6a-16"
245
+ componentId: "sc-b214ed5d-16"
243
246
  })([
244
247
  ""
245
248
  ]);
246
249
  var StyledOptionalText = _styledcomponents.default.span.withConfig({
247
250
  displayName: "TextField.styles__StyledOptionalText",
248
- componentId: "sc-708c1a6a-17"
251
+ componentId: "sc-b214ed5d-17"
249
252
  })([
250
253
  "color:var(",
251
254
  ");"
252
255
  ], _TextFieldtokens.tokens.optionalColor);
253
256
  var StyledHintWrapper = _styledcomponents.default.div.withConfig({
254
257
  displayName: "TextField.styles__StyledHintWrapper",
255
- componentId: "sc-708c1a6a-18"
258
+ componentId: "sc-b214ed5d-18"
256
259
  })([
257
260
  "display:inline-block;line-height:0;&.",
258
261
  "{position:absolute;margin:0;inset:var(",
@@ -260,14 +263,14 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
260
263
  ], _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.hintInnerLabelPlacementOffset);
261
264
  var HintTargetWrapper = _styledcomponents.default.div.withConfig({
262
265
  displayName: "TextField.styles__HintTargetWrapper",
263
- componentId: "sc-708c1a6a-19"
266
+ componentId: "sc-b214ed5d-19"
264
267
  })([
265
268
  "color:var(",
266
269
  ");display:flex;justify-content:center;align-items:center;"
267
270
  ], _TextFieldtokens.tokens.hintIconColor);
268
271
  var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
269
272
  displayName: "TextField.styles__Hint",
270
- componentId: "sc-708c1a6a-20"
273
+ componentId: "sc-b214ed5d-20"
271
274
  })([
272
275
  "",
273
276
  " .",
@@ -275,13 +278,13 @@ var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
275
278
  ], HintTargetWrapper, _Popover.popoverClasses.root);
276
279
  var HintIconWrapper = _styledcomponents.default.div.withConfig({
277
280
  displayName: "TextField.styles__HintIconWrapper",
278
- componentId: "sc-708c1a6a-21"
281
+ componentId: "sc-b214ed5d-21"
279
282
  })([
280
283
  "display:flex;"
281
284
  ]);
282
285
  var StyledIndicator = _styledcomponents.default.div.withConfig({
283
286
  displayName: "TextField.styles__StyledIndicator",
284
- componentId: "sc-708c1a6a-22"
287
+ componentId: "sc-b214ed5d-22"
285
288
  })([
286
289
  "position:absolute;border-radius:50%;background-color:var(",
287
290
  ");&.",
@@ -21,6 +21,7 @@ var classes = {
21
21
  hasChips: 'has-chips',
22
22
  chipsWrapper: 'chips-wrapper',
23
23
  hasValue: 'has-value',
24
+ hasFocus: 'has-focus',
24
25
  keepPlaceholder: 'keep-placeholder',
25
26
  hasEmptyContentLeft: 'has-empty-content-left',
26
27
  hasEmptyContentRight: 'has-empty-content-right',
@@ -40,6 +41,7 @@ var classes = {
40
41
  };
41
42
  var tokens = {
42
43
  color: '--plasma-textfield-color',
44
+ colorFocus: '--plasma-textfield-color-focus',
43
45
  clearColor: '--plasma-textfield-clear-color',
44
46
  boxShadow: '--plasma-textfield-box-shadow',
45
47
  backgroundColor: '--plasma-textfield-bg-color',
@@ -80,6 +82,7 @@ var tokens = {
80
82
  /* Tokens for content slot */ contentSlotColor: '--plasma-textfield-content-slot-color',
81
83
  contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
82
84
  contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
85
+ contentSlotColorFocus: '--plasma-textfield-content-slot-color-focus',
83
86
  contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
84
87
  contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
85
88
  contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
@@ -114,6 +117,7 @@ var tokens = {
114
117
  titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',
115
118
  titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',
116
119
  leftHelperColor: '--plasma-textfield__left-helper-color',
120
+ leftHelperColorFocus: '--plasma-textfield__left-helper-color-focus',
117
121
  leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',
118
122
  leftHelperOffset: '--plasma-textfield__left-helper-offset',
119
123
  leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',
@@ -35,10 +35,12 @@ var base = (0, _styledcomponents.css)([
35
35
  ",var(",
36
36
  ") );",
37
37
  "{color:var(",
38
- ");}}",
38
+ ");}",
39
39
  "{color:var(",
40
40
  ");}",
41
41
  "{color:var(",
42
+ ");}}",
43
+ "{color:var(",
42
44
  ");}",
43
45
  "{color:var(",
44
46
  ");}",
@@ -56,4 +58,4 @@ var base = (0, _styledcomponents.css)([
56
58
  ") );",
57
59
  "{color:var(",
58
60
  ");}}}"
59
- ], _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.borderColor), String(_TextFieldtokens.tokens.backgroundColor), _TextFieldtokens.tokens.color, _TextFieldtokens.tokens.borderWidth, _TextFieldtokens.tokens.boxShadow, _TextFieldtokens.tokens.caretColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.borderColorHover, String(_TextFieldtokens.tokens.borderColor), _TextFieldtokens.tokens.backgroundColorHover, String(_TextFieldtokens.tokens.backgroundColor), _TextFieldstyles.Input, _TextFieldtokens.tokens.color, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.borderColorFocus, String(_TextFieldtokens.tokens.borderColor), _TextFieldtokens.tokens.backgroundColorFocus, String(_TextFieldtokens.tokens.backgroundColor), _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorFocus, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColor, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColor, _TextFieldstyles.StyledTextBefore, _TextFieldtokens.tokens.textBeforeColor, _TextFieldstyles.StyledTextAfter, _TextFieldtokens.tokens.textAfterColor, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColor), String(_TextFieldtokens.tokens.dividerWidth), _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorHover, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorFocus, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.clearPlaceholderColorFocus);
61
+ ], _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.borderColor), String(_TextFieldtokens.tokens.backgroundColor), _TextFieldtokens.tokens.color, _TextFieldtokens.tokens.borderWidth, _TextFieldtokens.tokens.boxShadow, _TextFieldtokens.tokens.caretColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.borderColorHover, String(_TextFieldtokens.tokens.borderColor), _TextFieldtokens.tokens.backgroundColorHover, String(_TextFieldtokens.tokens.backgroundColor), _TextFieldstyles.Input, _TextFieldtokens.tokens.color, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.borderColorFocus, String(_TextFieldtokens.tokens.borderColor), _TextFieldtokens.tokens.backgroundColorFocus, String(_TextFieldtokens.tokens.backgroundColor), _TextFieldstyles.Input, _TextFieldtokens.tokens.colorFocus, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorFocus, _TextFieldstyles.StyledContentLeft, _TextFieldtokens.tokens.contentSlotColorFocus, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColor, _TextFieldstyles.StyledTextBefore, _TextFieldtokens.tokens.textBeforeColor, _TextFieldstyles.StyledTextAfter, _TextFieldtokens.tokens.textAfterColor, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColor), String(_TextFieldtokens.tokens.dividerWidth), _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorHover, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorFocus, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.clearPlaceholderColorFocus);
@@ -1 +1,16 @@
1
1
  "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "Combobox", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return Combobox;
9
+ }
10
+ });
11
+ var _engines = require("../../../engines");
12
+ var _ = require("../../..");
13
+ var _Comboboxconfig = require("./Combobox.config");
14
+ var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
15
+ var ComboboxComponent = (0, _engines.component)(mergedConfig);
16
+ var Combobox = ComboboxComponent;
@@ -48,6 +48,7 @@ export var tokens = {
48
48
  textFieldContentSlotRightColorActive: '--plasma-autocomplete-textfield-content-right-slot-color-active',
49
49
  textFieldContentSlotRightOpacityReadOnly: '--plasma-autocomplete-textfield-content-right-slot-opacity-readonly',
50
50
  textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
51
+ textFieldLeftHelperColorFocus: '--plasma-autocomplete-textfield-left-helper-color-focus',
51
52
  textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield-label-color-readonly',
52
53
  textFieldLabelOffset: '--plasma-autocomplete-textfield-label-offset',
53
54
  textFieldClearLabelOffset: '--plasma-autocomplete-textfield-clear-label-offset',
@@ -6,7 +6,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
6
6
  var TextField = component(mergedConfig);
7
7
  export var StyledTextField = styled(TextField).withConfig({
8
8
  displayName: "TextField.styles__StyledTextField",
9
- componentId: "sc-59307378-0"
9
+ componentId: "sc-40fb89b-0"
10
10
  })([
11
11
  "",
12
12
  ":var(",
@@ -242,5 +242,7 @@ export var StyledTextField = styled(TextField).withConfig({
242
242
  ":var(",
243
243
  ");",
244
244
  ":var(",
245
+ ");",
246
+ ":var(",
245
247
  ");"
246
- ], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.clearColor, autocompleteTokens.textFieldClearColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, autocompleteTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, autocompleteTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, autocompleteTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, autocompleteTokens.textFieldOptionalColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.dividerColor, autocompleteTokens.textFieldDividerColor, textFieldTokens.dividerColorHover, autocompleteTokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, autocompleteTokens.textFieldDividerColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, autocompleteTokens.textFieldDividerColorReadOnly, textFieldTokens.readOnlyOpacity, autocompleteTokens.textFieldReadOnlyOpacity, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, autocompleteTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor, textFieldTokens.contentSlotColor, autocompleteTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, autocompleteTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, autocompleteTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, autocompleteTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, autocompleteTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, autocompleteTokens.textFieldContentSlotRightColorActive, textFieldTokens.contentSlotRightOpacityReadOnly, autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.indicatorColor, autocompleteTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, autocompleteTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, autocompleteTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, autocompleteTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, autocompleteTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, autocompleteTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, autocompleteTokens.textFieldBoxShadow, textFieldTokens.rightContentWithHintMargin, autocompleteTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, autocompleteTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, autocompleteTokens.textFieldContentRightWrapperMargin, textFieldTokens.hintCustomIconTargetSize, autocompleteTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, autocompleteTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, autocompleteTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, autocompleteTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, autocompleteTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, autocompleteTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, autocompleteTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, autocompleteTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, autocompleteTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, autocompleteTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, autocompleteTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, autocompleteTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, autocompleteTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, autocompleteTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, autocompleteTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, autocompleteTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, autocompleteTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, autocompleteTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, autocompleteTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, autocompleteTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, autocompleteTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, autocompleteTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, autocompleteTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, autocompleteTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, autocompleteTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, autocompleteTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, autocompleteTokens.textFieldTooltipArrowBackground);
248
+ ], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.clearColor, autocompleteTokens.textFieldClearColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, autocompleteTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, autocompleteTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, autocompleteTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, autocompleteTokens.textFieldOptionalColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.dividerColor, autocompleteTokens.textFieldDividerColor, textFieldTokens.dividerColorHover, autocompleteTokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, autocompleteTokens.textFieldDividerColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, autocompleteTokens.textFieldDividerColorReadOnly, textFieldTokens.readOnlyOpacity, autocompleteTokens.textFieldReadOnlyOpacity, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, autocompleteTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorFocus, autocompleteTokens.textFieldLeftHelperColorFocus, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor, textFieldTokens.contentSlotColor, autocompleteTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, autocompleteTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, autocompleteTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, autocompleteTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, autocompleteTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, autocompleteTokens.textFieldContentSlotRightColorActive, textFieldTokens.contentSlotRightOpacityReadOnly, autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.indicatorColor, autocompleteTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, autocompleteTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, autocompleteTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, autocompleteTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, autocompleteTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, autocompleteTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, autocompleteTokens.textFieldBoxShadow, textFieldTokens.rightContentWithHintMargin, autocompleteTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, autocompleteTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, autocompleteTokens.textFieldContentRightWrapperMargin, textFieldTokens.hintCustomIconTargetSize, autocompleteTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, autocompleteTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, autocompleteTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, autocompleteTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, autocompleteTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, autocompleteTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, autocompleteTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, autocompleteTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, autocompleteTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, autocompleteTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, autocompleteTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, autocompleteTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, autocompleteTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, autocompleteTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, autocompleteTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, autocompleteTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, autocompleteTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, autocompleteTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, autocompleteTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, autocompleteTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, autocompleteTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, autocompleteTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, autocompleteTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, autocompleteTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, autocompleteTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, autocompleteTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, autocompleteTokens.textFieldTooltipArrowBackground);
@@ -127,6 +127,7 @@ export var tokens = {
127
127
  textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',
128
128
  textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',
129
129
  textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',
130
+ textFieldLeftHelperColorFocus: '--plasma-combobox-new-textfield-left-helper-color-focus',
130
131
  textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',
131
132
  textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',
132
133
  textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',
@@ -6,7 +6,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
6
6
  var TextField = component(mergedConfig);
7
7
  export var StyledTextField = styled(TextField).withConfig({
8
8
  displayName: "Target.styles__StyledTextField",
9
- componentId: "sc-e19acd42-0"
9
+ componentId: "sc-7d38a6d6-0"
10
10
  })([
11
11
  "",
12
12
  ":var(",
@@ -312,5 +312,7 @@ export var StyledTextField = styled(TextField).withConfig({
312
312
  ":var(",
313
313
  ");",
314
314
  ":var(",
315
+ ");",
316
+ ":var(",
315
317
  ");"
316
- ], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.readOnlyOpacity, comboboxTokens.textFieldReadOnlyOpacity, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, comboboxTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, comboboxTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, comboboxTokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.contentSlotRightOpacityReadOnly, comboboxTokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, comboboxTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, comboboxTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, comboboxTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, comboboxTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, comboboxTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, comboboxTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, comboboxTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, comboboxTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, comboboxTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, comboboxTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, comboboxTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, comboboxTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, comboboxTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, comboboxTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, comboboxTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, comboboxTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, comboboxTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, comboboxTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, comboboxTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, comboboxTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, comboboxTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, comboboxTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, comboboxTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, comboboxTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, comboboxTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, comboboxTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, comboboxTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, comboboxTokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipCloseIconColorHover, comboboxTokens.textFieldChipCloseIconColorHover, textFieldTokens.chipCloseIconColorReadonly, comboboxTokens.textFieldChipCloseIconColorReadonly, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPadding, comboboxTokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, comboboxTokens.textFieldBoxShadow);
318
+ ], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.readOnlyOpacity, comboboxTokens.textFieldReadOnlyOpacity, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, comboboxTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, comboboxTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, comboboxTokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.contentSlotRightOpacityReadOnly, comboboxTokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorFocus, comboboxTokens.textFieldLeftHelperColorFocus, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, comboboxTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, comboboxTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, comboboxTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, comboboxTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, comboboxTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, comboboxTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, comboboxTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, comboboxTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, comboboxTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, comboboxTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, comboboxTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, comboboxTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, comboboxTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, comboboxTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, comboboxTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, comboboxTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, comboboxTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, comboboxTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, comboboxTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, comboboxTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, comboboxTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, comboboxTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, comboboxTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, comboboxTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, comboboxTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, comboboxTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, comboboxTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, comboboxTokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipCloseIconColorHover, comboboxTokens.textFieldChipCloseIconColorHover, textFieldTokens.chipCloseIconColorReadonly, comboboxTokens.textFieldChipCloseIconColorReadonly, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPadding, comboboxTokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, comboboxTokens.textFieldBoxShadow);
@@ -112,6 +112,7 @@ import { CalendarGrid, DateShortcutList, Input, Popover, StyledSeparator, TimeGr
112
112
  import { classes } from "./DateTimePicker.tokens";
113
113
  import { useDateTimePicker } from "./hooks/useDateTimePicker";
114
114
  import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
115
+ // changes to start tests
115
116
  export var dateTimePickerRoot = function(Root) {
116
117
  return /*#__PURE__*/ forwardRef(function(_param, ref) {
117
118
  var className = _param.className, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, // variation props
@@ -141,6 +141,7 @@ export var tokens = {
141
141
  textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',
142
142
  textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',
143
143
  textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',
144
+ textFieldLeftHelperColorFocus: '--plasma-select-textfield-left-helper-color-focus',
144
145
  textFieldLeftHelperColorReadOnly: '--plasma-select-textfield__left-helper-color-readonly',
145
146
  textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',
146
147
  textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',
@@ -7,7 +7,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
7
7
  var TextField = component(mergedConfig);
8
8
  export var StyledTextField = styled(TextField).withConfig({
9
9
  displayName: "Textfield.styles__StyledTextField",
10
- componentId: "sc-504ad6c9-0"
10
+ componentId: "sc-ea846b9a-0"
11
11
  })([
12
12
  "",
13
13
  ":var(",
@@ -24,6 +24,8 @@ export var StyledTextField = styled(TextField).withConfig({
24
24
  ");",
25
25
  ":var(",
26
26
  ");",
27
+ ":var(",
28
+ ");",
27
29
  ":",
28
30
  ";",
29
31
  ":",
@@ -323,7 +325,7 @@ export var StyledTextField = styled(TextField).withConfig({
323
325
  ":var(",
324
326
  ");",
325
327
  ":none;}"
326
- ], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.labelColor, tokens.textFieldLabelColor, textFieldTokens.leftHelperColor, tokens.textFieldLeftHelperColor, textFieldTokens.colorReadOnly, tokens.textFieldColor, textFieldTokens.backgroundColorReadOnly, function(param) {
328
+ ], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.labelColor, tokens.textFieldLabelColor, textFieldTokens.leftHelperColor, tokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorFocus, tokens.textFieldLeftHelperColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColor, textFieldTokens.backgroundColorReadOnly, function(param) {
327
329
  var opened = param.opened;
328
330
  return opened ? "var(".concat(tokens.textFieldBackgroundColorFocus, ")") : "var(".concat(tokens.textFieldBackgroundColor, ")");
329
331
  }, textFieldTokens.placeholderColorReadOnly, function(param) {
@@ -338,7 +340,7 @@ export var StyledTextField = styled(TextField).withConfig({
338
340
  }, tokens.textFieldBackgroundColorFocus, classes.readOnly, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColorReadOnly, textFieldTokens.titleCaptionColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColorReadOnly, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipOpacityReadonly, tokens.textFieldChipOpacityReadonly, textFieldTokens.boxShadow);
339
341
  export var IconArrowWrapper = styled.div.withConfig({
340
342
  displayName: "Textfield.styles__IconArrowWrapper",
341
- componentId: "sc-504ad6c9-1"
343
+ componentId: "sc-ea846b9a-1"
342
344
  })([
343
345
  "line-height:0;color:var(",
344
346
  ");cursor:",
@@ -363,7 +365,7 @@ export var sizeMap = {
363
365
  };
364
366
  export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
365
367
  displayName: "Textfield.styles__StyledArrow",
366
- componentId: "sc-504ad6c9-2"
368
+ componentId: "sc-ea846b9a-2"
367
369
  })([
368
370
  "width:",
369
371
  ";height:",
@@ -377,7 +379,7 @@ export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
377
379
  });
378
380
  export var StyledLeftHelper = styled.span.withConfig({
379
381
  displayName: "Textfield.styles__StyledLeftHelper",
380
- componentId: "sc-504ad6c9-3"
382
+ componentId: "sc-ea846b9a-3"
381
383
  })([
382
384
  "margin:0;padding:0;"
383
385
  ]);
@@ -415,7 +415,9 @@ export var textAreaRoot = function(Root) {
415
415
  })), hasHelper && /*#__PURE__*/ React.createElement(StyledHelpers, {
416
416
  className: styledHelpers,
417
417
  id: textareaHelperId
418
- }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ React.createElement(StyledRightHelper, {
418
+ }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ React.createElement(StyledLeftHelper, {
419
+ className: focused ? classes.leftHelperFocus : ''
420
+ }, leftHelper || helperText), rightHelper && /*#__PURE__*/ React.createElement(StyledRightHelper, {
419
421
  "data-root": true
420
422
  }, rightHelper)), !hasHeader && placeholderLabel && /*#__PURE__*/ React.createElement(StyledPlaceholder, {
421
423
  hasContentRight: Boolean(contentRight),