@salutejs/plasma-new-hope 0.338.0-canary.2237.18160100785.0 → 0.338.0-canary.2254.18336605490.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 (360) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +11 -11
  2. package/cjs/components/Chip/Chip.css +7 -7
  3. package/cjs/components/Chip/Chip.js +4 -6
  4. package/cjs/components/Chip/Chip.js.map +1 -1
  5. package/cjs/components/Chip/Chip.styles.js +1 -1
  6. package/cjs/components/Chip/Chip.styles.js.map +1 -1
  7. package/cjs/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.css} +1 -1
  8. package/cjs/components/Chip/Chip.tokens.js +0 -1
  9. package/cjs/components/Chip/Chip.tokens.js.map +1 -1
  10. package/cjs/components/Chip/variations/_disabled/base.js +1 -1
  11. package/cjs/components/Chip/variations/_disabled/base.js.map +1 -1
  12. package/{es/components/Chip/variations/_disabled/base_1j4s925.css → cjs/components/Chip/variations/_disabled/base_rmcs0j.css} +1 -1
  13. package/cjs/components/Chip/variations/_readonly/base.js +1 -1
  14. package/cjs/components/Chip/variations/_readonly/base.js.map +1 -1
  15. package/{es/components/Chip/variations/_readonly/base_1xublmy.css → cjs/components/Chip/variations/_readonly/base_1nfit77.css} +1 -1
  16. package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
  17. package/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -6
  18. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  19. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
  20. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  21. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  22. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  23. package/{es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css → cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_1c4vtoy.css} +1 -1
  24. package/cjs/components/Combobox/ComboboxOld/Combobox.css +7 -7
  25. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +7 -7
  26. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +7 -7
  27. package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -11
  28. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
  29. package/cjs/components/DatePicker/SingleDate/SingleDate.css +11 -11
  30. package/cjs/components/Pagination/Pagination.css +15 -15
  31. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +15 -15
  32. package/cjs/components/Range/Range.css +11 -11
  33. package/cjs/components/Select/Select.css +15 -15
  34. package/cjs/components/Select/Select.js +2 -2
  35. package/cjs/components/Select/Select.js.map +1 -1
  36. package/cjs/components/Select/Select.tokens.js +0 -2
  37. package/cjs/components/Select/Select.tokens.js.map +1 -1
  38. package/cjs/components/Select/ui/Target/Target.css +15 -15
  39. package/cjs/components/Select/ui/Target/Target.js +1 -2
  40. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  41. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +15 -15
  42. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  43. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  44. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
  45. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  46. package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_19e9015.css → Textfield.styles_1mikp58.css} +1 -1
  47. package/cjs/components/Slider/Slider.css +11 -11
  48. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +11 -11
  49. package/cjs/components/Table/Table.css +15 -15
  50. package/cjs/components/Table/ui/Cell/Cell.css +15 -15
  51. package/cjs/components/Table/ui/EditableCell/EditableCell.css +15 -15
  52. package/cjs/components/Table/ui/HeadCell/HeadCell.css +15 -15
  53. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +15 -15
  54. package/cjs/components/TextField/TextField.js +4 -8
  55. package/cjs/components/TextField/TextField.js.map +1 -1
  56. package/cjs/components/TextField/TextField.tokens.js +0 -2
  57. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  58. package/cjs/components/TextField/hooks/useKeyNavigation.js +6 -15
  59. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -1
  60. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +9 -9
  61. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  62. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  63. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
  64. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  65. package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
  66. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +11 -11
  67. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +12 -26
  68. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
  69. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +2 -33
  70. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -1
  71. package/cjs/components/TextField/ui/TextFieldChipNew/{TextFieldChipNew.styles_1hj7e4k.css → TextFieldChipNew.styles_y9tozi.css} +1 -1
  72. package/cjs/components/TimePicker/TimePicker.css +11 -11
  73. package/cjs/index.css +16 -16
  74. package/emotion/cjs/components/Chip/Chip.js +5 -9
  75. package/emotion/cjs/components/Chip/Chip.styles.js +9 -9
  76. package/emotion/cjs/components/Chip/Chip.tokens.js +0 -1
  77. package/emotion/cjs/components/Chip/variations/_disabled/base.js +1 -2
  78. package/emotion/cjs/components/Chip/variations/_readonly/base.js +1 -2
  79. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -5
  80. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
  81. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
  82. package/emotion/cjs/components/Scrollbar/Scrollbar.js +423 -0
  83. package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +59 -0
  84. package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
  85. package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
  86. package/emotion/cjs/components/Scrollbar/index.js +26 -0
  87. package/emotion/cjs/components/Scrollbar/utils.js +87 -0
  88. package/emotion/cjs/components/Scrollbar/variations/_size/base.js +12 -0
  89. package/emotion/cjs/components/Scrollbar/variations/_view/base.js +12 -0
  90. package/emotion/cjs/components/Select/Select.js +2 -3
  91. package/emotion/cjs/components/Select/Select.tokens.js +0 -2
  92. package/emotion/cjs/components/Select/ui/Target/Target.js +1 -2
  93. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -3
  94. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
  95. package/emotion/cjs/components/TextField/TextField.js +5 -10
  96. package/emotion/cjs/components/TextField/TextField.tokens.js +0 -2
  97. package/emotion/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
  98. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  99. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
  100. package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +10 -74
  101. package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +5 -18
  102. package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -14
  103. package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
  104. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +27 -0
  105. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
  106. package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
  107. package/emotion/cjs/examples/components/TextField/TextField.config.js +23 -23
  108. package/emotion/cjs/mixins/addScrollbar.js +24 -0
  109. package/emotion/es/components/Chip/Chip.js +5 -9
  110. package/emotion/es/components/Chip/Chip.styles.js +9 -9
  111. package/emotion/es/components/Chip/Chip.tokens.js +0 -1
  112. package/emotion/es/components/Chip/variations/_disabled/base.js +1 -2
  113. package/emotion/es/components/Chip/variations/_readonly/base.js +1 -2
  114. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +3 -5
  115. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
  116. package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
  117. package/emotion/es/components/Scrollbar/Scrollbar.js +359 -0
  118. package/emotion/es/components/Scrollbar/Scrollbar.styles.js +24 -0
  119. package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
  120. package/emotion/es/components/Scrollbar/Scrollbar.types.js +1 -0
  121. package/emotion/es/components/Scrollbar/index.js +2 -0
  122. package/emotion/es/components/Scrollbar/utils.js +69 -0
  123. package/emotion/es/components/Scrollbar/variations/_size/base.js +2 -0
  124. package/emotion/es/components/Scrollbar/variations/_view/base.js +2 -0
  125. package/emotion/es/components/Select/Select.js +2 -3
  126. package/emotion/es/components/Select/Select.tokens.js +0 -2
  127. package/emotion/es/components/Select/ui/Target/Target.js +1 -2
  128. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -3
  129. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
  130. package/emotion/es/components/TextField/TextField.js +5 -10
  131. package/emotion/es/components/TextField/TextField.tokens.js +0 -2
  132. package/emotion/es/components/TextField/hooks/useKeyNavigation.js +4 -11
  133. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  134. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
  135. package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +10 -74
  136. package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +5 -18
  137. package/emotion/es/examples/components/Chip/Chip.config.js +14 -14
  138. package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
  139. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  140. package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +17 -0
  141. package/emotion/es/examples/components/Scrollbar/Scrollbar.js +5 -0
  142. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  143. package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
  144. package/emotion/es/mixins/addScrollbar.js +6 -0
  145. package/es/components/Autocomplete/Autocomplete.css +11 -11
  146. package/es/components/Chip/Chip.css +7 -7
  147. package/es/components/Chip/Chip.js +4 -6
  148. package/es/components/Chip/Chip.js.map +1 -1
  149. package/es/components/Chip/Chip.styles.js +1 -1
  150. package/es/components/Chip/Chip.styles.js.map +1 -1
  151. package/es/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.css} +1 -1
  152. package/es/components/Chip/Chip.tokens.js +0 -1
  153. package/es/components/Chip/Chip.tokens.js.map +1 -1
  154. package/es/components/Chip/variations/_disabled/base.js +1 -1
  155. package/es/components/Chip/variations/_disabled/base.js.map +1 -1
  156. package/{cjs/components/Chip/variations/_disabled/base_1j4s925.css → es/components/Chip/variations/_disabled/base_rmcs0j.css} +1 -1
  157. package/es/components/Chip/variations/_readonly/base.js +1 -1
  158. package/es/components/Chip/variations/_readonly/base.js.map +1 -1
  159. package/{cjs/components/Chip/variations/_readonly/base_1xublmy.css → es/components/Chip/variations/_readonly/base_1nfit77.css} +1 -1
  160. package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
  161. package/es/components/Combobox/ComboboxNew/Combobox.js +3 -6
  162. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  163. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
  164. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  165. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  166. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  167. package/{cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ycaw31.css → es/components/Combobox/ComboboxNew/ui/Target/Target.styles_1c4vtoy.css} +1 -1
  168. package/es/components/Combobox/ComboboxOld/Combobox.css +7 -7
  169. package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +7 -7
  170. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +7 -7
  171. package/es/components/DatePicker/RangeDate/RangeDate.css +11 -11
  172. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
  173. package/es/components/DatePicker/SingleDate/SingleDate.css +11 -11
  174. package/es/components/Pagination/Pagination.css +15 -15
  175. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +15 -15
  176. package/es/components/Range/Range.css +11 -11
  177. package/es/components/Select/Select.css +15 -15
  178. package/es/components/Select/Select.js +2 -2
  179. package/es/components/Select/Select.js.map +1 -1
  180. package/es/components/Select/Select.tokens.js +0 -2
  181. package/es/components/Select/Select.tokens.js.map +1 -1
  182. package/es/components/Select/ui/Target/Target.css +15 -15
  183. package/es/components/Select/ui/Target/Target.js +1 -2
  184. package/es/components/Select/ui/Target/Target.js.map +1 -1
  185. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +15 -15
  186. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  187. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  188. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
  189. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  190. package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_19e9015.css → Textfield.styles_1mikp58.css} +1 -1
  191. package/es/components/Slider/Slider.css +11 -11
  192. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +11 -11
  193. package/es/components/Table/Table.css +15 -15
  194. package/es/components/Table/ui/Cell/Cell.css +15 -15
  195. package/es/components/Table/ui/EditableCell/EditableCell.css +15 -15
  196. package/es/components/Table/ui/HeadCell/HeadCell.css +15 -15
  197. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +15 -15
  198. package/es/components/TextField/TextField.js +4 -8
  199. package/es/components/TextField/TextField.js.map +1 -1
  200. package/es/components/TextField/TextField.tokens.js +0 -2
  201. package/es/components/TextField/TextField.tokens.js.map +1 -1
  202. package/es/components/TextField/hooks/useKeyNavigation.js +6 -15
  203. package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -1
  204. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +9 -9
  205. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  206. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  207. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
  208. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  209. package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
  210. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +11 -11
  211. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +12 -26
  212. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
  213. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +2 -33
  214. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -1
  215. package/es/components/TextField/ui/TextFieldChipNew/{TextFieldChipNew.styles_1hj7e4k.css → TextFieldChipNew.styles_y9tozi.css} +1 -1
  216. package/es/components/TimePicker/TimePicker.css +11 -11
  217. package/es/index.css +16 -16
  218. package/package.json +2 -2
  219. package/styled-components/cjs/components/Chip/Chip.js +5 -9
  220. package/styled-components/cjs/components/Chip/Chip.styles.js +6 -7
  221. package/styled-components/cjs/components/Chip/Chip.tokens.js +0 -1
  222. package/styled-components/cjs/components/Chip/variations/_disabled/base.js +2 -6
  223. package/styled-components/cjs/components/Chip/variations/_readonly/base.js +2 -6
  224. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -5
  225. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
  226. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -6
  227. package/styled-components/cjs/components/Scrollbar/Scrollbar.js +423 -0
  228. package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +121 -0
  229. package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
  230. package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
  231. package/styled-components/cjs/components/Scrollbar/index.js +26 -0
  232. package/styled-components/cjs/components/Scrollbar/utils.js +87 -0
  233. package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +14 -0
  234. package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +14 -0
  235. package/styled-components/cjs/components/Select/Select.js +2 -3
  236. package/styled-components/cjs/components/Select/Select.tokens.js +0 -2
  237. package/styled-components/cjs/components/Select/ui/Target/Target.js +1 -2
  238. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -3
  239. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -11
  240. package/styled-components/cjs/components/TextField/TextField.js +4 -9
  241. package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -2
  242. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
  243. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  244. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
  245. package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +10 -74
  246. package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +5 -28
  247. package/styled-components/cjs/examples/components/Chip/Chip.config.js +12 -24
  248. package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +4 -12
  249. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +45 -0
  250. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
  251. package/styled-components/cjs/examples/components/Select/Select.config.js +4 -10
  252. package/styled-components/cjs/examples/components/TextField/TextField.config.js +6 -18
  253. package/styled-components/cjs/mixins/addScrollbar.js +24 -0
  254. package/styled-components/es/components/Chip/Chip.js +5 -9
  255. package/styled-components/es/components/Chip/Chip.styles.js +6 -7
  256. package/styled-components/es/components/Chip/Chip.tokens.js +0 -1
  257. package/styled-components/es/components/Chip/variations/_disabled/base.js +2 -6
  258. package/styled-components/es/components/Chip/variations/_readonly/base.js +2 -6
  259. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +3 -5
  260. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
  261. package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -6
  262. package/styled-components/es/components/Scrollbar/Scrollbar.js +359 -0
  263. package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +51 -0
  264. package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
  265. package/styled-components/es/components/Scrollbar/Scrollbar.types.js +1 -0
  266. package/styled-components/es/components/Scrollbar/index.js +2 -0
  267. package/styled-components/es/components/Scrollbar/utils.js +69 -0
  268. package/styled-components/es/components/Scrollbar/variations/_size/base.js +4 -0
  269. package/styled-components/es/components/Scrollbar/variations/_view/base.js +4 -0
  270. package/styled-components/es/components/Select/Select.js +2 -3
  271. package/styled-components/es/components/Select/Select.tokens.js +0 -2
  272. package/styled-components/es/components/Select/ui/Target/Target.js +1 -2
  273. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -3
  274. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -11
  275. package/styled-components/es/components/TextField/TextField.js +4 -9
  276. package/styled-components/es/components/TextField/TextField.tokens.js +0 -2
  277. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +4 -11
  278. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  279. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
  280. package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +10 -74
  281. package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +5 -28
  282. package/styled-components/es/examples/components/Chip/Chip.config.js +12 -24
  283. package/styled-components/es/examples/components/Combobox/Combobox.config.js +4 -12
  284. package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +35 -0
  285. package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +5 -0
  286. package/styled-components/es/examples/components/Select/Select.config.js +4 -10
  287. package/styled-components/es/examples/components/TextField/TextField.config.js +6 -18
  288. package/styled-components/es/mixins/addScrollbar.js +6 -0
  289. package/types/components/Chip/Chip.d.ts.map +1 -1
  290. package/types/components/Chip/Chip.styles.d.ts.map +1 -1
  291. package/types/components/Chip/Chip.tokens.d.ts +0 -1
  292. package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
  293. package/types/components/Chip/Chip.types.d.ts +1 -1
  294. package/types/components/Chip/variations/_disabled/base.d.ts.map +1 -1
  295. package/types/components/Chip/variations/_readonly/base.d.ts.map +1 -1
  296. package/types/components/Combobox/ComboboxNew/Combobox.d.ts +2 -2
  297. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  298. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -2
  299. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  300. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +0 -9
  301. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  302. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  303. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -6
  304. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  305. package/types/components/Scrollbar/Scrollbar.d.ts +23 -0
  306. package/types/components/Scrollbar/Scrollbar.d.ts.map +1 -0
  307. package/types/components/Scrollbar/Scrollbar.styles.d.ts +7 -0
  308. package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +1 -0
  309. package/types/components/Scrollbar/Scrollbar.tokens.d.ts +22 -0
  310. package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +1 -0
  311. package/types/components/Scrollbar/Scrollbar.types.d.ts +52 -0
  312. package/types/components/Scrollbar/Scrollbar.types.d.ts.map +1 -0
  313. package/types/components/Scrollbar/index.d.ts +4 -0
  314. package/types/components/Scrollbar/index.d.ts.map +1 -0
  315. package/types/components/Scrollbar/utils.d.ts +7 -0
  316. package/types/components/Scrollbar/utils.d.ts.map +1 -0
  317. package/types/components/Scrollbar/variations/_size/base.d.ts +2 -0
  318. package/types/components/Scrollbar/variations/_size/base.d.ts.map +1 -0
  319. package/types/components/Scrollbar/variations/_view/base.d.ts +2 -0
  320. package/types/components/Scrollbar/variations/_view/base.d.ts.map +1 -0
  321. package/types/components/Select/Select.d.ts.map +1 -1
  322. package/types/components/Select/Select.tokens.d.ts +0 -2
  323. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  324. package/types/components/Select/Select.types.d.ts +0 -7
  325. package/types/components/Select/Select.types.d.ts.map +1 -1
  326. package/types/components/Select/ui/Target/Target.d.ts +1 -2
  327. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  328. package/types/components/Select/ui/Target/Target.types.d.ts +2 -3
  329. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  330. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  331. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  332. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  333. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  334. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +0 -6
  335. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  336. package/types/components/TextField/TextField.d.ts.map +1 -1
  337. package/types/components/TextField/TextField.tokens.d.ts +0 -2
  338. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  339. package/types/components/TextField/hooks/useKeyNavigation.d.ts +2 -11
  340. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -1
  341. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  342. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
  343. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +1 -2
  344. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +1 -1
  345. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts +1 -3
  346. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts.map +1 -1
  347. package/types/examples/components/Chip/Chip.config.d.ts.map +1 -1
  348. package/types/examples/components/Combobox/Combobox.config.d.ts.map +1 -1
  349. package/types/examples/components/Combobox/Combobox.d.ts +0 -24
  350. package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
  351. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +16 -0
  352. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +1 -0
  353. package/types/examples/components/Scrollbar/Scrollbar.d.ts +10 -0
  354. package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +1 -0
  355. package/types/examples/components/Select/Select.config.d.ts.map +1 -1
  356. package/types/examples/components/Select/Select.d.ts +0 -6
  357. package/types/examples/components/Select/Select.d.ts.map +1 -1
  358. package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
  359. package/types/mixins/addScrollbar.d.ts +3 -0
  360. package/types/mixins/addScrollbar.d.ts.map +1 -0
@@ -36,7 +36,6 @@ var tokens = {
36
36
  closeIconColor: '--plasma-chip-close-icon-color',
37
37
  closeIconColorHover: '--plasma-chip-close-icon-color-hover',
38
38
  closeIconColorActive: '--plasma-chip-close-icon-color-active',
39
- closeIconColorReadonly: '--plasma-chip-close-icon-color-readonly',
40
39
  leftContentColor: '--plasma-chip-left-content-color',
41
40
  borderRadius: '--plasma-chip-border-radius',
42
41
  pilledBorderRadius: '--plasma-chip-pilled-border-radius',
@@ -10,13 +10,9 @@ Object.defineProperty(exports, "base", {
10
10
  });
11
11
  var _styledcomponents = require("styled-components");
12
12
  var _Chiptokens = require("../../Chip.tokens");
13
- var _Chipstyles = require("../../Chip.styles");
14
13
  var base = (0, _styledcomponents.css)([
15
14
  "&[disabled]{opacity:var(",
16
15
  ");cursor:not-allowed;:hover,:active{scale:none;color:var(",
17
16
  ");background-color:var(",
18
- ");}",
19
- "{color:var(",
20
- ");&:hover{color:var(",
21
- ");}}}"
22
- ], _Chiptokens.tokens.disabledOpacity, _Chiptokens.tokens.color, _Chiptokens.tokens.background, _Chipstyles.StyledContentClear, _Chiptokens.tokens.closeIconColor, _Chiptokens.tokens.closeIconColor);
17
+ ");}}"
18
+ ], _Chiptokens.tokens.disabledOpacity, _Chiptokens.tokens.color, _Chiptokens.tokens.background);
@@ -10,14 +10,10 @@ Object.defineProperty(exports, "base", {
10
10
  });
11
11
  var _styledcomponents = require("styled-components");
12
12
  var _Chiptokens = require("../../Chip.tokens");
13
- var _Chipstyles = require("../../Chip.styles");
14
13
  var base = (0, _styledcomponents.css)([
15
14
  "&[readonly]{color:var(",
16
15
  ");background-color:var(",
17
16
  ");:hover,:active{scale:none;cursor:default;color:var(",
18
17
  ");background-color:var(",
19
- ");}",
20
- "{color:var(",
21
- ");&:hover{color:var(",
22
- ");}}}"
23
- ], _Chiptokens.tokens.colorReadOnly, _Chiptokens.tokens.backgroundReadOnly, _Chiptokens.tokens.colorReadOnlyHover, _Chiptokens.tokens.backgroundReadOnlyHover, _Chipstyles.StyledContentClear, _Chiptokens.tokens.closeIconColorReadonly, _Chiptokens.tokens.closeIconColorReadonly);
18
+ ");}}"
19
+ ], _Chiptokens.tokens.colorReadOnly, _Chiptokens.tokens.backgroundReadOnly, _Chiptokens.tokens.colorReadOnlyHover, _Chiptokens.tokens.backgroundReadOnlyHover);
@@ -206,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
206
206
  var comboboxRoot = function(Root) {
207
207
  return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
208
208
  var _getItemByFocused;
209
- var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
209
+ var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, // @ts-ignore
210
210
  _offset = props._offset, rest = _object_without_properties(props, [
211
211
  "name",
212
212
  "multiple",
@@ -251,7 +251,6 @@ var comboboxRoot = function(Root) {
251
251
  "onScroll",
252
252
  "onToggle",
253
253
  "mode",
254
- "chipClickArea",
255
254
  "_offset"
256
255
  ]);
257
256
  var transformedItems = (0, _react.useMemo)(function() {
@@ -539,7 +538,7 @@ var comboboxRoot = function(Root) {
539
538
  // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
540
539
  // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
541
540
  (0, _react.useLayoutEffect)(function() {
542
- var checkedCopy = new Map(checked);
541
+ var checkedCopy = new Map(valueToCheckedMap);
543
542
  checkedCopy.forEach(function(_, key) {
544
543
  checkedCopy.set(key, false);
545
544
  });
@@ -665,9 +664,8 @@ var comboboxRoot = function(Root) {
665
664
  keepPlaceholder: keepPlaceholder
666
665
  }, multiple ? {
667
666
  enumerationType: 'chip',
668
- _chipClickArea: chipClickArea,
669
667
  _chips: getChips(),
670
- _onChipCloseClick: handleChipClick
668
+ _onChipClick: handleChipClick
671
669
  } : {
672
670
  enumerationType: 'plain'
673
671
  }, rest), {
@@ -202,8 +202,6 @@ var tokens = {
202
202
  textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
203
203
  textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
204
204
  textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
205
- textFieldChipCloseIconColorHover: '--plasma-combobox-new-textfield-chip-close-icons-color-hover',
206
- textFieldChipCloseIconColorReadonly: '--plasma-combobox-new-textfield-chip-close-icons-color-readonly',
207
205
  textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
208
206
  textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
209
207
  textFieldChipPadding: '--plasma-combobox-new-textfield-chip-padding',
@@ -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-7712693a-0"
25
25
  })([
26
26
  "",
27
27
  ":var(",
@@ -323,9 +323,5 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
323
323
  ":var(",
324
324
  ");",
325
325
  ":var(",
326
- ");",
327
- ":var(",
328
- ");",
329
- ":var(",
330
326
  ");"
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);
327
+ ], _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.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);
@@ -0,0 +1,423 @@
1
+ /* eslint-disable */ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get scrollbarConfig () {
13
+ return scrollbarConfig;
14
+ },
15
+ get scrollbarRoot () {
16
+ return scrollbarRoot;
17
+ }
18
+ });
19
+ var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
+ var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
21
+ var _base = require("./variations/_size/base");
22
+ var _base1 = require("./variations/_view/base");
23
+ var _Scrollbarstyles = require("./Scrollbar.styles");
24
+ var _Scrollbartokens = require("./Scrollbar.tokens");
25
+ var _utils = require("./utils");
26
+ function _array_like_to_array(arr, len) {
27
+ if (len == null || len > arr.length) len = arr.length;
28
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
29
+ return arr2;
30
+ }
31
+ function _array_with_holes(arr) {
32
+ if (Array.isArray(arr)) return arr;
33
+ }
34
+ function _define_property(obj, key, value) {
35
+ if (key in obj) {
36
+ Object.defineProperty(obj, key, {
37
+ value: value,
38
+ enumerable: true,
39
+ configurable: true,
40
+ writable: true
41
+ });
42
+ } else {
43
+ obj[key] = value;
44
+ }
45
+ return obj;
46
+ }
47
+ function _interop_require_default(obj) {
48
+ return obj && obj.__esModule ? obj : {
49
+ default: obj
50
+ };
51
+ }
52
+ function _getRequireWildcardCache(nodeInterop) {
53
+ if (typeof WeakMap !== "function") return null;
54
+ var cacheBabelInterop = new WeakMap();
55
+ var cacheNodeInterop = new WeakMap();
56
+ return (_getRequireWildcardCache = function(nodeInterop) {
57
+ return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
58
+ })(nodeInterop);
59
+ }
60
+ function _interop_require_wildcard(obj, nodeInterop) {
61
+ if (!nodeInterop && obj && obj.__esModule) {
62
+ return obj;
63
+ }
64
+ if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
65
+ return {
66
+ default: obj
67
+ };
68
+ }
69
+ var cache = _getRequireWildcardCache(nodeInterop);
70
+ if (cache && cache.has(obj)) {
71
+ return cache.get(obj);
72
+ }
73
+ var newObj = {
74
+ __proto__: null
75
+ };
76
+ var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
77
+ for(var key in obj){
78
+ if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
79
+ var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
80
+ if (desc && (desc.get || desc.set)) {
81
+ Object.defineProperty(newObj, key, desc);
82
+ } else {
83
+ newObj[key] = obj[key];
84
+ }
85
+ }
86
+ }
87
+ newObj.default = obj;
88
+ if (cache) {
89
+ cache.set(obj, newObj);
90
+ }
91
+ return newObj;
92
+ }
93
+ function _iterable_to_array_limit(arr, i) {
94
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
95
+ if (_i == null) return;
96
+ var _arr = [];
97
+ var _n = true;
98
+ var _d = false;
99
+ var _s, _e;
100
+ try {
101
+ for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
102
+ _arr.push(_s.value);
103
+ if (i && _arr.length === i) break;
104
+ }
105
+ } catch (err) {
106
+ _d = true;
107
+ _e = err;
108
+ } finally{
109
+ try {
110
+ if (!_n && _i["return"] != null) _i["return"]();
111
+ } finally{
112
+ if (_d) throw _e;
113
+ }
114
+ }
115
+ return _arr;
116
+ }
117
+ function _non_iterable_rest() {
118
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
119
+ }
120
+ function _object_spread(target) {
121
+ for(var i = 1; i < arguments.length; i++){
122
+ var source = arguments[i] != null ? arguments[i] : {};
123
+ var ownKeys = Object.keys(source);
124
+ if (typeof Object.getOwnPropertySymbols === "function") {
125
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
126
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
127
+ }));
128
+ }
129
+ ownKeys.forEach(function(key) {
130
+ _define_property(target, key, source[key]);
131
+ });
132
+ }
133
+ return target;
134
+ }
135
+ function ownKeys(object, enumerableOnly) {
136
+ var keys = Object.keys(object);
137
+ if (Object.getOwnPropertySymbols) {
138
+ var symbols = Object.getOwnPropertySymbols(object);
139
+ if (enumerableOnly) {
140
+ symbols = symbols.filter(function(sym) {
141
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
142
+ });
143
+ }
144
+ keys.push.apply(keys, symbols);
145
+ }
146
+ return keys;
147
+ }
148
+ function _object_spread_props(target, source) {
149
+ source = source != null ? source : {};
150
+ if (Object.getOwnPropertyDescriptors) {
151
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
152
+ } else {
153
+ ownKeys(Object(source)).forEach(function(key) {
154
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
155
+ });
156
+ }
157
+ return target;
158
+ }
159
+ function _object_without_properties(source, excluded) {
160
+ if (source == null) return {};
161
+ var target = _object_without_properties_loose(source, excluded);
162
+ var key, i;
163
+ if (Object.getOwnPropertySymbols) {
164
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
165
+ for(i = 0; i < sourceSymbolKeys.length; i++){
166
+ key = sourceSymbolKeys[i];
167
+ if (excluded.indexOf(key) >= 0) continue;
168
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
169
+ target[key] = source[key];
170
+ }
171
+ }
172
+ return target;
173
+ }
174
+ function _object_without_properties_loose(source, excluded) {
175
+ if (source == null) return {};
176
+ var target = {};
177
+ var sourceKeys = Object.keys(source);
178
+ var key, i;
179
+ for(i = 0; i < sourceKeys.length; i++){
180
+ key = sourceKeys[i];
181
+ if (excluded.indexOf(key) >= 0) continue;
182
+ target[key] = source[key];
183
+ }
184
+ return target;
185
+ }
186
+ function _sliced_to_array(arr, i) {
187
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
188
+ }
189
+ function _unsupported_iterable_to_array(o, minLen) {
190
+ if (!o) return;
191
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
192
+ var n = Object.prototype.toString.call(o).slice(8, -1);
193
+ if (n === "Object" && o.constructor) n = o.constructor.name;
194
+ if (n === "Map" || n === "Set") return Array.from(n);
195
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
196
+ }
197
+ var MIN_SCROLLBAR_TRACK_HEIGHT = 20;
198
+ var scrollbarRoot = function(Root) {
199
+ return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
200
+ var className = _param.className, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, _param_size = _param.size, size = _param_size === void 0 ? 'm' : _param_size, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? '4px' : _param_offset, _param_autoHide = _param.autoHide, autoHide = _param_autoHide === void 0 ? true : _param_autoHide, _param_autoHideDelay = _param.autoHideDelay, autoHideDelay = _param_autoHideDelay === void 0 ? 2000 : _param_autoHideDelay, style = _param.style, children = _param.children, rest = _object_without_properties(_param, [
201
+ "className",
202
+ "view",
203
+ "size",
204
+ "placement",
205
+ "offset",
206
+ "autoHide",
207
+ "autoHideDelay",
208
+ "style",
209
+ "children"
210
+ ]);
211
+ var containerRef = (0, _react.useRef)(null);
212
+ var contentRef = (0, _react.useRef)(null);
213
+ var trackRef = (0, _react.useRef)(null);
214
+ var thumbRef = (0, _react.useRef)(null);
215
+ var hideTimeoutRef = (0, _react.useRef)(null);
216
+ var isInitializedRef = (0, _react.useRef)(false);
217
+ var _useState = _sliced_to_array((0, _react.useState)({
218
+ isVisible: false,
219
+ thumbHeight: 0,
220
+ thumbPosition: 0,
221
+ isDragging: false
222
+ }), 2), scrollbarState = _useState[0], setScrollbarState = _useState[1];
223
+ var parsedOffset = (0, _utils.parseOffset)(offset);
224
+ var updateScrollbar = function() {
225
+ var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
226
+ var container = containerRef.current;
227
+ if (!container) return;
228
+ var _calculateScrollbar = (0, _utils.calculateScrollbar)(container, parsedOffset, MIN_SCROLLBAR_TRACK_HEIGHT), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
229
+ setScrollbarState(function(prevState) {
230
+ if (prevState.thumbHeight === thumbHeight && prevState.thumbPosition === thumbPosition && prevState.isVisible === (show || prevState.isVisible)) {
231
+ return prevState;
232
+ }
233
+ return _object_spread_props(_object_spread({}, prevState), {
234
+ thumbHeight: thumbHeight,
235
+ thumbPosition: thumbPosition,
236
+ isVisible: show || prevState.isVisible
237
+ });
238
+ });
239
+ };
240
+ var clearHideTimeout = function() {
241
+ if (hideTimeoutRef.current) {
242
+ clearTimeout(hideTimeoutRef.current);
243
+ hideTimeoutRef.current = null;
244
+ }
245
+ };
246
+ var showScrollbarWithDelay = function() {
247
+ clearHideTimeout();
248
+ updateScrollbar(true);
249
+ if (autoHide) {
250
+ hideTimeoutRef.current = window.setTimeout(function() {
251
+ setScrollbarState(function(prevState) {
252
+ return _object_spread_props(_object_spread({}, prevState), {
253
+ isVisible: false
254
+ });
255
+ });
256
+ }, autoHideDelay);
257
+ }
258
+ };
259
+ var handleScroll = function() {
260
+ showScrollbarWithDelay();
261
+ updateScrollbar();
262
+ };
263
+ var handleMouseEnter = function() {
264
+ showScrollbarWithDelay();
265
+ };
266
+ var handleScrollbarDrag = function(e) {
267
+ e.preventDefault();
268
+ e.stopPropagation();
269
+ var thumb = e.currentTarget;
270
+ var track = thumb.parentElement;
271
+ var container = containerRef.current;
272
+ if (!container || !track) return;
273
+ clearHideTimeout();
274
+ var startY = e.clientY;
275
+ var startThumbPosition = parseFloat(thumb.style.top || '0');
276
+ var trackRect = track.getBoundingClientRect();
277
+ var trackHeight = trackRect.height;
278
+ var thumbHeight = thumb.offsetHeight;
279
+ var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
280
+ var maxScroll = scrollHeight - clientHeight;
281
+ var handleMouseMove = function(moveEvent) {
282
+ var deltaY = moveEvent.clientY - startY;
283
+ var newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, startThumbPosition + deltaY));
284
+ var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
285
+ var newScrollTop = scrollPercentage * maxScroll;
286
+ container.scrollTop = newScrollTop;
287
+ setScrollbarState(function(prevState) {
288
+ return _object_spread_props(_object_spread({}, prevState), {
289
+ thumbPosition: newThumbPosition,
290
+ isDragging: true,
291
+ isVisible: true
292
+ });
293
+ });
294
+ };
295
+ var handleMouseUp = function() {
296
+ document.removeEventListener('mousemove', handleMouseMove);
297
+ document.removeEventListener('mouseup', handleMouseUp);
298
+ setScrollbarState(function(prevState) {
299
+ return _object_spread_props(_object_spread({}, prevState), {
300
+ isDragging: false
301
+ });
302
+ });
303
+ showScrollbarWithDelay();
304
+ };
305
+ document.addEventListener('mousemove', handleMouseMove);
306
+ document.addEventListener('mouseup', handleMouseUp);
307
+ };
308
+ var handleTrackClick = function(e) {
309
+ e.preventDefault();
310
+ e.stopPropagation();
311
+ var track = e.currentTarget;
312
+ var container = containerRef.current;
313
+ if (!container || !track) return;
314
+ if (thumbRef.current && thumbRef.current.contains(e.target)) {
315
+ return;
316
+ }
317
+ clearHideTimeout();
318
+ var trackRect = track.getBoundingClientRect();
319
+ var clickY = e.clientY - trackRect.top;
320
+ var trackHeight = trackRect.height;
321
+ var thumbHeight = scrollbarState.thumbHeight;
322
+ var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
323
+ var maxScroll = scrollHeight - clientHeight;
324
+ if (maxScroll <= 0) return;
325
+ var newThumbPosition = clickY - thumbHeight / 2;
326
+ newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, newThumbPosition));
327
+ var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
328
+ var newScrollTop = scrollPercentage * maxScroll;
329
+ container.scrollTop = newScrollTop;
330
+ setScrollbarState(function(prevState) {
331
+ return _object_spread_props(_object_spread({}, prevState), {
332
+ thumbPosition: newThumbPosition,
333
+ isVisible: true
334
+ });
335
+ });
336
+ showScrollbarWithDelay();
337
+ };
338
+ (0, _react.useEffect)(function() {
339
+ var container = containerRef.current;
340
+ if (!container) return;
341
+ if (!isInitializedRef.current) {
342
+ updateScrollbar();
343
+ isInitializedRef.current = true;
344
+ }
345
+ container.addEventListener('scroll', handleScroll);
346
+ container.addEventListener('mouseenter', handleMouseEnter);
347
+ var resizeObserver = new ResizeObserver(function() {
348
+ updateScrollbar();
349
+ });
350
+ if (contentRef.current) {
351
+ resizeObserver.observe(contentRef.current);
352
+ }
353
+ return function() {
354
+ container.removeEventListener('scroll', handleScroll);
355
+ container.removeEventListener('mouseenter', handleMouseEnter);
356
+ resizeObserver.disconnect();
357
+ clearHideTimeout();
358
+ };
359
+ }, []);
360
+ (0, _react.useEffect)(function() {
361
+ updateScrollbar();
362
+ }, [
363
+ children,
364
+ offset
365
+ ]);
366
+ var _obj;
367
+ return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
368
+ view: view,
369
+ size: size,
370
+ className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarRoot, className),
371
+ ref: ref
372
+ }, rest), /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledScrollBar, {
373
+ className: (0, _classnames.default)((_obj = {}, _define_property(_obj, _Scrollbartokens.classes.scrollBarVisible, scrollbarState.isVisible), _define_property(_obj, _Scrollbartokens.classes.scrollBarDragging, scrollbarState.isDragging), _obj)),
374
+ style: _object_spread_props(_object_spread({}, style), {
375
+ '--scrollbar-offset-top': parsedOffset.top,
376
+ '--scrollbar-offset-right': parsedOffset.right,
377
+ '--scrollbar-offset-bottom': parsedOffset.bottom,
378
+ '--scrollbar-offset-left': parsedOffset.left
379
+ }),
380
+ "data-placement": placement,
381
+ "data-size": size,
382
+ "data-view": view
383
+ }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledContainer, {
384
+ ref: containerRef,
385
+ className: _Scrollbartokens.classes.scrollBarContainer,
386
+ "data-placement": placement
387
+ }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledContent, {
388
+ ref: contentRef,
389
+ className: _Scrollbartokens.classes.scrollBarContent
390
+ }, children)), /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledTrack, {
391
+ ref: trackRef,
392
+ className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarTrack, _define_property({}, _Scrollbartokens.classes.scrollBarTrackVisible, scrollbarState.isVisible)),
393
+ "data-placement": placement,
394
+ onMouseDown: handleTrackClick
395
+ }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledThumb, {
396
+ ref: thumbRef,
397
+ className: _Scrollbartokens.classes.scrollBarThumb,
398
+ style: {
399
+ height: "".concat(scrollbarState.thumbHeight, "px"),
400
+ top: "".concat(scrollbarState.thumbPosition, "px")
401
+ },
402
+ onMouseDown: handleScrollbarDrag
403
+ }))));
404
+ });
405
+ };
406
+ var scrollbarConfig = {
407
+ name: 'Scrollbar',
408
+ tag: 'div',
409
+ layout: scrollbarRoot,
410
+ base: _Scrollbarstyles.base,
411
+ variations: {
412
+ view: {
413
+ css: _base1.base
414
+ },
415
+ size: {
416
+ css: _base.base
417
+ }
418
+ },
419
+ defaults: {
420
+ size: 'm',
421
+ view: 'default'
422
+ }
423
+ };